: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: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: 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}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden;font-family:var(--font-family-primary)}@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}.mobile-logo{display:none}.desktop-text{display:block}textarea:focus{outline:none}textarea:focus-visible{border:2px solid var(--color-primary-500)!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-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:#fff;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:#666;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:#333}.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:#666;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:#f5f5f5;color:#333;border:1px solid #ddd;min-width:80px}.walkthrough-btn:hover{opacity:.9;transform:translateY(-1px)}.walkthrough-btn:active{transform:translateY(0)}.report-generation{max-width:1400px;margin:0 auto;padding:20px}.report-generation-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start}.header-content{flex:1}.report-generation-header h2{color:var(--color-secondary-900);margin:10px 0}.report-generation-header p{color:var(--color-secondary-600);margin:0}.help-btn{background:var(--color-primary-600);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:4px}.help-btn:hover{background:var(--color-primary-700);transform:translateY(-1px)}.back-btn{background:var(--color-secondary-100);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;color:var(--color-secondary-900);font-size:14px;margin-bottom:10px;transition:background-color .2s}.back-btn:hover{background:var(--color-secondary-200)}.report-generation-content{display:grid;grid-template-columns:400px 1fr;gap:30px;align-items:start}.report-params{background:var(--color-white);border:1px solid var(--color-secondary-200);border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.template-selection{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.template-selection label{font-size:16px;font-weight:600;color:#334155;margin-bottom:12px;display:block;letter-spacing:-.025em}.template-select{width:100%;padding:12px 16px;border:2px solid var( --color-primary-500)!important;border-radius:8px;font-size:14px;background:#fff;margin-bottom:12px;transition:all .2s ease;font-weight:500}.template-select:focus{outline:none;border:2px solid var( --color-primary-500)!important;box-shadow:0 0 0 3px #3b82f61a}.template-description{font-size:14px;color:#64748b;line-height:1.5;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;border-left:4px solid var(--color-primary-200)}.param-group.primary-input{background:var(--color-secondary-50);border:2px solid var(--color-primary-200);border-radius:8px;padding:20px;margin-bottom:24px}.param-group.primary-input label{font-size:16px;font-weight:600;color:var(--color-primary-600)}.required{color:var(--color-red-500);font-weight:700}.natural-language-input{min-height:100px;font-size:14px;line-height:1.5;border-color:var(--color-primary-500)!important;border-radius:6px;padding:12px;resize:vertical;width:100%;box-sizing:border-box}.natural-language-input:focus{border-color:var(--color-primary-500)}.input-help{font-size:13px;color:var(--color-secondary-600);margin-top:8px;font-style:italic}.optional-params{border-top:1px solid var(--color-secondary-200);padding-top:20px}.optional-params h4{color:var(--color-secondary-600);font-size:14px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.section-description{font-size:13px;color:var(--color-secondary-600);margin:0 0 16px;font-style:italic}.report-params h3{margin:0 0 20px;color:var(--color-secondary-900);font-size:18px}.param-group{margin-bottom:20px}.param-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-secondary-700);font-size:14px}.param-group select,.param-group textarea{width:100%;padding:10px;border:1px solid var(--color-secondary-300);border-radius:4px;font-size:14px;background:var(--color-white)}.param-group select:focus,.param-group textarea:focus{outline:none;border-color:var(--color-primary-500)}.param-group textarea{resize:vertical;min-height:80px;font-family:inherit}.checkbox-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:200px;overflow-y:auto;border:1px solid var(--color-secondary-200);border-radius:4px;padding:12px;background:var(--color-secondary-50)}.checkbox-label{display:flex;align-items:center;font-size:13px;color:var(--color-secondary-900);cursor:pointer;margin:0}.checkbox-label input[type=checkbox]{margin-right:8px;width:auto;accent-color:var(--color-primary-600)}.checkbox-label:hover{background:var(--color-primary-50);border-radius:3px;padding:2px 4px;margin:-2px -4px}.param-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.generate-btn,.clear-btn,.download-btn,.retry-btn{padding:12px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.generate-btn.primary{background:var(--color-primary-600);color:#fff}.generate-btn.primary:hover:not(:disabled){background:var(--color-primary-700)}.generate-btn:disabled{background:var(--color-secondary-400);cursor:not-allowed}.clear-btn.secondary,.download-btn.secondary{background:var(--color-secondary-100);color:var(--color-secondary-900)}.clear-btn.secondary:hover,.download-btn.secondary:hover{background:var(--color-secondary-200)}.retry-btn{background:var(--color-red-600);color:#fff}.retry-btn:hover{background:var(--color-red-700)}.report-output{background:var(--color-white);border:1px solid var(--color-secondary-200);border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a;min-height:800px;display:flex;justify-content:space-between;flex-direction:column}.report-output h3{margin:0;color:var(--color-secondary-900);font-size:18px}.loading-state{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px;text-align:left;background:var(--color-secondary-50);border-radius:8px;border:1px solid var(--color-secondary-200)}.typing-indicator{display:flex;flex-direction:column;align-items:flex-start;width:100%}.typing-dots{display:flex;align-items:center;margin-bottom:12px}.typing-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary-600);margin:0 2px;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:scale(.8);opacity:.5}30%{transform:scale(1.2);opacity:1}}.animated-dots{animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading-state p{margin:5px 0;color:var(--color-secondary-900);font-size:14px}.loading-note{font-size:13px;color:var(--color-secondary-700)!important;font-style:italic}.error-state{padding:40px 20px;text-align:center;background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:4px}.error-state h4{color:var(--color-red-800);margin:0 0 10px}.error-state p{color:var(--color-red-800);margin:0 0 20px}.empty-state{padding:60px 20px;text-align:center;color:var(--color-secondary-600)}.empty-state-help{font-size:13px;color:var(--color-secondary-400);margin-top:8px}.report-content{border:1px solid var(--color-secondary-200);border-radius:4px;overflow:hidden}.report-meta{background:var(--color-secondary-50);padding:12px 16px;border-bottom:1px solid var(--color-secondary-200);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--color-secondary-600)}.report-length{font-weight:500}.session-id{font-family:monospace;background:var(--color-secondary-100);padding:2px 6px;border-radius:3px}.report-text{max-height:500px;overflow-y:scroll;background:var(--color-white);scrollbar-width:thin;scrollbar-color:var(--color-secondary-400) var(--color-secondary-100)}.report-text::-webkit-scrollbar{width:8px}.report-text::-webkit-scrollbar-track{background:var(--color-secondary-100);border-radius:4px}.report-text::-webkit-scrollbar-thumb{background:var(--color-secondary-400);border-radius:4px}.report-text::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-500)}.report-text{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:var(--color-secondary-900)}.report-text h1,.report-text h2,.report-text h3{color:var(--color-secondary-900);margin-top:1.5em;margin-bottom:.5em}.report-text h1{font-size:1.5em;border-bottom:2px solid var(--color-secondary-200);padding-bottom:.3em}.report-text h2{font-size:1.3em;border-bottom:1px solid var(--color-secondary-200);padding-bottom:.2em}.report-text h3{font-size:1.1em}.report-text ul,.report-text ol{margin:1em 0;padding-left:2em}.report-text li{margin:.5em 0}.report-text strong{font-weight:600;color:var(--color-secondary-800)}.report-text p{margin:1em 0}.report-text code{background:var(--color-secondary-100);padding:.2em .4em;border-radius:3px;font-family:monospace}.typing-cursor{animation:blink-cursor 1s infinite;font-weight:700;color:var(--color-primary-600)}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.chat-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-secondary-50);border:1px solid var(--color-secondary-200);border-radius:6px;margin-bottom:20px}.template-controls{display:flex;align-items:center;gap:8px}.template-select-compact{padding:6px 12px;border:1px solid var(--color-secondary-300);border-radius:6px;font-size:13px;background:#fff;min-width:150px}.delete-template-btn{padding:4px 8px;background:var(--color-red-100);border:1px solid var(--color-red-300);border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.delete-template-btn:hover{background:var(--color-red-200)}.chat-input-container{position:sticky;bottom:0;background:var(--color-white);border-top:1px solid var(--color-secondary-200);padding:16px;margin:0 -24px -24px}.chat-input-wrapper{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;padding:12px 16px;border:1px solid var(--color-secondary-300);border-radius:6px;font-size:14px;font-family:inherit;resize:none;min-height:44px;max-height:120px;line-height:1.4;background:var(--color-white);transition:border-color .2s}.chat-input:focus{outline:none;border-color:var(--color-primary-500)}.chat-send-btn{min-width:60px;height:44px;border-radius:22px;background:var(--color-primary-600);color:#fff;border:none;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-send-btn:hover:not(:disabled){background:var(--color-primary-700)}.chat-send-btn:disabled{background:var(--color-secondary-300);cursor:not-allowed}@media (max-width: 1200px){.report-generation-content{grid-template-columns:350px 1fr;gap:20px}}@media (max-width: 900px){.report-generation-content{grid-template-columns:1fr;gap:20px}.checkbox-group{grid-template-columns:1fr}}@media (max-width: 600px){.report-generation{padding:15px}.report-params,.report-output{padding:16px}}.reports-container{max-width:1400px;margin:0 auto}.reports-header{margin-bottom:24px}.reports-header h2{color:var(--color-secondary-900);margin:0 0 8px}.reports-header p{color:var(--color-secondary-600);margin:0;font-size:14px}.reports-table-container{background:var(--color-white);border:1px solid var(--color-secondary-200);border-radius:8px;overflow:hidden}.reports-table{width:100%;border-collapse:collapse}.reports-table thead{background:var(--color-secondary-50);border-bottom:2px solid var(--color-secondary-200)}.reports-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color-secondary-900);font-size:14px}.reports-table td{padding:12px 16px;border-bottom:1px solid var(--color-secondary-100);font-size:14px;color:var(--color-secondary-700)}.reports-table tbody tr:hover{background:var(--color-secondary-50)}.param-badge{background:var(--color-secondary-100);color:var(--color-secondary-700);padding:4px 8px;border-radius:12px;font-size:12px;margin-right:4px;display:inline-block}.view-btn{background:var(--color-primary-600);color:#fff}.view-btn:hover{background:var(--color-primary-700)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.templates-container{max-width:1400px;margin:0 auto}.templates-header{margin-bottom:24px}.templates-header h2{color:var(--color-secondary-900);margin:0 0 8px}.templates-header p{color:var(--color-secondary-600);margin:0;font-size:14px}.templates-table-container{background:var(--color-white);border:1px solid var(--color-secondary-200);border-radius:8px;overflow:hidden}.templates-table{width:100%;border-collapse:collapse}.templates-table thead{background:var(--color-secondary-50);border-bottom:2px solid var(--color-secondary-200)}.templates-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color-secondary-900);font-size:14px}.templates-table td{padding:12px 16px;border-bottom:1px solid var(--color-secondary-100);font-size:14px;color:var(--color-secondary-700)}.templates-table tbody tr:hover{background:var(--color-secondary-50)}.table-actions{display:flex;gap:8px}.action-btn{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.use-btn{background:var(--color-primary-600);color:#fff}.use-btn:hover{background:var(--color-primary-700)}.delete-btn{background:var(--color-secondary-200);color:var(--color-secondary-700)}.delete-btn:hover{background:var(--color-red-100);color:var(--color-red-700)}.empty-state,.loading-state{text-align:center;padding:60px 20px;color:var(--color-secondary-600)}.error-banner{background:var(--color-red-50);border:1px solid var(--color-red-200);color:var(--color-red-800);padding:12px 16px;border-radius:6px;margin-bottom:20px}