@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 85% 15%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 10% 85%,rgba(52,211,153,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(110,231,183,.03) 0%,transparent 60%),linear-gradient(135deg,#fff,#fafffcf7,#f5fdfaf2 60%,#fff);background-attachment:fixed;padding:40px 20px;position:relative;overflow:hidden}.auth-page:before{display:none}.auth-container{width:100%;max-width:440px;position:relative;z-index:2}.auth-card{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:48px 40px;box-shadow:0 1px 3px #0000000a,0 6px 16px #0000000a,0 20px 40px #00000005,inset 0 1px #fffc;position:relative;overflow:hidden}.auth-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 60%);pointer-events:none;z-index:0;transition:transform .6s ease;transform:translate(-30%) translateY(-30%)}.auth-card:hover:after{transform:translate(30%) translateY(30%)}.auth-card>*{position:relative;z-index:1}@media (min-width: 640px){.auth-card{padding:56px 48px}}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.auth-logo-icon{height:128px;display:flex;align-items:center;justify-content:center;color:#fff}.auth-logo-icon svg{width:28px;height:28px}.auth-logo h1{font-size:26px;font-weight:800;color:#10b981;letter-spacing:-.5px;margin:0;line-height:1}.auth-logo svg{color:#10b981;flex-shrink:0}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{font-size:28px;font-weight:800;color:#111827;margin:0 0 8px;line-height:1.2;letter-spacing:-.5px}.auth-header p{font-size:15px;color:#6b7280;margin:0;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#374151;letter-spacing:.01em}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#9ca3af;z-index:1;pointer-events:none;transition:color .2s ease;width:18px;height:18px}.input-wrapper input,.form-input{width:100%;padding:12px 14px 12px 44px;border:1.5px solid #e5e7eb;border-radius:12px;background:#f9fafb;font-size:14px;color:#111827;transition:all .2s ease;outline:none;font-family:inherit;line-height:1.5;box-sizing:border-box}.input-wrapper input:hover,.form-input:hover{border-color:#d1d5db;background:#fff}.input-wrapper input:focus,.form-input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b98114}.input-wrapper input:focus~.input-icon{color:#10b981}.input-wrapper input::placeholder,.form-input::placeholder{color:#9ca3af;font-weight:400}.input-wrapper input:disabled,.form-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;z-index:1;display:flex;align-items:center;justify-content:center}.password-toggle:hover{background:#f3f4f6;color:#6b7280}.password-toggle svg{width:18px;height:18px}.form-footer{display:flex;align-items:center;justify-content:space-between;margin:0;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;border:1.5px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;padding:0;margin:0}.checkbox-label input[type=checkbox]:checked{background:#10b981;border-color:#10b981}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label span{line-height:1}.forgot-link{font-size:13px;color:#10b981;text-decoration:none;font-weight:500;transition:color .2s ease;white-space:nowrap;margin-left:auto}.forgot-link:hover{color:#059669;text-decoration:underline}.auth-form .btn-primary,.auth-form .btn-primary.btn-block{width:100%;padding:13px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #10b98140;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-family:inherit;letter-spacing:.01em;line-height:1.5;box-sizing:border-box}.auth-form .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98159;background:linear-gradient(135deg,#0ea572,#047857)}.auth-form .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #10b98133}.auth-form .btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.spinning{animation:authSpin .8s linear infinite}@keyframes authSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teams-sso-block{display:flex;flex-direction:column;gap:12px;margin:8px 0 4px}.teams-sso-hint{font-size:13px;color:#6b7280;text-align:center;margin:0}.btn-ms-teams{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;border:1.5px solid #d1d5db;border-radius:10px;background:#fff;color:#1f2937;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-ms-teams:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 8px #00000014}.btn-ms-teams:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-divider span{font-size:13px;color:#9ca3af;font-weight:500}.auth-alt{text-align:center;margin:0}.auth-alt p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.auth-alt .link,.auth-alt a{color:#10b981;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-alt .link:hover,.auth-alt a:hover{color:#059669;text-decoration:underline}.auth-footer{text-align:center;margin-top:16px}.auth-footer .back-link{font-size:13px;color:#9ca3af;text-decoration:none;transition:color .2s ease;font-weight:500}.auth-footer .back-link:hover{color:#10b981}.terms{margin:0}.terms .checkbox-label{font-size:13px;color:#6b7280;line-height:1.5;align-items:flex-start;white-space:normal}.terms .checkbox-label input[type=checkbox]{margin-top:2px}.terms .link,.terms a.link{color:#10b981;text-decoration:none;font-weight:500;transition:color .2s ease}.terms .link:hover{color:#059669;text-decoration:underline}.error-message{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid #fecaca;display:flex;align-items:center;gap:8px;line-height:1.4}.error-message svg{width:16px;height:16px;flex-shrink:0}.success-message{background:#f0fdf4;color:#16a34a;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid #bbf7d0;display:flex;align-items:center;gap:8px;line-height:1.4}@media (max-width: 480px){.auth-page{padding:24px 16px}.auth-card{padding:32px 24px;border-radius:20px}.auth-header h2{font-size:24px}.auth-logo h1{font-size:22px}.form-footer{flex-direction:column;align-items:flex-start;gap:8px}}.powerbi-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.powerbi-report-overlay.fullscreen{padding:0}.powerbi-report-container{background:#fff;border-radius:16px;width:100%;max-width:1600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 48px #0000004d;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.powerbi-report-overlay.fullscreen .powerbi-report-container{max-width:100%;max-height:100vh;border-radius:0}.powerbi-header{padding:20px 28px;background:#047857;color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #065f46}.powerbi-title{display:flex;align-items:center;gap:16px}.powerbi-title h2{font-size:22px;font-weight:700;margin:0 0 4px}.powerbi-title p{font-size:13px;opacity:.9;margin:0}.powerbi-actions{display:flex;gap:10px;align-items:center}.powerbi-action-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.powerbi-action-btn:hover{background:#ffffff40;transform:translateY(-2px)}.powerbi-close-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.powerbi-close-btn:hover{background:#ef444466;transform:scale(1.05)}.powerbi-tabs{display:flex;gap:4px;padding:0 28px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.powerbi-tab{padding:14px 24px;background:transparent;border:none;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent;transition:all .2s ease}.powerbi-tab:hover{color:#10b981;background:#10b9810d}.powerbi-tab.active{color:#10b981;border-bottom-color:#10b981;background:#10b98114}.powerbi-content{flex:1;overflow-y:auto;padding:28px;background:#f9fafb}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:28px}.kpi-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;display:flex;gap:18px;align-items:center;transition:all .3s ease}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.kpi-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card.kpi-green .kpi-icon{background:#d1fae5;color:#059669}.kpi-card.kpi-blue .kpi-icon{background:#d1fae5;color:#047857}.kpi-card.kpi-red .kpi-icon{background:#d1fae5;color:#065f46}.kpi-content{flex:1}.kpi-value{font-size:32px;font-weight:800;color:#1e293b;line-height:1;margin-bottom:6px}.kpi-title{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.kpi-subtitle{font-size:12px;color:#94a3b8;margin-top:4px}.kpi-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;margin-top:8px}.kpi-trend.positive{color:#10b981;background:#f0fdf4}.kpi-trend.negative{color:#ef4444;background:#fef2f2}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px;margin-bottom:28px}.chart-container{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.chart-container h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 20px}.bar-chart{display:flex;flex-direction:column;gap:14px}.bar-item{display:flex;flex-direction:column;gap:6px}.bar-label{font-size:13px;font-weight:600;color:#475569}.bar-wrapper{background:#f1f5f9;border-radius:8px;height:36px;overflow:hidden;position:relative}.bar-fill{height:100%;background:#10b981;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;transition:width .6s cubic-bezier(.4,0,.2,1)}.bar-value{font-size:14px;font-weight:700;color:#fff}.pie-legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;background:#f9fafb;transition:all .2s ease}.legend-item:hover{background:#f1f5f9;transform:translate(4px)}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-label{flex:1;font-size:14px;font-weight:500;color:#475569}.legend-value{font-size:16px;font-weight:700;color:#1e293b}.data-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.data-table th{padding:14px 16px;text-align:left;font-weight:600;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s ease}.data-table tbody tr:hover{background:#f9fafb}.data-table td{padding:14px 16px;color:#1e293b}.activity-name{font-weight:500;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deviation-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.deviation-badge.positive{background:#f0fdf4;color:#10b981}.deviation-badge.negative{background:#fef2f2;color:#ef4444}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.completed{background:#f0fdf4;color:#10b981}.status-badge.pending{background:#fef3c7;color:#f59e0b}.powerbi-footer{padding:14px 28px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b}.powerbi-footer-info{display:flex;gap:12px;align-items:center}.powerbi-branding{font-weight:600;color:#10b981}.powerbi-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px;color:#64748b}.spinning{animation:spin 1s linear infinite;color:#10b981}.placeholder-text{color:#94a3b8;font-size:14px;text-align:center;padding:60px 40px;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.powerbi-report-overlay{padding:0}.powerbi-report-container{max-height:100vh;border-radius:0}.powerbi-header{padding:16px 20px}.powerbi-title h2{font-size:18px}.powerbi-tabs{overflow-x:auto;padding:0 20px}.powerbi-tab{padding:12px 18px;font-size:13px}.powerbi-content{padding:20px}.kpi-grid,.charts-grid{grid-template-columns:1fr}.powerbi-footer{flex-direction:column;gap:8px;text-align:center}}.kpi-card.kpi-clickable{cursor:pointer}.kpi-card.kpi-clickable:hover{transform:translateY(-4px);box-shadow:0 10px 24px #10b98126;border-color:#10b9814d}.kpi-card.kpi-active{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.pbi-breakdown-chart{background:#fff;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:20px 24px;margin-bottom:20px;animation:pbiSlideDown .25s ease}@keyframes pbiSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pbi-breakdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pbi-breakdown-title{font-size:15px;font-weight:700;color:#065f46}.pbi-breakdown-close{background:none;border:none;color:#94a3b8;cursor:pointer;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pbi-breakdown-close:hover{background:#f1f5f9;color:#1e293b}.pbi-breakdown-bars{display:flex;flex-direction:column;gap:12px}.pbi-breakdown-row{display:grid;grid-template-columns:180px 1fr 52px;align-items:center;gap:14px}.pbi-breakdown-label{font-size:13px;font-weight:500;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbi-breakdown-track{background:#f0fdf4;border-radius:8px;height:30px;overflow:hidden}.pbi-breakdown-fill{height:100%;background:#10b981;border-radius:8px;min-width:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.pbi-breakdown-count{font-size:14px;font-weight:700;color:#065f46;text-align:right}:root{--sca-bg: #f0fdf4;--sca-surface: #ffffff;--sca-surface-2: #f6fef9;--sca-border: rgba(16,185,129,.18);--sca-text: #111827;--sca-text-muted: #6b7280;--sca-blue: #10b981;--sca-blue-light: #059669;--sca-green: #059669;--sca-green-light: #10b981;--sca-orange: #f59e0b;--sca-red: #ef4444;--sca-purple: #8b5cf6;--sca-radius: 14px;--sca-radius-sm: 8px;--sca-shadow: 0 24px 64px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.06)}.sca-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:scaOverlayIn .25s ease}.sca-overlay.sca-fullscreen{padding:0}@keyframes scaOverlayIn{0%{opacity:0}to{opacity:1}}.sca-container{width:100%;max-width:1480px;max-height:92vh;background:var(--sca-surface);border-radius:var(--sca-radius);border:1px solid var(--sca-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--sca-shadow);font-family:Inter,system-ui,sans-serif;animation:scaSlideUp .35s cubic-bezier(.4,0,.2,1);color:var(--sca-text)}.sca-overlay.sca-fullscreen .sca-container{max-width:100vw;max-height:100vh;border-radius:0}@keyframes scaSlideUp{0%{transform:translateY(32px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sca-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#064e3b;border-bottom:1px solid rgba(16,185,129,.35);flex-shrink:0}.sca-header-left{display:flex;align-items:center;gap:14px}.sca-header-icon{width:40px;height:40px;background:#059669;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #10b98173}.sca-header-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.2px}.sca-header-sub{font-size:12px;color:#ffffff8c;margin:0;display:flex;align-items:center;gap:6px}.sca-sheet-badge{background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#a7f3d0;padding:1px 8px;border-radius:20px;font-size:11px;font-weight:600}.sca-header-right{display:flex;align-items:center;gap:8px}.sca-icon-btn{width:34px;height:34px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sca-icon-btn:hover{background:#ffffff38;color:#fff;transform:scale(1.04)}.sca-close-btn{width:34px;height:34px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sca-close-btn:hover{background:#ef444447;color:#fff;transform:scale(1.04)}.sca-tabs-bar{display:flex;align-items:center;gap:4px;padding:0 24px;background:var(--sca-surface);border-bottom:1px solid var(--sca-border);overflow-x:auto;scroll-behavior:smooth;flex-shrink:0}.sca-tabs-bar::-webkit-scrollbar{height:3px}.sca-tabs-bar::-webkit-scrollbar-thumb{background:#10b98159;border-radius:2px}.sca-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--sca-text-muted);font-size:12.5px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .2s ease;position:relative;top:1px}.sca-tab:hover{color:var(--sca-text);background:#10b9810f}.sca-tab.active{color:#065f46;border-bottom-color:#10b981;font-weight:700}.sca-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px;background:#f6fef9;animation:scaBodyIn .3s ease}.sca-body::-webkit-scrollbar{width:5px}.sca-body::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}@keyframes scaBodyIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.sca-sheet-banner{display:flex;align-items:center;justify-content:space-between;background:#10b98112;border:1px solid rgba(16,185,129,.22);border-radius:var(--sca-radius-sm);padding:10px 16px;margin-bottom:16px}.sca-sheet-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sca-text)}.sca-sheet-info strong{font-weight:650}.sca-sheet-desc{color:var(--sca-text-muted);font-size:12px}.sca-sheet-meta{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--sca-text-muted);background:#10b98114;border:1px solid rgba(16,185,129,.2);padding:4px 10px;border-radius:20px}.sca-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.sca-kpi{background:var(--sca-surface-2);border:1px solid var(--sca-border);border-radius:var(--sca-radius-sm);padding:16px;display:flex;align-items:flex-start;gap:12px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.sca-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:2px 2px 0 0}.sca-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b9812e}.sca-kpi-clickable{cursor:pointer}.sca-kpi-clickable:hover{transform:translateY(-3px);box-shadow:0 10px 28px #10b98138;border-color:#10b98166}.sca-kpi-active{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98140!important}.sca-kpi-active:before{height:3px!important}.sca-kpi-blue:before{background:var(--sca-blue)}.sca-kpi-green:before{background:var(--sca-green)}.sca-kpi-red:before{background:var(--sca-red)}.sca-kpi-purple:before{background:var(--sca-purple)}.sca-kpi-orange:before{background:var(--sca-orange)}.sca-kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sca-kpi-blue .sca-kpi-icon{background:#10b98126;color:#059669}.sca-kpi-green .sca-kpi-icon{background:#10b9812e;color:var(--sca-green-light)}.sca-kpi-red .sca-kpi-icon{background:#10b98126;color:#047857}.sca-kpi-purple .sca-kpi-icon{background:#10b9811f;color:#10b981}.sca-kpi-orange .sca-kpi-icon{background:#10b9811f;color:#059669}.sca-kpi-body{flex:1;min-width:0}.sca-kpi-value{font-size:26px;font-weight:800;color:var(--sca-text);line-height:1;margin-bottom:4px;letter-spacing:-.5px}.sca-kpi-label{font-size:12px;font-weight:600;color:var(--sca-text-muted);text-transform:uppercase;letter-spacing:.5px}.sca-kpi-sub{font-size:11px;color:#e6edf359;margin-top:2px}.sca-kpi-trend{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;margin-top:4px}.sca-kpi-trend.up{color:var(--sca-green)}.sca-kpi-trend.down{color:var(--sca-red)}.sca-chart-panel{background:var(--sca-surface-2);border:1px solid var(--sca-border);border-radius:var(--sca-radius-sm);overflow:hidden;margin-bottom:16px}.sca-chart-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--sca-border)}.sca-chart-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--sca-text)}.sca-chart-title svg{color:#10b981}.sca-chart-controls{display:flex;align-items:center;gap:8px}.sca-nav-btn{width:32px;height:32px;background:#10b98112;border:1px solid rgba(16,185,129,.18);border-radius:8px;color:var(--sca-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sca-nav-btn:hover:not(:disabled){background:#10b9812e;border-color:#10b98166;color:#065f46}.sca-nav-btn:disabled{opacity:.3;cursor:default}.sca-dot-nav{display:flex;align-items:center;gap:5px}.sca-dot{width:8px;height:8px;border-radius:50%;background:#10b98140;border:none;cursor:pointer;transition:all .2s ease;padding:0}.sca-dot:hover{background:#10b9818c;transform:scale(1.2)}.sca-dot.active{background:#10b981;width:20px;border-radius:4px;box-shadow:0 0 8px #10b9818c}.sca-chart-wrapper{position:relative;padding:0}.sca-svg{width:100%;height:auto;display:block;border-radius:0 0 var(--sca-radius-sm) var(--sca-radius-sm)}.sca-tooltip{position:absolute;background:#fff;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:10px 13px;pointer-events:none;z-index:10;min-width:160px;box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sca-tooltip-month{font-size:11px;font-weight:700;color:var(--sca-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sca-tooltip-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--sca-text);margin-bottom:4px}.sca-tooltip-row .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#10b981}.sca-tooltip-row strong{margin-left:auto;font-weight:700;padding-left:6px}.sca-tooltip-delta{font-size:11px;color:var(--sca-text-muted);margin-top:4px;padding-top:5px;border-top:1px solid rgba(0,0,0,.08)}.sca-legend{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:12px 16px 8px;background:#f8f9fa;border-top:1px solid rgba(0,0,0,.07)}.sca-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sca-text-muted);font-weight:500}.sca-legend-line{display:block;width:28px;height:2.5px;border-radius:2px}.sca-legend-item:first-child .sca-legend-line{background:#1e3a5f;box-shadow:0 0 5px #1e3a5f73}.actual-legend .sca-legend-line{background:#10b981;box-shadow:0 0 6px #10b98199}.sca-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 40px;color:var(--sca-text-muted);text-align:center}.sca-no-data svg{opacity:.4}.sca-no-data p{font-size:14px;font-weight:600;margin:0;color:var(--sca-text);opacity:.6}.sca-no-data span{font-size:12px;opacity:.5;max-width:320px}.sca-bottom-panels{display:grid;grid-template-columns:160px 1fr 1fr;gap:12px;margin-bottom:4px}.sca-panel-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--sca-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.sca-panel-title svg{color:#10b981}.sca-donut{background:var(--sca-surface-2);border:1px solid var(--sca-border);border-radius:var(--sca-radius-sm);padding:16px}.sca-donut-body{display:flex;flex-direction:column;align-items:center;gap:12px}.sca-donut-stats{display:flex;flex-direction:column;gap:6px;width:100%}.sca-donut-stat{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--sca-text-muted)}.sca-donut-stat.green svg{color:var(--sca-green)}.sca-donut-stat.red svg{color:var(--sca-red)}.sca-stage-gate{background:var(--sca-surface-2);border:1px solid var(--sca-border);border-radius:var(--sca-radius-sm);padding:16px;overflow:hidden}.sca-bars{display:flex;flex-direction:column;gap:8px}.sca-bar-row{display:grid;grid-template-columns:80px 1fr 36px;align-items:center;gap:8px}.sca-bar-label{font-size:11px;color:var(--sca-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sca-bar-track{height:6px;background:#10b9811f;border-radius:3px;overflow:hidden}.sca-bar-fill{height:100%;border-radius:3px;transform-origin:left;animation:sca-bar-grow .8s cubic-bezier(.4,0,.2,1) both}@keyframes sca-bar-grow{0%{width:0!important}}.sca-bar-count{font-size:11px;font-weight:700;color:var(--sca-text);text-align:right}.sca-col-map{background:var(--sca-surface-2);border:1px solid var(--sca-border);border-radius:var(--sca-radius-sm);padding:16px}.sca-col-list{display:flex;flex-wrap:wrap;gap:6px}.sca-col-chip{font-size:11px;padding:3px 9px;background:#10b9811a;border:1px solid rgba(16,185,129,.22);border-radius:20px;color:#065f46;white-space:nowrap}.sca-col-chip.more{background:#10b9810d;border-color:#10b98126;color:var(--sca-text-muted)}.sca-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#f0fdf4;border-top:1px solid rgba(16,185,129,.2);flex-shrink:0}.sca-footer-info{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--sca-text-muted)}.sca-footer-dot{opacity:.4}.sca-footer-nav{display:flex;align-items:center;gap:12px}.sca-page-indicator{font-size:13px;font-weight:700;color:var(--sca-text);min-width:48px;text-align:center}.sca-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.sca-btn-primary{background:#059669;color:#fff;border-color:transparent}.sca-btn-primary:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.sca-btn-ghost{background:#10b98112;border-color:#10b98138;color:#065f46}.sca-btn-ghost:hover{background:#10b98124;border-color:#10b98159}.sca-loading-state,.sca-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;gap:16px;text-align:center}.sca-loader-ring{position:relative}.sca-spin-arc{animation:scaSpin 1.2s linear infinite;transform-origin:40px 40px}@keyframes scaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sca-loader-text{display:flex;flex-direction:column;gap:4px}.sca-loader-text span:first-child{font-size:16px;font-weight:700;color:var(--sca-text)}.sca-loader-sub{font-size:13px;color:var(--sca-text-muted)}.sca-loader-dots{display:flex;gap:6px}.sca-loader-dots span{width:7px;height:7px;background:#10b981;border-radius:50%;animation:scaBounce 1.2s ease-in-out infinite}.sca-loader-dots span:nth-child(2){animation-delay:.2s}.sca-loader-dots span:nth-child(3){animation-delay:.4s}@keyframes scaBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.sca-error-state h3{font-size:18px;font-weight:700;margin:0}.sca-error-state p{font-size:13px;color:var(--sca-text-muted);margin:0}@media (max-width: 1024px){.sca-kpi-row{grid-template-columns:repeat(2,1fr)}.sca-bottom-panels{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.sca-overlay{padding:8px}.sca-kpi-row{grid-template-columns:1fr 1fr;gap:8px}.sca-bottom-panels{grid-template-columns:1fr}.sca-kpi-value{font-size:22px}.sca-header,.sca-body{padding:12px 16px}}.sca-breakdown-chart{background:#fff;border:1px solid rgba(16,185,129,.2);border-radius:var(--sca-radius-sm);padding:18px 22px;margin-bottom:16px;animation:scaSlideDown .25s ease}@keyframes scaSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sca-breakdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sca-breakdown-title{font-size:14px;font-weight:700;color:#064e3b}.sca-breakdown-close{background:none;border:none;color:#6b7280;cursor:pointer;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sca-breakdown-close:hover{background:#f1f5f9;color:#1e293b}.sca-breakdown-bars{display:flex;flex-direction:column;gap:10px}.sca-breakdown-row{display:grid;grid-template-columns:160px 1fr 48px;align-items:center;gap:12px}.sca-breakdown-label{font-size:12px;font-weight:500;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sca-breakdown-track{background:#f0fdf4;border-radius:6px;height:28px;overflow:hidden}.sca-breakdown-fill{height:100%;background:#10b981;border-radius:6px;min-width:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.sca-breakdown-count{font-size:13px;font-weight:700;color:#064e3b;text-align:right}.processing-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.processing-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0000004d;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.processing-modal-header{padding:24px 28px;border-bottom:3px solid;display:flex;justify-content:space-between;align-items:center}.processing-modal-header.success{background:linear-gradient(135deg,#10b981,#059669);border-bottom-color:#047857;color:#fff}.processing-modal-header.warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom-color:#b45309;color:#fff}.modal-header-content{display:flex;align-items:center;gap:16px}.modal-header-content h2{font-size:22px;font-weight:700;margin:0 0 4px}.modal-header-content p{font-size:14px;opacity:.9;margin:0}.modal-close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.processing-stats{padding:28px;display:flex;gap:20px;border-bottom:1px solid #e5e7eb}.stat-item{flex:1;padding:20px;border-radius:12px;display:flex;align-items:center;gap:14px;border:2px solid}.stat-item.success{background:#f0fdf4;border-color:#10b981;color:#047857}.stat-item.error{background:#fef2f2;border-color:#ef4444;color:#dc2626}.stat-item.warning{background:#fffbeb;border-color:#f59e0b;color:#d97706}.stat-item .stat-value{display:block;font-size:28px;font-weight:800;line-height:1}.stat-item .stat-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;opacity:.8}.processing-message{padding:20px 28px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.processing-message p{margin:0;font-size:15px;color:#475569;font-weight:500}.sheets-section{padding:24px 28px;border-bottom:1px solid #e5e7eb}.section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin:0 0 16px}.section-title.success{color:#047857}.section-title.warning{color:#d97706}.sheets-list{display:flex;flex-direction:column;gap:10px}.sheet-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid;transition:all .2s ease}.sheet-item.success{background:#f0fdf4;border-color:#86efac}.sheet-item.success:hover{background:#dcfce7;border-color:#4ade80}.sheet-item.warning{background:#fffbeb;border-color:#fcd34d}.sheet-item.warning:hover{background:#fef3c7;border-color:#fbbf24}.sheet-details{flex:1;display:flex;flex-direction:column;gap:4px}.sheet-name{flex:1;font-size:14px;font-weight:600;color:#1e293b}.sheet-description{font-size:12px;color:#64748b;margin-left:auto}.sheet-error{font-size:12px;color:#b45309;font-weight:500}.sheet-icon{flex-shrink:0;opacity:.7}.warning-box{margin-top:16px;padding:16px;background:#fffbeb;border:2px solid #fbbf24;border-radius:10px;display:flex;gap:12px;color:#92400e}.warning-box strong{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:#78350f}.warning-box p{font-size:13px;margin:0;line-height:1.5}.processing-modal-footer{padding:20px 28px;background:#f8fafc;display:flex;justify-content:flex-end}.processing-modal-footer .btn-primary{min-width:140px}@media (max-width: 768px){.processing-modal{max-height:100vh;border-radius:0}.processing-stats{flex-direction:column;gap:12px}.stat-item{padding:16px}.sheets-section{padding:20px}}.dashboard-page{display:flex;height:100vh;background:radial-gradient(ellipse at 85% 15%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 10% 85%,rgba(52,211,153,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(110,231,183,.03) 0%,transparent 60%),linear-gradient(135deg,#fff,#fafffcf7,#f5fdfaf2 60%,#fff);background-attachment:fixed;position:relative}.dashboard-page:before{display:none}.sidebar{width:260px;background:linear-gradient(180deg,#fff,#f8fafc);background-attachment:fixed;border-right:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow:hidden;box-shadow:2px 0 12px #00000014}.sidebar:before{display:none}.sidebar>*{position:relative;z-index:1}.sidebar-header{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);background:#fffc}.logo{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;text-decoration:none;transition:all .3s ease;color:#1e293b}.logo:hover{transform:scale(1.02)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#10b981,#34d399);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #10b98166}.logo-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.sidebar-user{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(148,163,184,.15);background:#10b98105;position:relative;overflow:hidden}.sidebar-user>*{position:relative;z-index:1}.user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;font-size:1.125rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #10b98166;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-weight:700;color:#1e293b;margin-bottom:2px;font-size:.875rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-plan{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#10b981;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-plan svg{color:#f59e0b;width:14px;height:14px}.sidebar-nav{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-section{margin-bottom:12px}.nav-section-title{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding:0 8px}.nav-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:transparent;border:none;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.nav-item:hover{color:#1e293b;background:#10b9811a;transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;font-weight:600;box-shadow:0 4px 14px #10b98166,0 0 0 1px #10b9811a}.nav-item svg{flex-shrink:0;width:20px;height:20px;transition:transform .2s ease}.nav-item:hover svg{transform:scale(1.1)}.nav-item-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:50px;margin-left:auto;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-footer{padding:16px;border-top:1px solid rgba(148,163,184,.15);background:#fffc}.logout-button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:transparent;border:1px solid rgba(0,0,0,.08);color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.main-content{flex:1;padding:24px;overflow-y:auto;margin-left:260px;position:relative;z-index:1}.dashboard-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06);border-radius:20px;box-shadow:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000f;position:relative;overflow:hidden}@media (min-width: 768px){.dashboard-header{flex-direction:row;align-items:center;justify-content:space-between}}.dashboard-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(16,185,129,.08) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(5,150,105,.05) 0%,transparent 60%);opacity:.3;border-radius:inherit}.dashboard-header>*{position:relative;z-index:1}.dashboard-header h1{font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1.2;letter-spacing:-.5px;margin:0}.dashboard-header p{font-size:.875rem;color:#64748b;margin:4px 0 0}.dashboard-title{font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1.2;letter-spacing:-.5px}.dashboard-subtitle{font-size:.875rem;color:#64748b;font-weight:400;margin-top:4px}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.header-stats{display:flex;gap:12px;flex-shrink:0}.stat-badge{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffffe6;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.stat-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#10b98133}.stat-badge svg{color:#10b981;flex-shrink:0}.stat-badge>div{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;line-height:1}.stat-badge .stat-value{font-size:1rem;font-weight:700;color:#1e293b;line-height:1.2;margin-bottom:0}.upload-area{background:#fff;border:2px dashed rgba(0,0,0,.12);border-radius:20px;padding:48px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:24px;cursor:pointer}.upload-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(16,185,129,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(5,150,105,.04) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.upload-area:hover,.upload-area.dragging{border-color:#10b981;background:#10b98105;transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9811a}.upload-area:hover:before,.upload-area.dragging:before{opacity:.2}.upload-area.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upload-area>*{position:relative;z-index:1}.upload-area svg{color:#10b981;margin-bottom:12px}.upload-area h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 8px}.upload-area p{font-size:.875rem;color:#64748b;margin:0}.upload-icon{width:56px;height:56px;margin:0 auto 12px;background:linear-gradient(135deg,#059669,#10b981,#34d399);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #10b98166}.upload-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:6px}.upload-subtitle{font-size:.875rem;color:#64748b;line-height:1.6;margin-bottom:16px}.upload-button{background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;padding:10px 20px;border-radius:12px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #10b9814d}.upload-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.uploaded-files{margin-bottom:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.files-list{display:grid;gap:10px}.file-list{display:grid;gap:10px;margin-bottom:24px}.file-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.file-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#10b98133}.file-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#10b981,#34d399);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-size,.file-meta{font-size:.8rem;color:#94a3b8}.file-status{flex-shrink:0;display:flex;align-items:center}.file-remove{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-remove:hover{background:#fef2f2;color:#ef4444}.file-remove:disabled{opacity:.4;cursor:not-allowed}.file-actions{display:flex;gap:6px;flex-shrink:0}.file-action-button{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.file-action-button:hover{background:#10b981;color:#fff;transform:scale(1.1)}.file-action-button.danger:hover{background:#ef4444}.progress-bar{width:100%;height:4px;background:#e2e8f0;border-radius:4px;margin-top:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.process-section{margin-bottom:24px;text-align:center}.btn-process{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #10b98166}.btn-process:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.btn-process:disabled{opacity:.6;cursor:not-allowed}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;margin-bottom:24px;font-size:.875rem}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-warning svg{color:#f59e0b;flex-shrink:0}.alert-warning strong{display:block;margin-bottom:2px}.alert-warning p{margin:0;font-size:.8rem;color:#a16207}.alert .btn-primary{margin-left:auto;flex-shrink:0}.processing-section{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.processing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.processing-title{font-size:1.125rem;font-weight:700;color:#1e293b}.processing-button{background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;padding:10px 20px;border-radius:12px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #10b9814d;display:flex;align-items:center;gap:6px}.processing-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.processing-button:disabled{opacity:.6;cursor:not-allowed}.processing-status{display:flex;align-items:center;gap:10px;padding:12px;background:#10b9810d;border-radius:12px;border:1px solid rgba(16,185,129,.15)}.processing-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.06);border-top:2px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}.processing-text{font-size:.875rem;color:#64748b;font-weight:500}.stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:20px;position:relative;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014;border-color:#10b98133}.stat-card>*{position:relative;z-index:1}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-title{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-icon{width:32px;height:32px;background:linear-gradient(135deg,#059669,#10b981);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card .stat-value{font-size:1.875rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:6px}.stat-change{font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:4px}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.output-preview-section{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000a}.output-header-left{display:flex;align-items:center;gap:10px}.output-header-left h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.output-header-actions{display:flex;gap:8px;flex-wrap:wrap}.output-description{font-size:.875rem;color:#64748b;margin:12px 0 16px;padding:10px 14px;background:#f8fafc;border-radius:10px;border-left:3px solid #10b981}.output-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b}.output-loading svg{color:#10b981}.output-loading p{margin:0;font-size:.875rem}.output-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:.8rem;margin-bottom:16px}.output-notice svg{color:#f59e0b;flex-shrink:0}.output-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid rgba(0,0,0,.06);margin-bottom:16px}.output-table{width:100%;border-collapse:collapse;font-size:.8rem}.output-table th{background:#f8fafc;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;padding:10px 14px;text-align:left;border-bottom:2px solid rgba(0,0,0,.06);white-space:nowrap;position:sticky;top:0;z-index:2}.output-table td{padding:8px 14px;border-bottom:1px solid rgba(0,0,0,.04);color:#334155;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.output-table tbody tr:hover{background:#10b98108}.output-table .row-num{color:#94a3b8;font-size:.7rem;width:40px;text-align:center;font-weight:500}.output-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px}.output-row-count{font-size:.8rem;color:#94a3b8;font-weight:500}.btn-success{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-text{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.btn-text:hover{background:#f1f5f9;color:#64748b}.loading-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#64748b}.loading-dashboard svg{color:#10b981}.loading-dashboard p{margin:0;font-size:.875rem}@media (max-width: 1023px){.mobile-menu-button{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;z-index:100;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:16px}.dashboard-header{padding:16px}.dashboard-header h1,.dashboard-title{font-size:1.25rem}.header-stats{flex-direction:column;gap:8px}}@media (max-width: 640px){.main-content{padding:12px}.upload-area{padding:32px 16px}.dashboard-actions{flex-direction:column;width:100%}.stats-grid{grid-template-columns:1fr;gap:12px}.header-stats{width:100%}.stat-badge{flex:1;justify-content:center}.output-header-actions{flex-direction:column;width:100%}.output-footer{flex-direction:column;gap:12px;text-align:center}}*:focus-visible{outline:2px solid #10b981;outline-offset:2px}@media print{.sidebar,.mobile-menu-button{display:none}.main-content{margin-left:0}}.tracker-outputs-panel{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:20px;padding:20px 24px;margin-bottom:20px;box-shadow:0 1px 4px #0000000d}.badge-success{display:inline-flex;align-items:center;background:#d1fae5;color:#065f46;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:8px;vertical-align:middle}.tracker-tabs-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tracker-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;border:1.5px solid transparent;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;background:#f8fafc;color:#475569;white-space:nowrap}.tracker-tab.tab-ok{border-color:#10b98140;color:#065f46;background:#f0fdf4}.tracker-tab.tab-ok:hover{background:#d1fae5;border-color:#10b981;transform:translateY(-1px)}.tracker-tab.tab-active{background:linear-gradient(135deg,#059669,#10b981);color:#fff!important;border-color:transparent;box-shadow:0 3px 10px #10b98159}.tracker-tab.tab-fail{border-color:#ef444433;color:#b91c1c;background:#fef2f2;opacity:.65;cursor:not-allowed}.tracker-tab svg{flex-shrink:0}.live-progress-panel{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid rgba(16,185,129,.3);border-radius:18px;padding:20px 24px;margin-bottom:20px}.live-progress-header{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:700;color:#065f46;margin-bottom:12px}.live-pct{margin-left:auto;font-size:1.1rem;font-weight:800;color:#059669}.live-progress-bar-track{width:100%;height:10px;background:#10b98126;border-radius:10px;overflow:hidden;margin-bottom:10px}.live-progress-bar-fill{height:100%;background:linear-gradient(90deg,#059669,#34d399);border-radius:10px;transition:width .5s ease}.live-current-tracker{font-size:.82rem;color:#047857;margin-bottom:10px}.live-current-tracker strong{color:#065f46}.live-completed-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.live-tracker-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:600}.live-tracker-badge.badge-ok{background:#d1fae5;color:#065f46}.live-tracker-badge.badge-fail{background:#fee2e2;color:#991b1b}.excel-viewer{display:flex;flex-direction:column;background:#fff;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.excel-viewer.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;max-height:100vh!important}.excel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #d1d5db;gap:16px;flex-wrap:wrap}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:12px}.toolbar-center{flex:1;justify-content:center;max-width:400px}.sheet-tab{padding:6px 16px;background:#fff;border:1px solid #d1d5db;border-bottom:2px solid #0073ea;border-radius:4px 4px 0 0;font-size:13px;font-weight:500;color:#0073ea;cursor:pointer;transition:all .2s ease}.sheet-tab:hover{background:#f0f8ff}.sheet-tab.active{background:#fff;border-bottom-color:#0073ea;font-weight:600}.excel-search{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;max-width:300px;transition:border-color .2s ease}.excel-search:focus-within{border-color:#0073ea;box-shadow:0 0 0 3px #0073ea1a}.excel-search svg{color:#6b7280;flex-shrink:0}.excel-search input{flex:1;border:none;background:none;font-size:13px;color:#111827;outline:none}.excel-search input::placeholder{color:#9ca3af}.clear-search{background:none;border:none;color:#6b7280;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px;transition:all .2s ease}.clear-search:hover{background:#f3f4f6;color:#111827}.zoom-controls{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#fff;border:1px solid #d1d5db;border-radius:6px}.zoom-controls button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:3px;transition:all .2s ease}.zoom-controls button:hover:not(:disabled){background:#f3f4f6;color:#111827}.zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.zoom-level{font-size:12px;font-weight:600;color:#374151;min-width:40px;text-align:center}.icon-btn{background:none;border:1px solid #d1d5db;color:#6b7280;cursor:pointer;padding:6px 8px;display:flex;align-items:center;border-radius:6px;transition:all .2s ease}.icon-btn:hover{background:#f3f4f6;color:#111827;border-color:#9ca3af}.download-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0073ea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.download-btn:hover{background:#0060c9;box-shadow:0 2px 8px #0073ea4d}.excel-info-bar{padding:8px 16px;background:#fff3cd;border-bottom:1px solid #ffc107;color:#856404;font-size:13px;text-align:center;font-weight:500}.excel-stats-bar{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#f8f9fa;border-bottom:1px solid #e5e7eb;font-size:12px;color:#6b7280}.stat-item{font-weight:500}.stat-item.highlight{color:#0073ea;font-weight:600}.stat-separator{color:#d1d5db}.excel-grid-container{overflow:auto;flex:1;background:#fff;position:relative}.excel-grid{width:100%;border-collapse:separate;border-spacing:0;font-size:calc(13px * var(--zoom-level, 1));font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.column-letters-row{background:#f8f9fa}.column-letter{padding:4px 8px;text-align:center;font-size:11px;font-weight:600;color:#6b7280;background:#f8f9fa;border-right:1px solid #e5e7eb;border-bottom:1px solid #d1d5db;position:sticky;top:0;z-index:12;min-width:80px}.headers-row{background:#fff}.excel-header{padding:0;background:#f8f9fa;border-right:1px solid #e5e7eb;border-bottom:2px solid #d1d5db;font-weight:600;color:#111827;text-align:left;position:sticky;top:30px;z-index:11;min-width:120px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.excel-header:hover{background:#e5e7eb}.header-content{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px}.header-content span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px;transition:all .2s ease;flex-shrink:0}.sort-btn:hover{background:#0000000d;color:#374151}.sort-btn svg.active{color:#0073ea}.row-number-header{background:#f8f9fa;border-right:2px solid #d1d5db;border-bottom:1px solid #d1d5db;width:50px;min-width:50px;max-width:50px;text-align:center;font-size:11px;font-weight:600;color:#6b7280;position:sticky;left:0;z-index:13}.row-number-header.corner-cell{top:0;z-index:14;border-bottom:1px solid #d1d5db}.headers-row .row-number-header{top:30px;z-index:13;border-bottom:2px solid #d1d5db}.row-number{background:#f8f9fa;border-right:2px solid #d1d5db;border-bottom:1px solid #e5e7eb;text-align:center;font-size:11px;font-weight:600;color:#6b7280;width:50px;min-width:50px;max-width:50px;position:sticky;left:0;z-index:10;-webkit-user-select:none;user-select:none}.excel-cell{padding:6px 12px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;min-width:120px;cursor:cell;transition:all .15s ease;background:#fff}.excel-cell:hover{background:#f0f8ff}.excel-cell.selected{background:#e0f2fe;border:2px solid #0073ea;outline:2px solid #0073ea;outline-offset:-2px;z-index:5;position:relative}.empty-cell{padding:40px;text-align:center;color:#9ca3af;font-style:italic;border:none}tbody tr:hover .excel-cell{background:#f9fafb}tbody tr:hover .row-number{background:#e5e7eb;color:#111827}.excel-grid-container::-webkit-scrollbar{width:12px;height:12px}.excel-grid-container::-webkit-scrollbar-track{background:#f8f9fa}.excel-grid-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px;border:2px solid #f8f9fa}.excel-grid-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.excel-grid-container::-webkit-scrollbar-corner{background:#f8f9fa}@media (max-width: 768px){.excel-toolbar{padding:8px}.toolbar-center{order:3;flex-basis:100%;max-width:100%;margin-top:8px}.excel-search{max-width:100%}.zoom-controls{font-size:11px}.excel-grid{font-size:calc(12px * var(--zoom-level, 1))}.excel-cell{min-width:100px}}.excel-viewer{animation:fadeIn .3s ease}.history-page{display:flex;height:100vh;background:radial-gradient(ellipse at 85% 15%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 10% 85%,rgba(52,211,153,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(110,231,183,.03) 0%,transparent 60%),linear-gradient(135deg,#fff,#fafffcf7,#f5fdfaf2 60%,#fff);background-attachment:fixed;position:relative}.history-page:before{display:none}.history-page .sidebar{width:260px;background:linear-gradient(180deg,#fff,#f8fafc);background-attachment:fixed;border-right:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow:hidden;box-shadow:2px 0 12px #00000014}.history-page .sidebar-header{padding:24px 24px 20px;border-bottom:1px solid rgba(148,163,184,.15)}.history-page .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#1e293b;text-decoration:none;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#1e293b;background-clip:unset}.history-page .logo svg{color:#10b981;flex-shrink:0}.history-page .sidebar-user{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(148,163,184,.15);background:transparent}.history-page .user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #10b98166;flex-shrink:0}.history-page .user-info{flex:1;min-width:0}.history-page .user-name{font-size:14px;font-weight:700;color:#1e293b;line-height:1.3;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-page .user-plan{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.history-page .user-plan svg{color:#f59e0b;width:14px;height:14px;filter:none}.history-page .sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.history-page .nav-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:transparent;border:none;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.history-page .nav-item:hover{background:#10b9811a;color:#1e293b;transform:none}.history-page .nav-item.active{background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;font-weight:600;box-shadow:0 4px 14px #10b98166,0 0 0 1px #10b9811a}.history-page .nav-item svg{width:18px;height:18px;flex-shrink:0}.history-page .sidebar-footer{padding:12px;border-top:1px solid rgba(148,163,184,.15)}.history-page .sidebar-footer .nav-item:hover{background:#fee2e2;color:#dc2626}.history-page .main-content{flex:1;overflow-y:auto;padding:32px;margin-left:260px;position:relative;z-index:1}.history-page .history-header,.history-page .history-item,.history-page .history-list,.history-page .history-content{opacity:1!important;visibility:visible!important}.loading-page{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:80px 0;color:#9ca3af;font-size:14px}.loading-page .spinning{color:#10b981;animation:spin .8s linear infinite}.history-container{max-width:1100px;width:100%}.history-header{margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.btn-back{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#9ca3af;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:16px;transition:color .2s ease}.btn-back:hover{color:#10b981}.history-header h1{font-size:28px;font-weight:800;color:#111827;margin:0 0 6px;letter-spacing:-.3px}.history-header p{color:#6b7280;font-size:14px;font-weight:400;margin:0}.header-content .btn-secondary,.header-content button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.header-content .btn-secondary:hover,.header-content button:hover{border-color:#10b981;color:#059669;background:#f0fdf4}.empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a}.empty-state svg{color:#d1d5db;margin-bottom:20px}.empty-state h3{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.empty-state p{color:#6b7280;margin:0 0 24px;font-size:14px}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{display:flex;gap:20px;padding:24px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a;transition:all .2s ease}.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-color:#10b98126}.history-icon{flex-shrink:0;width:48px;height:48px;background:#f0fdf4;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#10b981}.history-icon svg{width:22px;height:22px}.history-content{flex:1;min-width:0}.history-meta{display:flex;gap:16px;margin-bottom:8px;flex-wrap:wrap}.history-date,.history-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;font-weight:500}.history-date svg,.history-status svg{width:14px;height:14px}.history-item h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px;word-break:break-word}.history-files{color:#6b7280;font-size:13px;margin-bottom:12px;line-height:1.5;font-weight:400}.history-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.stat-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.stat-badge svg{width:14px;height:14px}.stat-badge.success{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.stat-badge.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.stat-badge.info{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.history-columns{display:flex;flex-direction:column;gap:8px}.history-columns strong{font-size:13px;color:#111827;font-weight:600}.columns-preview{display:flex;flex-wrap:wrap;gap:6px}.column-tag{padding:3px 10px;background:#f0fdf4;color:#059669;border-radius:6px;font-size:11px;font-weight:600;border:1px solid #bbf7d0}.btn-expand{margin-top:10px;padding:6px 12px;background:none;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;font-weight:500}.btn-expand:hover{background:#f0fdf4;border-color:#10b981;color:#059669}.sheets-list{margin-top:12px;padding:12px;background:#f9fafb;border-radius:10px;display:flex;flex-direction:column;gap:8px}.sheet-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.06);transition:all .15s ease}.sheet-item:hover{border-color:#10b98133;box-shadow:0 1px 4px #0000000a}.sheet-info{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.sheet-icon{flex-shrink:0;padding-top:2px;color:#10b981}.sheet-info strong{display:block;color:#111827;font-size:13px;margin-bottom:2px}.sheet-desc{color:#6b7280;font-size:12px;margin:0}.sheet-size{color:#9ca3af;font-size:11px;margin:2px 0 0}.sheet-error{color:#dc2626;font-size:12px;margin:2px 0 0;font-style:italic}.sheet-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sheet-actions .btn-secondary{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sheet-actions .btn-secondary:hover{background:#10b981;color:#fff;border-color:#10b981;transform:translateY(-1px);box-shadow:0 2px 8px #10b98140}.sheet-actions .btn-secondary span{font-size:12px}.history-actions{flex-shrink:0;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.history-actions button,.history-actions .btn-primary,.history-actions .btn-secondary{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:600;font-size:13px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none}.history-actions .btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98133}.history-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b9814d}.history-actions .btn-secondary{background:#fff;color:#374151;border:1.5px solid #e5e7eb}.history-actions .btn-secondary:hover{border-color:#10b981;color:#059669;background:#f0fdf4}.history-actions .btn-success{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d;font-size:12px;padding:7px 14px}.history-actions .btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b82f673}.history-actions .btn-success:disabled{opacity:.4;cursor:not-allowed;transform:none}.history-actions .btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s ease}.history-actions .btn-danger:hover:not(:disabled){background:#ef44442e;border-color:#ef444473;transform:translateY(-1px);box-shadow:0 3px 10px #ef444433}.history-actions .btn-danger:disabled{opacity:.45;cursor:not-allowed;transform:none}.delete-confirm-inline{display:flex;align-items:center;gap:6px;background:#ef444414;border:1px solid rgba(239,68,68,.35);border-radius:8px;padding:5px 10px;animation:fadeInScale .15s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.delete-confirm-text{font-size:.78rem;font-weight:600;color:#dc2626;white-space:nowrap}.btn-xs{padding:3px 10px;font-size:.76rem;border-radius:5px;border:none;cursor:pointer;font-weight:600;transition:background .15s,transform .1s;display:flex;align-items:center;gap:4px}.btn-danger.btn-xs{background:#dc2626;color:#fff}.btn-danger.btn-xs:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn-danger.btn-xs:disabled{opacity:.5;cursor:not-allowed}.btn-ghost.btn-xs{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-ghost.btn-xs:hover{background:#f3f4f6;color:#374151}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.preview-modal{width:1100px;max-width:95vw}.excel-modal{width:90vw;max-width:1400px;height:90vh}.excel-modal-body{padding:0;overflow:hidden}.excel-modal-body .excel-viewer{border:none;border-radius:0;box-shadow:none;height:100%}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h2{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.modal-subtitle{font-size:13px;color:#6b7280;margin:0}.btn-icon{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f3f4f6;color:#111827}.modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:20px 24px}.loading-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 40px;color:#9ca3af;font-size:14px}.preview-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#d97706;font-size:13px;margin-bottom:14px}.preview-table-container{flex:1;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table thead{position:sticky;top:0;z-index:10}.preview-table th{padding:10px 14px;text-align:left;font-weight:600;color:#111827;border-bottom:2px solid #e5e7eb;border-right:1px solid #f0f0f0;white-space:nowrap;background:#f9fafb;font-size:12px}.preview-table td{padding:8px 14px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#374151;white-space:nowrap;background:#fff;font-size:13px}.preview-table tbody tr:hover td{background:#f0fdf4}.preview-table tbody tr:last-child td{border-bottom:none}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;margin-top:14px;border-top:1px solid #f0f0f0}.preview-footer span{color:#9ca3af;font-size:13px;font-weight:500}.mobile-menu-button:hover{transform:scale(1.05);box-shadow:0 8px 20px #10b98180}@media (max-width: 992px){.history-page .sidebar{width:220px}.history-page .main-content{margin-left:220px;padding:24px}}@media (max-width: 768px){.mobile-menu-button{display:flex}.history-page .sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;z-index:100;transform:translate(-100%);transition:transform .3s ease}.history-page .sidebar.open{transform:translate(0)}.history-page .main-content{margin-left:0;padding:20px}.history-item{flex-direction:column;padding:20px}.history-actions{flex-direction:row;width:100%}.history-actions button{flex:1;justify-content:center}.sheet-item{flex-direction:column;align-items:flex-start;gap:10px}.sheet-item .btn-secondary{width:100%;justify-content:center}.preview-modal{width:100%;max-height:95vh}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.preview-table th,.preview-table td{padding:6px 10px}}.output-page{min-height:100vh;background:radial-gradient(ellipse at 85% 15%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 10% 85%,rgba(52,211,153,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(110,231,183,.03) 0%,transparent 60%),linear-gradient(135deg,#fff,#fafffcf7,#f5fdfaf2 60%,#fff);background-attachment:fixed;padding:32px}.output-container{max-width:1400px;margin:0 auto}.output-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-left{flex:1}.output-header h1{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.output-header p{display:flex;align-items:center;gap:8px;color:var(--text-gray);font-size:15px}.header-actions{display:flex;gap:12px}.header-actions button{display:flex;align-items:center;gap:8px}.output-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.info-item{display:flex;align-items:center;gap:16px}.info-item svg{flex-shrink:0}.info-item div{display:flex;flex-direction:column;gap:4px}.info-item strong{font-size:12px;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-item span{font-size:16px;color:var(--text-dark);font-weight:600}.output-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.search-box{flex:1;max-width:400px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-gray);border:2px solid var(--border-gray);border-radius:8px;transition:border-color .3s ease}.search-box:focus-within{border-color:var(--primary-blue)}.search-box svg{color:var(--text-gray);flex-shrink:0}.search-box input{flex:1;border:none;background:none;font-size:15px;color:var(--text-dark)}.tool-buttons{display:flex;gap:12px}.output-table{padding:0;overflow:hidden}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:var(--bg-gray)}th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-gray);white-space:nowrap}td{padding:16px;border-bottom:1px solid var(--border-gray);color:var(--text-dark);font-size:14px}tbody tr{transition:background .3s ease}tbody tr:hover{background:var(--light-blue)}.badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.badge-blue{background:var(--light-blue);color:var(--primary-blue)}.badge-success{background:#00ca721a;color:var(--success)}.badge-warning{background:#ffcb001a;color:var(--warning)}.badge-danger{background:#e442581a;color:var(--danger)}.badge-gray{background:var(--bg-gray);color:var(--text-gray)}@media (max-width: 1024px){.output-header{flex-direction:column;gap:20px}.header-actions{width:100%}.header-actions button{flex:1;justify-content:center}.output-tools{flex-direction:column;align-items:stretch}.search-box{max-width:none}}@media (max-width: 768px){.output-page{padding:20px}.output-info{grid-template-columns:1fr}table{font-size:12px}th,td{padding:12px 8px}}.chat-page{display:flex;height:100vh;background:radial-gradient(ellipse at 85% 15%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 10% 85%,rgba(52,211,153,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(110,231,183,.03) 0%,transparent 60%),linear-gradient(135deg,#fff,#fafffcf7,#f5fdfaf2 60%,#fff);background-attachment:fixed;overflow:hidden;position:relative}.chat-page:before{display:none}.chat-page .sidebar{width:260px;background:linear-gradient(180deg,#fff,#f8fafc);background-attachment:fixed;border-right:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow:hidden;box-shadow:2px 0 12px #00000014}.chat-page .sidebar-header{padding:24px 24px 20px;border-bottom:1px solid rgba(148,163,184,.15)}.chat-page .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#1e293b;text-decoration:none}.chat-page .logo svg{color:#10b981;flex-shrink:0}.chat-page .sidebar-user{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(148,163,184,.15)}.chat-page .user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981,#34d399);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;box-shadow:0 4px 14px #10b98166;flex-shrink:0}.chat-page .user-info{flex:1;min-width:0}.chat-page .user-name{font-size:14px;font-weight:700;color:#1e293b;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-page .user-plan{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.chat-page .user-plan svg{color:#f59e0b;width:14px;height:14px}.chat-page .sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.chat-page .nav-item{width:100%;padding:12px 14px;display:flex;align-items:center;justify-content:flex-start;gap:10px;background:transparent;border:none;border-left:none;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:10px;text-align:left}.chat-page .nav-item:hover{background:#10b9811a;color:#1e293b}.chat-page .nav-item.active{background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;font-weight:600;box-shadow:0 4px 14px #10b98166,0 0 0 1px #10b9811a}.chat-page .nav-item svg{width:18px;height:18px;flex-shrink:0}.chat-page .sidebar-footer{padding:12px;border-top:1px solid rgba(148,163,184,.15)}.chat-page .sidebar-footer .nav-item:hover{background:#fee2e2;color:#dc2626}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:260px;position:relative;z-index:1}.ai-workspace{flex:1;display:flex;flex-direction:column;background:#f5f6f8;margin:14px 14px 14px 8px;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 12px #0000000d}.ai-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#fff;border-bottom:1px solid #ebebeb;flex-shrink:0;gap:12px;flex-wrap:wrap}.ai-topbar-left{display:flex;align-items:center;gap:12px}.ai-topbar-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 3px 10px #10b98147;flex-shrink:0}.ai-topbar-title{font-size:16px;font-weight:800;color:#111827;letter-spacing:-.2px}.ai-topbar-sub{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:5px;margin-top:1px}.ai-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;display:inline-block;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.45}}.ai-topbar-right{display:flex;align-items:center;gap:8px}.ai-session-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.ai-session-btn:hover{border-color:#10b981;background:#f0fdf4;color:#059669}.ai-session-btn svg:last-child{transition:transform .2s}.ai-session-btn svg:last-child.rotated{transform:rotate(180deg)}.ai-new-session-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b98140;white-space:nowrap}.ai-new-session-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.ai-summary-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #3b82f647;white-space:nowrap}.ai-summary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.ai-summary-btn:disabled{opacity:.65;cursor:not-allowed}.ai-summary-btn .spin{animation:spin .9s linear infinite}.chat-history-dropdown{position:relative}.history-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:300px;max-height:380px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 8px 24px #0000001a;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.history-dropdown-header{padding:13px 18px;background:#f9fafb;border-bottom:1px solid #f0f0f0;font-size:12px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.4px}.chat-list{flex:1;overflow-y:auto;padding:6px}.chat-item{display:flex;align-items:center;gap:8px;padding:9px 11px;margin-bottom:3px;border-radius:7px;cursor:pointer;transition:all .15s;border:1.5px solid transparent}.chat-item:hover{background:#f9fafb;border-color:#e5e7eb}.chat-item.active{background:#f0fdf4;border-color:#10b981}.chat-item-content{flex:1;min-width:0}.chat-item-title{font-size:12px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-date{font-size:10px;color:#9ca3af;margin-top:2px}.delete-chat-btn{width:26px;height:26px;border-radius:5px;background:transparent;color:#d1d5db;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;opacity:0;flex-shrink:0}.chat-item:hover .delete-chat-btn{opacity:1}.delete-chat-btn:hover{background:#fef2f2;color:#dc2626}.ai-body{flex:1;display:flex;overflow:hidden;gap:0}.ai-left-panel{width:300px;flex-shrink:0;background:#fff;border-right:1px solid #ebebeb;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:18px 16px;gap:20px;box-sizing:border-box;min-width:0}.ai-left-panel::-webkit-scrollbar{width:5px}.ai-left-panel::-webkit-scrollbar-track{background:transparent}.ai-left-panel::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.ai-section{display:flex;flex-direction:column;gap:10px}.ai-section-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.7px}.ai-section-label svg{color:#10b981}.ai-date-block{background:#f9fafb;border:1.5px solid #ebebeb;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.ai-date-row{display:flex;flex-direction:column;gap:7px;min-width:0}.ai-date-field{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%}.ai-date-field label{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px}.ai-date-input{padding:7px 10px;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;font-size:12px;color:#111827;width:100%;min-width:0;box-sizing:border-box;outline:none;font-family:inherit;cursor:pointer;transition:border-color .15s}.ai-date-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.ai-date-sep{display:none}.ai-presets{display:flex;gap:5px}.ai-preset{flex:1;padding:5px 0;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;font-size:10px;font-weight:700;color:#6b7280;cursor:pointer;transition:all .15s;letter-spacing:.3px}.ai-preset:hover{border-color:#10b981;color:#059669;background:#f0fdf4}.ai-modules-section{flex:1}.ai-modules-grid{display:flex;flex-direction:column;gap:7px}.ai-module-card{display:flex;align-items:center;gap:11px;padding:11px 13px;background:#fafafa;border:1.5px solid #ebebeb;border-radius:11px;cursor:pointer;transition:all .18s ease;text-align:left;width:100%}.ai-module-card:hover{background:#fff;box-shadow:0 2px 10px #00000012;transform:translate(2px)}.ai-module-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-module-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ai-module-title{font-size:13px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-module-desc{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-module-arrow{color:#d1d5db;flex-shrink:0;transition:color .15s,transform .15s}.ai-module-card:hover .ai-module-arrow{color:#6b7280;transform:translate(2px)}.ai-module-card.color-red:hover{border-color:#fca5a5}.ai-module-icon.color-red{background:#fef2f2;color:#dc2626}.ai-module-card.color-blue:hover{border-color:#93c5fd}.ai-module-icon.color-blue{background:#eff6ff;color:#2563eb}.ai-module-card.color-purple:hover{border-color:#c4b5fd}.ai-module-icon.color-purple{background:#f5f3ff;color:#7c3aed}.ai-module-card.color-teal:hover{border-color:#5eead4}.ai-module-icon.color-teal{background:#f0fdfa;color:#0d9488}.ai-module-card.color-orange:hover{border-color:#fed7aa}.ai-module-icon.color-orange{background:#fff7ed;color:#ea580c}.ai-module-card.color-green:hover{border-color:#86efac}.ai-module-icon.color-green{background:#f0fdf4;color:#16a34a}.ai-module-card.color-emerald:hover{border-color:#6ee7b7}.ai-module-icon.color-emerald{background:#ecfdf5;color:#059669}.ai-module-card.color-yellow:hover{border-color:#fde68a}.ai-module-icon.color-yellow{background:#fffbeb;color:#d97706}.ai-right-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fafafa}.ai-console-header{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f3f5;border-bottom:1px solid #e5e7eb;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.ai-console-header svg{color:#10b981}.ai-console-period{margin-left:auto;font-size:11px;font-weight:500;color:#9ca3af;text-transform:none;letter-spacing:0;font-family:monospace}.ai-console-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.ai-console-messages::-webkit-scrollbar{width:5px}.ai-console-messages::-webkit-scrollbar-track{background:transparent}.ai-console-messages::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.ai-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:12px;margin:auto}.ai-empty-icon{color:#d1d5db;margin-bottom:4px}.ai-empty-title{font-size:16px;font-weight:700;color:#374151;margin:0}.ai-empty-sub{font-size:13px;color:#9ca3af;max-width:280px;line-height:1.6;margin:0}.ai-message{display:flex;gap:10px;animation:aiFadeIn .25s ease}@keyframes aiFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-message.user{flex-direction:row-reverse}.ai-msg-avatar{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.ai-msg-avatar.bot{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98133}.ai-msg-avatar.user{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.ai-msg-body{display:flex;flex-direction:column;gap:4px;max-width:75%}.ai-message.user .ai-msg-body{align-items:flex-end}.ai-msg-module-tag{display:inline-flex;align-items:center;padding:2px 8px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;font-size:10px;font-weight:700;color:#059669;letter-spacing:.3px;text-transform:uppercase;margin-bottom:2px;width:fit-content}.ai-msg-bubble{padding:12px 16px;border-radius:12px;font-size:13px;line-height:1.65;word-wrap:break-word}.ai-msg-bubble.bot{background:#fff;color:#111827;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000a;border-bottom-left-radius:4px}.ai-msg-bubble.user{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98133;border-bottom-right-radius:4px}.ai-msg-bubble.typing{display:flex;gap:5px;padding:14px 16px;align-items:center}.ai-msg-bubble.typing span{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:typingDot 1.4s ease-in-out infinite}.ai-msg-bubble.typing span:nth-child(2){animation-delay:.2s}.ai-msg-bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.ai-msg-time{display:flex;align-items:center;gap:3px;font-size:10px;color:#9ca3af;padding:0 2px}.ai-console-input{display:flex;gap:10px;padding:14px 20px 16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.ai-console-input input{flex:1;padding:11px 16px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;color:#111827;outline:none;font-family:inherit;transition:all .2s}.ai-console-input input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b98114}.ai-console-input input::placeholder{color:#9ca3af}.ai-send-btn{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #10b98140;flex-shrink:0}.ai-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-list::-webkit-scrollbar{width:5px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}@media (max-width: 1100px){.ai-left-panel{width:260px}}@media (max-width: 992px){.chat-page .sidebar{width:220px}.chat-main{margin-left:220px}.ai-left-panel{width:240px}}@media (max-width: 768px){.mobile-menu-button{display:flex}.chat-page{flex-direction:column}.chat-page .sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;z-index:100;transform:translate(-100%);transition:transform .3s ease;border-right:1px solid rgba(0,0,0,.06);border-bottom:none}.chat-page .sidebar.open{transform:translate(0)}.chat-main{margin-left:0;flex:1}.ai-workspace{margin:8px;border-radius:14px}.ai-body{flex-direction:column}.ai-left-panel{width:100%;border-right:none;border-bottom:1px solid #ebebeb;padding:14px;max-height:320px}.ai-modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ai-topbar{padding:12px 16px}.ai-new-session-btn span{display:none}}@media (max-width: 480px){.ai-modules-grid{grid-template-columns:1fr}.ai-module-desc{display:none}.ai-topbar-title{font-size:14px}}.ai-msg-bubble.bot .md-p{margin:0 0 6px;line-height:1.7}.ai-msg-bubble.bot .md-p:last-child{margin-bottom:0}.ai-msg-bubble.bot .md-h1,.ai-msg-bubble.bot .md-h2{font-size:13px;font-weight:700;color:#065f46;margin:10px 0 4px;padding-bottom:3px;border-bottom:1px solid #d1fae5}.ai-msg-bubble.bot .md-h3,.ai-msg-bubble.bot .md-h4{font-size:12.5px;font-weight:650;color:#047857;margin:8px 0 3px}.ai-msg-bubble.bot .md-ul,.ai-msg-bubble.bot .md-ol{margin:4px 0 6px 16px;padding:0}.ai-msg-bubble.bot .md-ul li,.ai-msg-bubble.bot .md-ol li{margin:2px 0;line-height:1.6}.ai-msg-bubble.bot .md-blockquote{border-left:3px solid #10b981;background:#f0fdf4;margin:6px 0;padding:5px 10px;border-radius:0 6px 6px 0;font-style:italic;color:#374151}.md-inline-code{background:#f3f4f6;color:#be185d;padding:1px 5px;border-radius:4px;font-family:Courier New,monospace;font-size:11.5px}.ai-msg-bubble.user .md-inline-code{background:#ffffff40;color:#fff}.ai-msg-bubble.bot .md-pre{background:#1e293b;color:#e2e8f0;padding:10px 14px;border-radius:8px;font-size:11px;overflow-x:auto;margin:6px 0;line-height:1.5}.ai-msg-bubble.bot .md-table-wrap{overflow-x:auto;margin:8px 0;border-radius:8px;border:1px solid #e5e7eb}.ai-msg-bubble.bot .md-table{width:100%;border-collapse:collapse;font-size:11.5px}.ai-msg-bubble.bot .md-table th{background:#ecfdf5;color:#065f46;font-weight:650;padding:6px 10px;text-align:left;border-bottom:1.5px solid #a7f3d0;white-space:nowrap}.ai-msg-bubble.bot .md-table td{padding:5px 10px;border-bottom:1px solid #f3f4f6;color:#374151}.ai-msg-bubble.bot .md-table tr:last-child td{border-bottom:none}.ai-msg-bubble.bot .md-table tr:hover td{background:#f9fafb}.ai-msg-bubble.bot .md-hr{border:none;border-top:1px solid #e5e7eb;margin:8px 0}.ai-msg-bubble.bot .md-spacer{height:4px}.knowledge-page{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.knowledge-page .sidebar{width:260px;background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:50;box-shadow:2px 0 10px #00000005}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.logo{display:flex;align-items:center;gap:10px}.auth-logo-icon{width:128px;object-fit:contain}.sidebar-user{padding:20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.user-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 4px 12px #10b98140}.user-info{flex:1}.user-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.user-plan{display:flex;align-items:center;gap:4px;font-size:12px;color:#10b981;font-weight:600}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:transparent;border:none;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;margin-bottom:4px;font-family:inherit}.nav-item:hover{background:#10b9811a;color:#059669}.nav-item.active{background:linear-gradient(135deg,#10b98126,#0596691a);color:#059669;font-weight:600;box-shadow:0 2px 8px #10b98126}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(0,0,0,.05)}.knowledge-page .main-content{flex:1;margin-left:260px;padding:32px 40px 60px;overflow-y:auto}.knowledge-container{max-width:1200px;margin:0 auto}.knowledge-header{margin-bottom:32px}.header-content{display:flex;align-items:center;gap:16px}.header-content svg{color:#059669;flex-shrink:0}.knowledge-header h1{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px}.knowledge-header p{font-size:15px;color:#6b7280;margin:0}.coming-soon-card{background:#fff;border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.05)}.coming-soon-icon{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#34d399,#10b981);margin-bottom:24px;box-shadow:0 8px 24px #10b9814d;animation:float 3s ease-in-out infinite}.coming-soon-icon svg{color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.kb-container{max-width:1400px;margin:0 auto}.kb-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.kb-page-header-left{display:flex;align-items:center;gap:14px}.kb-header-icon{color:#059669;flex-shrink:0}.kb-page-header-left h1{font-size:26px;font-weight:700;color:#111827;margin:0 0 3px}.kb-page-header-left p{font-size:14px;color:#6b7280;margin:0}.kb-page-header-right{display:flex;align-items:center;gap:12px}.kb-last-updated{display:flex;align-items:center;gap:5px;font-size:12px;color:#9ca3af}.kb-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.kb-refresh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.kb-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.kb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:#9ca3af;gap:16px;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.kb-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kb-stat-card{background:#fff;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 10px #0000000d;border:1px solid rgba(0,0,0,.05)}.kb-stat-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kb-stat-icon.green{background:#10b9811f;color:#059669}.kb-stat-icon.blue{background:#3b82f61f;color:#2563eb}.kb-stat-icon.teal{background:#14b8a61f;color:#0d9488}.kb-stat-icon.purple{background:#8b5cf61f;color:#7c3aed}.kb-stat-icon.red{background:#ef44441f;color:#dc2626}.kb-stat-icon.orange{background:#f973161f;color:#ea580c}.kb-stat-value{font-size:24px;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.kb-stat-label{font-size:12px;color:#6b7280;font-weight:500}.user-role-badge{font-size:11px;font-weight:600;color:#059669;text-transform:capitalize}.kb-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid #f1f5f9;padding-bottom:0;flex-wrap:wrap}.kb-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;transition:all .2s ease;border-radius:8px 8px 0 0}.kb-tab:hover{color:#059669;background:#10b9810f}.kb-tab.active{color:#059669;border-bottom-color:#059669;font-weight:600;background:#10b98114}.kb-tab-count{background:#f1f5f9;color:#475569;font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px}.kb-tab.active .kb-tab-count{background:#10b98126;color:#059669}.kb-filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.05)}.kb-filter-search{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 12px;color:#9ca3af}.kb-filter-search input{flex:1;border:none;background:transparent;font-size:13px;color:#1e293b;outline:none;font-family:inherit}.kb-filter-search button{border:none;background:transparent;cursor:pointer;color:#9ca3af;display:flex;align-items:center;padding:0}.kb-filter-group{display:flex;align-items:center;gap:7px;color:#9ca3af;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 12px}.kb-filter-group select,.kb-filter-group input[type=date]{border:none;background:transparent;font-size:13px;color:#1e293b;outline:none;font-family:inherit;cursor:pointer}.kb-date-sep{font-size:12px;color:#9ca3af}.kb-clear-filters{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:8px;background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.2);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.kb-clear-filters:hover{background:#ef444424}.kb-tab-panel{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000a;border:1px solid rgba(0,0,0,.05);overflow:hidden}.kb-table-wrap{overflow-x:auto}.kb-table{width:100%;border-collapse:collapse;font-size:13px}.kb-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.kb-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:nowrap}.kb-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.kb-table tbody tr:hover{background:#f8fffe}.kb-table td{padding:11px 14px;color:#374151;vertical-align:middle}.kb-td-num{color:#9ca3af;font-size:12px;width:36px}.kb-td-ts{font-size:12px;color:#6b7280;white-space:nowrap}.kb-td-user,.kb-td-desc{max-width:200px}.kb-td-entity{max-width:160px;font-size:12px;color:#374151}.kb-td-meta{max-width:220px}.kb-td-reason{max-width:240px}.kb-td-desc{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#374151}.kb-user-cell{display:flex;align-items:center;gap:8px;font-weight:500;white-space:nowrap}.kb-mini-avatar{width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kb-action-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.action-green{background:#10b9811f;color:#059669}.action-red{background:#ef44441f;color:#dc2626}.action-blue{background:#3b82f61f;color:#2563eb}.action-teal{background:#14b8a61f;color:#0d9488}.action-purple{background:#8b5cf61f;color:#7c3aed}.action-yellow{background:#eab3081f;color:#b45309}.action-orange{background:#f973161f;color:#ea580c}.action-gray{background:#6b72801a;color:#4b5563}.kb-source-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.source-web{background:#3b82f61a;color:#2563eb}.source-mobile{background:#8b5cf61a;color:#7c3aed}.kb-role-badge{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.role-admin{background:#10b9811f;color:#059669}.role-manager{background:#3b82f61f;color:#2563eb}.role-user{background:#6b72801a;color:#4b5563}.role-system{background:#eab3081a;color:#b45309}.kb-reason{display:block;font-size:12px;color:#374151;font-style:italic;margin-bottom:2px}.kb-reason-text{font-size:12px;color:#374151;line-height:1.5}.kb-meta-extra{display:block;font-size:11px;color:#9ca3af}.kb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;gap:12px;font-size:14px}.kb-empty svg{opacity:.35}.kb-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:20px}.kb-user-card{background:#f8fafc;border-radius:14px;padding:18px;border:1px solid #e2e8f0;transition:box-shadow .2s ease}.kb-user-card:hover{box-shadow:0 4px 16px #00000012}.kb-user-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.kb-user-big-avatar{width:44px;height:44px;border-radius:12px;font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-av-admin{background:linear-gradient(135deg,#059669,#10b981)}.role-av-manager{background:linear-gradient(135deg,#2563eb,#3b82f6)}.role-av-user{background:linear-gradient(135deg,#64748b,#94a3b8)}.role-av-system{background:linear-gradient(135deg,#b45309,#f59e0b)}.kb-user-card-name{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.kb-user-card-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.kb-user-stat{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;background:#fff;padding:4px 9px;border-radius:6px;border:1px solid #e2e8f0}.kb-user-stat.green{color:#059669;border-color:#10b98133;background:#10b9810f}.kb-user-stat.red{color:#dc2626;border-color:#ef444433;background:#ef44440d}.kb-user-card-last{display:flex;align-items:center;gap:5px;font-size:11px;color:#9ca3af;border-top:1px solid #e2e8f0;padding-top:10px}.kb-analytics{display:flex;flex-direction:column;gap:20px;padding:20px}.kb-analytics-card{background:#f8fafc;border-radius:12px;padding:20px 24px;border:1px solid #e2e8f0}.kb-analytics-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:18px}.kb-analytics-title svg{color:#059669}.kb-bar-chart{display:flex;align-items:flex-end;gap:16px;height:180px;padding:0 4px}.kb-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.kb-bar-label-top{font-size:11px;font-weight:600;color:#374151}.kb-bar-fill{width:100%;background:linear-gradient(to top,#059669,#34d399);border-radius:6px 6px 0 0;min-height:4px;transition:height .4s ease}.kb-bar-label-date{font-size:10px;color:#9ca3af;text-align:center;white-space:nowrap}.kb-top-actions{display:flex;flex-direction:column;gap:10px}.kb-top-action-row{display:flex;align-items:center;gap:12px}.kb-top-action-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.kb-top-action-fill{height:100%;background:linear-gradient(90deg,#059669,#34d399);border-radius:4px;transition:width .4s ease}.kb-top-action-count{font-size:12px;font-weight:600;color:#374151;min-width:30px;text-align:right}.kb-platform-split{display:flex;flex-direction:column;gap:12px}.kb-split-bar{display:flex;height:16px;border-radius:8px;overflow:hidden}.kb-split-web{background:linear-gradient(90deg,#2563eb,#3b82f6)}.kb-split-mobile{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.kb-split-legend{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;flex-wrap:wrap}.kb-split-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-web{background:#3b82f6}.dot-mobile{background:#7c3aed}.kb-empty-sm{font-size:13px;color:#9ca3af;text-align:center;padding:20px}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.mobile-menu-button{display:none;position:fixed;top:16px;left:16px;z-index:110;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;box-shadow:0 4px 14px #10b98166;cursor:pointer;transition:all .2s ease}.mobile-menu-button:hover{transform:scale(1.05)}@media (max-width: 1023px){.knowledge-page .sidebar{transform:translate(-100%);transition:transform .3s ease}.knowledge-page .sidebar.open{transform:translate(0)}.knowledge-page .main-content{margin-left:0}.mobile-menu-button{display:flex}}@media (max-width: 768px){.knowledge-page .main-content{padding:20px 16px 40px}.kb-stats-row{grid-template-columns:repeat(2,1fr)}.kb-bar-chart{gap:8px}.kb-page-header{flex-direction:column;align-items:flex-start}.mobile-menu-button{display:flex}}@media (max-width: 480px){.kb-stats-row{grid-template-columns:1fr 1fr}.kb-tabs{gap:2px}.kb-tab{padding:8px 10px;font-size:12px}.kb-filter-bar{flex-direction:column}.kb-filter-search{min-width:unset}}.kb-labels-container{padding:0}.kb-label-bar{display:flex;gap:4px;border-bottom:2px solid #f1f5f9;padding-bottom:0;margin-bottom:18px;flex-wrap:wrap}.kb-label-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;transition:all .2s ease;border-radius:8px 8px 0 0}.kb-label-tab:hover{color:#059669;background:#10b9810f}.kb-label-tab.active{font-weight:600}.kb-label-tab.active.lbl-teal{color:#0d9488;border-bottom-color:#0d9488;background:#0d948812}.kb-label-tab.active.lbl-green{color:#16a34a;border-bottom-color:#16a34a;background:#16a34a12}.kb-label-tab.active.lbl-red{color:#dc2626;border-bottom-color:#dc2626;background:#dc26260f}.kb-label-tab.active.lbl-purple{color:#7c3aed;border-bottom-color:#7c3aed;background:#7c3aed12}.kb-label-tab.active.lbl-ai{color:#8b5cf6;border-bottom-color:#8b5cf6;background:#8b5cf612}.kb-label-tab-count{background:#f1f5f9;color:#475569;font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px}.kb-label-tab.active .kb-label-tab-count{background:#0596691f;color:inherit}.kb-label-list{display:flex;flex-direction:column;gap:8px}.kb-litem{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;padding:12px 14px;transition:box-shadow .15s ease,border-color .15s ease}.kb-litem:hover{box-shadow:0 2px 8px #0000000f;border-color:#e2e8f0}.kb-litem-left{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.kb-litem-left.teal{background:#0d94881f;color:#0d9488}.kb-litem-left.green{background:#16a34a1f;color:#16a34a}.kb-litem-left.red{background:#dc26261a;color:#dc2626}.kb-litem-left.purple{background:#7c3aed1a;color:#7c3aed}.kb-litem-left.ai{background:#8b5cf61f;color:#8b5cf6}.kb-litem-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.kb-litem-title{font-size:14px;font-weight:600;color:#111827;word-break:break-word}.kb-litem-sub{font-size:12px;color:#6b7280;display:flex;flex-wrap:wrap;gap:6px}.kb-litem-reason{font-size:13px;color:#374151;background:#f8fafc;border-left:3px solid #e2e8f0;padding:6px 10px;border-radius:0 6px 6px 0;margin-top:2px}.kb-litem-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;min-width:120px}.kb-litem-who{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#374151}.kb-litem-ts{font-size:11px;color:#9ca3af;white-space:nowrap}.kb-gate-badge{background:#6366f11a;color:#4338ca;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.kb-labels-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:10px;padding:10px 14px;margin-bottom:20px}.kb-labels-info svg{color:#059669;flex-shrink:0}.kb-col-layout{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}@media (max-width: 1400px){.kb-col-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.kb-col-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.kb-col-layout{grid-template-columns:1fr}}.kb-col{background:#fff;border-radius:12px;border:1.5px solid #e2e8f0;border-left-width:4px;display:flex;flex-direction:column;min-height:260px;max-height:72vh;overflow:hidden}.kb-col-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px 10px;border-bottom:1.5px solid #f1f5f9;background:#fafafa;position:sticky;top:0;z-index:1;font-size:12px;font-weight:700;color:#111827}.kb-col-header-left{display:flex;align-items:center;gap:7px}.kb-col-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kb-col-header.teal{border-bottom-color:#d1fae5}.kb-col.kb-col:has(.kb-col-header.teal){border-left-color:#0d9488}.kb-col-icon.teal{background:#0d94881f;color:#0d9488}.kb-col-count.teal{background:#0d948821;color:#0d9488}.kb-col-header.green{border-bottom-color:#d1fae5}.kb-col:has(.kb-col-header.green){border-left-color:#16a34a}.kb-col-icon.green{background:#16a34a1f;color:#16a34a}.kb-col-count.green{background:#16a34a21;color:#16a34a}.kb-col-header.red{border-bottom-color:#fee2e2}.kb-col:has(.kb-col-header.red){border-left-color:#dc2626}.kb-col-icon.red{background:#dc26261a;color:#dc2626}.kb-col-count.red{background:#dc26261f;color:#dc2626}.kb-col-header.purple{border-bottom-color:#ede9fe}.kb-col:has(.kb-col-header.purple){border-left-color:#7c3aed}.kb-col-icon.purple{background:#7c3aed1a;color:#7c3aed}.kb-col-count.purple{background:#7c3aed21;color:#7c3aed}.kb-col-header.ai{border-bottom-color:#ede9fe}.kb-col:has(.kb-col-header.ai){border-left-color:#8b5cf6}.kb-col-icon.ai{background:#8b5cf621;color:#8b5cf6}.kb-col-count.ai{background:#8b5cf626;color:#8b5cf6}.kb-col-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;flex-shrink:0}.kb-col-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:7px}.kb-col-body::-webkit-scrollbar{width:4px}.kb-col-body::-webkit-scrollbar-track{background:transparent}.kb-col-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.kb-col-item{padding:9px 10px;border-radius:9px;border:1px solid #f1f5f9;background:#fafcff;display:flex;flex-direction:column;gap:6px}.kb-col-item-meta{display:flex;align-items:center;justify-content:space-between;gap:4px}.kb-col-item-who{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#374151;flex-wrap:wrap}.kb-col-item-ts{font-size:10px;color:#9ca3af;white-space:nowrap}.kb-col-empty{font-size:11.5px;color:#b0bec5;text-align:center;padding:24px 0;font-style:italic}.kb-label-card{background:#fff;border-radius:14px;border:1.5px solid #e2e8f0;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.kb-label-card:hover{box-shadow:0 4px 18px #00000012}.kb-label-card.open{box-shadow:0 6px 24px #00000017}.action-border-green{border-left:4px solid #10b981}.action-border-red{border-left:4px solid #ef4444}.action-border-blue{border-left:4px solid #3b82f6}.action-border-teal{border-left:4px solid #14b8a6}.action-border-purple{border-left:4px solid #8b5cf6}.action-border-yellow{border-left:4px solid #eab308}.action-border-orange{border-left:4px solid #f97316}.action-border-gray{border-left:4px solid #9ca3af}.kb-label-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.kb-label-card-header:hover{background:#f8fafc}.kb-label-card-left{display:flex;align-items:center;gap:14px}.kb-label-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon-green{background:#10b9811f;color:#059669}.action-icon-red{background:#ef44441f;color:#dc2626}.action-icon-blue{background:#3b82f61f;color:#2563eb}.action-icon-teal{background:#14b8a61f;color:#0d9488}.action-icon-purple{background:#8b5cf61f;color:#7c3aed}.action-icon-yellow{background:#eab3081f;color:#b45309}.action-icon-orange{background:#f973161f;color:#ea580c}.action-icon-gray{background:#6b72801a;color:#4b5563}.kb-label-name{font-size:15px;font-weight:600;color:#111827;margin-bottom:3px}.kb-label-type-code{font-size:11px;color:#9ca3af;font-family:Courier New,monospace}.kb-label-card-right{display:flex;align-items:center;gap:12px}.kb-label-count{padding:4px 12px;border-radius:20px;font-size:14px;font-weight:700}.action-count-green{background:#10b98126;color:#059669}.action-count-red{background:#ef44441f;color:#dc2626}.action-count-blue{background:#3b82f61f;color:#2563eb}.action-count-teal{background:#14b8a61f;color:#0d9488}.action-count-purple{background:#8b5cf61f;color:#7c3aed}.action-count-yellow{background:#eab3081f;color:#b45309}.action-count-orange{background:#f973161f;color:#ea580c}.action-count-gray{background:#6b72801a;color:#4b5563}.kb-label-chevron{color:#9ca3af;flex-shrink:0}.kb-label-preview{padding:0 20px 14px;border-top:1px solid #f1f5f9}.kb-label-preview-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px dotted #f1f5f9;font-size:12px;gap:12px}.kb-label-preview-user{display:flex;align-items:center;gap:5px;color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-label-preview-ts{color:#9ca3af;white-space:nowrap;font-size:11px;flex-shrink:0}.kb-label-more{font-size:11px;color:#059669;margin-top:7px;font-weight:500}.kb-label-entries{border-top:2px solid #f1f5f9;max-height:700px;overflow-y:auto}.kb-label-entry{padding:14px 20px;border-bottom:1px solid #f5f5f5;transition:background .12s}.kb-label-entry:hover{background:#fafffe}.kb-label-entry:last-child{border-bottom:none}.kb-label-entry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.kb-label-entry-who{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#111827;flex-wrap:wrap}.kb-mini-avatar.sm{width:24px;height:24px;font-size:10px;border-radius:6px}.kb-label-entry-ts{font-size:11px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.kb-file-card{background:#f0fdf9;border:1px solid #a7f3d0;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:5px}.kb-file-row{display:flex;gap:10px;align-items:flex-start;font-size:13px}.kb-file-key{font-weight:600;color:#0d9488;min-width:70px;flex-shrink:0}.kb-file-val{color:#1e293b;word-break:break-word}.kb-deviation-card{border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.kb-deviation-card.approved{background:#f0fdf4;border:1px solid #86efac}.kb-deviation-card.rejected{background:#fef2f2;border:1px solid #fca5a5}.kb-dev-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-bottom:4px}.kb-deviation-card.approved .kb-dev-header{color:#16a34a}.kb-deviation-card.rejected .kb-dev-header{color:#dc2626}.kb-dev-row{display:flex;gap:10px;align-items:flex-start;font-size:13px}.kb-dev-key{font-weight:600;color:#64748b;min-width:80px;flex-shrink:0}.kb-dev-val{color:#1e293b;word-break:break-word}.kb-dev-val.reason{font-style:italic;color:#374151;line-height:1.5}.kb-comment-card{background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;padding:10px 14px}.kb-comment-ref{font-size:11px;color:#7c3aed;font-weight:600;margin-bottom:5px}.kb-comment-body{font-size:13px;color:#1e293b;line-height:1.6;white-space:pre-wrap;word-break:break-word}.kb-qp-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;background:#8b5cf61f;color:#7c3aed;font-size:10px;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.kb-ai-question-preview{font-size:13px;color:#1e40af;background:#eff6ff;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:8px 12px;margin-bottom:6px;line-height:1.5;word-break:break-word}.kb-expand-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:7px;border:1.5px solid rgba(139,92,246,.3);background:#8b5cf612;color:#7c3aed;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap;margin-top:4px}.kb-expand-btn:hover{background:#8b5cf624;border-color:#8b5cf680}.kb-expand-btn.sm{font-size:11px;padding:3px 8px}.kb-row-ai{background:#8b5cf608}.kb-ai-expand-row td{padding:0!important;background:#faf9ff;border-bottom:2px solid rgba(139,92,246,.1)}.kb-ai-conversation{padding:14px 20px;display:flex;flex-direction:column;gap:10px}.kb-ai-conversation.compact{padding:10px 0;gap:8px}.kb-ai-bubble-user,.kb-ai-bubble-bot{display:flex;align-items:flex-start;gap:10px}.kb-ai-bubble-user svg{color:#2563eb;flex-shrink:0;margin-top:3px}.kb-ai-bubble-bot svg{color:#7c3aed;flex-shrink:0;margin-top:3px}.kb-ai-bubble-body{border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.6;max-width:90%;white-space:pre-wrap;word-break:break-word}.kb-ai-bubble-user .kb-ai-bubble-body{background:#eff6ff;color:#1e40af;border:1px solid rgba(59,130,246,.2)}.kb-ai-bubble-bot .kb-ai-bubble-body{background:#f5f3ff;color:#4c1d95;border:1px solid rgba(139,92,246,.2)}*{margin:0;padding:0;box-sizing:border-box}:root{--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--primary: var(--emerald-600);--primary-foreground: #ffffff;--primary-light: var(--emerald-500);--primary-lighter: var(--emerald-400);--primary-lightest: var(--emerald-100);--primary-dark: var(--emerald-700);--primary-darker: var(--emerald-800);--background: #ffffff;--background-secondary: var(--slate-50);--background-tertiary: var(--emerald-50);--background-muted: var(--slate-100);--background-accent: var(--emerald-100);--background-overlay: rgba(255, 255, 255, .98);--background-glass: rgba(255, 255, 255, .7);--background-dark: var(--slate-900);--text-primary: var(--slate-900);--text-secondary: var(--slate-600);--text-tertiary: var(--slate-500);--text-muted: var(--slate-400);--text-accent: var(--emerald-700);--text-success: var(--emerald-600);--text-white: #ffffff;--text-inverse: var(--slate-50);--border: var(--slate-200);--border-light: var(--slate-100);--border-muted: var(--slate-300);--border-accent: var(--emerald-200);--border-success: var(--emerald-300);--border-focus: var(--emerald-400);--success: var(--emerald-600);--success-light: var(--emerald-100);--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fecaca;--info: #3b82f6;--info-light: #dbeafe;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-emerald-sm: 0 2px 8px -2px rgba(16, 185, 129, .16);--shadow-emerald-md: 0 8px 16px -4px rgba(16, 185, 129, .2);--shadow-emerald-lg: 0 16px 32px -8px rgba(16, 185, 129, .24);--shadow-emerald-glow: 0 0 20px rgba(16, 185, 129, .3);--gradient-primary: linear-gradient(135deg, var(--emerald-600) 0%, var(--emerald-500) 50%, var(--emerald-400) 100%);--gradient-secondary: linear-gradient(135deg, var(--slate-100) 0%, var(--slate-50) 100%);--gradient-hero: linear-gradient(135deg, var(--emerald-600) 0%, var(--emerald-500) 25%, var(--emerald-400) 50%, var(--emerald-300) 75%, var(--emerald-200) 100%);--gradient-text: linear-gradient(135deg, var(--emerald-700) 0%, var(--emerald-600) 30%, var(--emerald-500) 60%, var(--emerald-400) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%);--gradient-overlay: linear-gradient(135deg, rgba(16, 185, 129, .9) 0%, rgba(52, 211, 153, .8) 100%);--gradient-mesh-primary: radial-gradient(circle at 0% 0%, rgba(16, 185, 129, .08) 0%, transparent 40%), radial-gradient(circle at 50% 0%, rgba(52, 211, 153, .06) 0%, transparent 40%), radial-gradient(circle at 100% 0%, rgba(110, 231, 183, .04) 0%, transparent 40%), radial-gradient(circle at 0% 50%, rgba(20, 184, 166, .06) 0%, transparent 40%), radial-gradient(circle at 100% 50%, rgba(16, 185, 129, .04) 0%, transparent 40%), radial-gradient(circle at 0% 100%, rgba(52, 211, 153, .04) 0%, transparent 40%), radial-gradient(circle at 50% 100%, rgba(16, 185, 129, .06) 0%, transparent 40%), radial-gradient(circle at 100% 100%, rgba(110, 231, 183, .08) 0%, transparent 40%);--gradient-mesh-secondary: radial-gradient(circle at 25% 25%, rgba(248, 250, 252, .8) 0%, transparent 30%), radial-gradient(circle at 75% 25%, rgba(236, 253, 245, .6) 0%, transparent 30%), radial-gradient(circle at 25% 75%, rgba(209, 250, 229, .4) 0%, transparent 30%), radial-gradient(circle at 75% 75%, rgba(167, 243, 208, .3) 0%, transparent 30%);--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-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--spacing-px: 1px;--spacing-0\.5: .125rem;--spacing-1: .25rem;--spacing-1\.5: .375rem;--spacing-2: .5rem;--spacing-2\.5: .625rem;--spacing-3: .75rem;--spacing-3\.5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--radius-none: 0px;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;font-feature-settings:"cv02","cv03","cv04","cv11","ss01";background:var(--background);color:var(--text-primary);overflow-x:hidden;font-size:var(--font-size-base);line-height:1.6;font-weight:400;letter-spacing:-.011em;position:relative}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.2}h1{font-weight:800;letter-spacing:-.04em}h2{font-weight:700;letter-spacing:-.03em}h3{font-weight:600;letter-spacing:-.02em}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-mesh-primary);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-mesh-secondary);z-index:-1;pointer-events:none}code{font-family:Fira Code,Cascadia Code,SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:.9em;background:var(--background-muted);padding:.125rem .25rem;border-radius:var(--radius);border:1px solid var(--border-light)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-weight:500;transition:all var(--duration-200) var(--ease-out);border-radius:var(--radius-lg);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button:disabled{pointer-events:none;opacity:.5}.btn-primary{background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:var(--shadow-emerald-sm);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:600}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-emerald-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-emerald-sm)}.btn-secondary{background:var(--background);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:500}.btn-secondary:hover{background:var(--background-secondary);border-color:var(--border-muted);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-ghost:hover{background:var(--background-accent);color:var(--text-accent)}.btn-icon{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-lg);padding:0}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);min-height:var(--spacing-8)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);min-height:var(--spacing-12)}input,textarea,select{font-family:inherit;outline:none;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);background:var(--background);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--duration-200) var(--ease-out);width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--border-focus);outline-offset:-1px;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811a}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:var(--spacing-20);line-height:1.5}select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--spacing-8);-webkit-appearance:none;-moz-appearance:none;appearance:none}a{text-decoration:none;color:inherit;transition:all var(--duration-200) var(--ease-out)}a:hover{color:var(--text-accent)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-6)}@media (min-width: 640px){.container{padding:0 var(--spacing-8)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-12)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.m-4{margin:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-success{color:var(--text-success)}.text-white{color:var(--text-white)}.bg-primary{background-color:var(--primary)}.bg-white{background-color:var(--background)}.bg-muted{background-color:var(--background-muted)}.bg-accent{background-color:var(--background-accent)}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-none{border:none}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-emerald{box-shadow:var(--shadow-emerald-md)}.transition{transition:all var(--duration-200) var(--ease-out)}.animate-fade-in{animation:fade-in var(--duration-300) var(--ease-out)}.animate-slide-up{animation:slide-up var(--duration-500) var(--ease-out)}.animate-bounce-in{animation:bounce-in var(--duration-700) var(--ease-elastic)}.glass{background:var(--background-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.hidden{display:none}@media (min-width: 640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn-primary{background:var(--gradient-primary);color:var(--white);padding:14px 32px;border-radius:12px;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-green)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--white);color:var(--primary-green);border:2px solid var(--primary-green);padding:12px 30px;border-radius:12px;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background-color:var(--bg-green-light);transform:translateY(-2px);box-shadow:var(--shadow)}.card{background:var(--white);border-radius:20px;padding:28px;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--border-green)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.mesh-gradient{background:var(--white);background-image:var(--gradient-mesh)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-green-light);border-radius:10px;border:2px solid var(--bg-light)}::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}::-webkit-scrollbar-track{background:var(--bg-gray)}::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}