:root{--color-primary-50: #fcfcfc;--color-primary-100: #f8f8f0;--color-primary-500: var(--color-primary, #1976d2);--color-primary-600: var(--color-primary, #1976d2);--color-primary-700: var(--color-button-hover, #1565c0);--color-primary-900: #0c4a6e;--color-secondary-50: #fcfcfc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-500: #d4d4d5;--color-secondary-600: #475569;--color-secondary-700: var(--color-font-secondary, #334155);--color-secondary-900: var(--color-font-primary, #0f172a);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-green-600: #166534;--color-white: #ffffff;--color-black: var(--color-font-primary, #000000);--color-gray-400: #9ca3af;--color-gray-600: #4b5563;--color-slate-600: #475569;--color-slate-700: #334155;--color-priority-critical: var(--color-error, #dc2626);--color-priority-high: #ea580c;--color-priority-medium: #d97706;--color-priority-low: #65a30d;--color-status-approved: var(--color-success, #166534);--color-status-rejected: var(--color-error, #dc2626);--color-status-pending: var(--color-warning, #f59e0b);--color-status-processing: var(--color-warning, #92400e);--color-status-completed: var(--color-success, #166534);--color-status-failed: var(--color-error, #dc2626);--font-family-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Menlo, Monaco, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--max-width-base: 1340px}.dashboard-root[data-theme=dark],.dashboard-root[data-theme=dark] *{--color-white: #1c1c1c;--color-secondary-50: #222222;--color-secondary-100: #2a2a2a;--color-secondary-200: #333333;--color-secondary-500: #555555;--color-secondary-600: #a0a0a0;--color-secondary-700: #c8c8c8;--color-secondary-900: #f0f0f0;--color-black: #f0f0f0;--color-primary-50: #1a2744;--color-primary-100: #1e3058;--color-primary-500: var(--color-primary, #4a9eff);--color-primary-600: var(--color-primary, #4a9eff);--color-primary-700: var(--color-button-hover, #3b8de8);--color-primary-900: #bfdbfe;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-status-approved: #34d399;--color-status-rejected: #f87171;--color-status-pending: #fbbf24;--color-status-processing: #fbbf24;--color-status-completed: #34d399;--color-status-failed: #f87171;--color-priority-critical: #f87171;--color-priority-high: #fb923c;--color-priority-medium: #fbbf24;--color-priority-low: #86efac;--color-gray-400: #6b7280;--color-gray-600: #9ca3af;--color-slate-600: #94a3b8;--color-slate-700: #cbd5e1}.dashboard-root[data-theme=dark]{background:#111;color:var(--color-secondary-900)}.dashboard-root[data-theme=dark] input,.dashboard-root[data-theme=dark] select,.dashboard-root[data-theme=dark] textarea{background-color:var(--color-secondary-100);color:var(--color-secondary-900);color-scheme:dark}.dashboard-root[data-theme=dark] input[type=file]{color:#fff!important;background-color:transparent}.dashboard-root[data-theme=dark] input[type=file]::-webkit-file-upload-button+*{color:#fff}.dashboard-root[data-theme=dark] input[type=file]::file-selector-button{color:var(--color-secondary-900);background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-300);border-radius:4px;padding:4px 10px;margin-right:8px;cursor:pointer}.dashboard-root[data-theme=dark] input[type=file]::-webkit-file-upload-button{color:var(--color-secondary-900);background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-300);border-radius:4px;padding:4px 10px;margin-right:8px;cursor:pointer}.dashboard-root[data-theme=dark] select option{background-color:var(--color-secondary-100);color:var(--color-secondary-900)}.dashboard-root[data-theme=dark] input::placeholder,.dashboard-root[data-theme=dark] textarea::placeholder{color:var(--color-secondary-500)}.dashboard-root[data-theme=dark] .table-container:not(.loading-skeleton) tr{border-color:var(--color-secondary-200)!important}.dashboard-root *,.dashboard-root *:before,.dashboard-root *:after{transition:background-color .2s ease,border-color .2s ease,color .15s ease}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@viewport{width:device-width;zoom:1}body{color:var(--color-font-primary, #000000);background:var(--color-white);font-size:var(--font-size-base);line-height:1.5}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chatDotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.mobile-logo{display:none}.desktop-text{display:block}textarea:focus{outline:none}textarea:focus-visible{border:2px solid var(--color-primary-500)!important}.chat-bubble-input:focus-visible{border:none!important}@media (max-width: 768px){.mobile-logo{display:block}.desktop-text{display:none}}@media (max-width: 768px){main{padding-top:100px!important}.hero-grid{grid-template-columns:1fr!important;gap:var(--spacing-lg)!important;padding:0 var(--spacing-md)!important}.hero-grid>div:first-child{max-width:100%!important;text-align:center!important}.hero-grid>div:first-child>div:first-child{margin-left:auto!important;margin-right:auto!important}.hero-buttons{flex-direction:column!important;width:100%!important;align-items:center!important}.hero-buttons button{width:100%!important;max-width:300px!important}.hero-buttons>div:last-child{justify-content:center!important}.hero-stats{justify-content:center!important}.features-grid{grid-template-columns:1fr!important;gap:var(--spacing-lg)!important}.footer-content{text-align:center!important;align-items:center!important}.footer-content>div{max-width:100%!important}.footer-content p,.footer-content h3,.footer-content h4{text-align:center!important}.footer-content div[style*="display: flex"]{justify-content:center!important}.footer-bottom{text-align:center!important}.footer-bottom>div{flex-wrap:wrap!important;justify-content:center!important}}@media (min-width: 769px){.footer-content,.footer-bottom{flex-direction:row!important}}@media (max-width: 480px){.hero-stats{flex-direction:column!important;align-items:center!important}}@media (max-width: 768px){:root{--spacing-xs: .25rem;--spacing-sm: .375rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem}.dashboard-layout{flex-direction:column!important}.dashboard-sidebar{position:fixed!important;top:0!important;left:-250px!important;width:250px!important;height:100vh!important;z-index:1000!important;transition:left .3s ease!important}.dashboard-sidebar.open{left:0!important}.dashboard-sidebar .sidebar-title{padding-top:60px!important}.dashboard-main{padding:var(--spacing-md)!important;padding-top:calc(var(--spacing-md) + 60px)!important;margin-left:0!important}.dashboard-root{padding-left:0!important}.dashboard-layout{padding-top:60px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-sm)!important}.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.modal{width:95vw!important;max-width:400px!important;margin:var(--spacing-sm)!important}.button-group{flex-direction:column!important}.header-actions{flex-direction:column!important;gap:var(--spacing-sm)!important;align-items:stretch!important}.header-actions button{width:100%!important;justify-content:center!important}.dashboard-main{display:flex!important;flex-direction:column!important;align-items:center!important}.dashboard-main>*{width:100%!important;max-width:100%!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr!important}.table-container table{min-width:600px!important}.modal{width:100vw!important;height:100vh!important;border-radius:0!important;margin:0!important}.table-container .table-row{grid-template-columns:1fr!important;gap:var(--spacing-xs)!important;padding:var(--spacing-sm)!important}.table-container .table-row>div{display:flex!important;justify-content:space-between!important;align-items:center!important}.table-container .table-row>div:before{content:attr(data-label)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-secondary-700)!important;font-size:var(--font-size-xs)!important}.table-container:not(.loading-skeleton) table{display:block!important}.table-container:not(.loading-skeleton) thead{display:none!important}.table-container:not(.loading-skeleton) tbody{display:block!important}.table-container:not(.loading-skeleton) tr{display:block!important;margin-bottom:var(--spacing-md)!important;padding:var(--spacing-md)!important;border:1px solid var(--color-secondary-200)!important;border-radius:8px!important;background:#fff!important}.table-container:not(.loading-skeleton) td{display:block!important;padding:var(--spacing-xs) 0!important;border:none!important;text-align:left!important}.table-container:not(.loading-skeleton) td:before{content:attr(data-label)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-secondary-700)!important;display:block!important;font-size:var(--font-size-xs)!important;margin-bottom:4px!important}.table-container:not(.loading-skeleton) .action-buttons{justify-content:flex-start!important;margin-top:var(--spacing-sm)!important}.skeleton-row{grid-template-columns:1fr!important;gap:var(--spacing-sm)!important}}.walkthrough-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.walkthrough-modal{background:var(--color-white);border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000026}.walkthrough-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.walkthrough-header h3{margin:0;color:var(--color-primary, #e9660e)}.walkthrough-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-secondary-600);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.walkthrough-content{padding:20px 24px}.walkthrough-content p{margin:0;line-height:1.5;color:var(--color-secondary-700)}.walkthrough-footer{padding:0 24px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.walkthrough-progress{font-size:14px;color:var(--color-secondary-600);font-weight:500}.walkthrough-actions{display:flex;gap:12px;align-items:center}.walkthrough-btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:500}.walkthrough-btn.primary{background:var(--color-primary, #e9660e);color:#fff;min-width:80px}.walkthrough-btn.secondary{background:var(--color-secondary-100);color:var(--color-secondary-700);border:1px solid var(--color-secondary-200);min-width:80px}.walkthrough-btn:hover{opacity:.9;transform:translateY(-1px)}.walkthrough-btn:active{transform:translateY(0)}