:root{--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--font-xs: 12px;--font-sm: 13px;--font-base: 14px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 32px;--font-kpi: 36px;--background: #f4f7fb;--topbar-bg: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);--sidebar-bg: #f8fbff;--surface: #ffffff;--surface-elevated: #f8fbff;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-placeholder: #94a3b8;--text-inverse: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--subtle-border: #f1f5f9;--primary: #0ea5e9;--primary-hover: #0284c7;--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .14);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .12);--info: #2563eb;--info-bg: rgba(37, 99, 235, .12);--hover-overlay: rgba(37, 99, 235, .06);--hover-primary: rgba(37, 99, 235, .12);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--sidebar-width: 264px;--topbar-height: 56px;--shadow-sm: 0 6px 20px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .06);--shadow-xl: 0 18px 60px rgba(15, 23, 42, .08);--bg-light: var(--surface-elevated);--border-color: var(--border);--text-dark: var(--text-main);--secondary: var(--text-secondary);--surface-soft: #f3f4f6;--surface-alt: #f1f5f9;--table-header-bg: #f3f4f6;--table-row-alt: #fbfbfc;--table-border: #cbd5e1;--status-info: #2563eb;--status-info-bg: #dbeafe;--status-warning: #d97706;--status-warning-bg: #fef3c7;--status-success: #059669;--status-success-bg: #d1fae5;--status-danger: #dc2626;--status-danger-bg: #fee2e2;--status-muted: #64748b;--status-muted-bg: #e0e7ef;--status-highlight: #7c3aed;--status-highlight-bg: #ede9fe;--status-success-soft: #dcfce7;--status-pink-bg: #fce7f3;--status-yellow-bg: #fef9c3;--card-shadow: 0 10px 25px rgba(15, 23, 42, .05);--max-content-width: 1700px}html[data-theme=dark]{--background: #071018;--topbar-bg: linear-gradient(135deg, #071218 0%, #0c1a26 100%);--sidebar-bg: #0b1622;--surface: #0c1624;--surface-elevated: #0f2130;--text-main: #eef2f6;--text-secondary: #c5cbd1;--text-muted: #9aa3ad;--text-placeholder: #7b8792;--text-inverse: #020617;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--subtle-border: rgba(255, 255, 255, .03);--hover-overlay: rgba(255, 255, 255, .03);--hover-primary: rgba(15, 123, 255, .12);--bg-pattern: radial-gradient(circle at 10% 20%, rgba(255,255,255,.02) 0%, transparent 20%), linear-gradient(180deg, rgba(255,255,255,.02) 0%, transparent 100%)}html[data-theme=industrial]{--background: #f3f4f6;--topbar-bg: linear-gradient(135deg, #f9fafb 0%, #eef2f7 100%);--sidebar-bg: #f8fafc;--surface: #ffffff;--surface-elevated: #f3f4f6;--primary: #4b5563;--primary-hover: #374151;--accent: #f59e0b;--accent-soft: rgba(245, 158, 11, .14)}html[data-theme=red]{--background: #fcf5f5;--topbar-bg: linear-gradient(135deg, #ffffff 0%, #fef2f2 100%);--sidebar-bg: #fff7f7;--surface: #ffffff;--surface-elevated: #fef2f2;--primary: #dc2626;--primary-hover: #b91c1c;--accent: #ef4444;--accent-soft: rgba(239, 68, 68, .14)}html[data-theme=beige]{--background: #F0EBE1;--topbar-bg: #2B2B2B;--topbar-text: #FFFFFF;--sidebar-bg: #2B2B2B;--sidebar-text: #E2E8F0;--sidebar-text-muted: #94A3B8;--sidebar-text-active: #FFFFFF;--sidebar-border: rgba(255, 255, 255, .05);--topbar-border: rgba(255, 255, 255, .05);--sidebar-hover-bg: rgba(255, 255, 255, .05);--surface: #FCFAF8;--surface-elevated: #FDFDFD;--table-header-bg: #F4EFE6;--table-row-alt: #F8F5F0;--table-border: #E8E2D9;--text-main: #2A2A2A;--text-secondary: #5A5A5A;--text-muted: #8A8A8A;--border: #E8E3DD;--border-strong: #D8D1C7;--primary: #0099A8;--primary-hover: #007A86;--accent: #E5007D;--accent-soft: rgba(229, 0, 125, .08);--hover-overlay: rgba(0, 153, 168, .05);--hover-primary: rgba(0, 153, 168, .12);--bg-pattern: none;--landing-bg: #F8F6F3;--landing-text: #2A2A2A;--landing-text-muted: #5A5A5A;--landing-hover: #FFFFFF;--landing-active: #FDFBF8;--border-light: #E8E3DD}html[data-theme=beige-teal]{--background: #EADECF;--topbar-bg: #FFFFFF;--sidebar-bg: #FFFFFF;--surface: #FFFFFF;--surface-elevated: #F6F1EA;--text-main: #0B1320;--text-secondary: #5B5249;--text-muted: #7F776E;--border: #E6DFD4;--border-strong: #D6CFC4;--primary: #0FB3A0;--primary-hover: #0b998a;--accent: #BFAF96;--accent-soft: rgba(20, 184, 166, .08);--hover-overlay: rgba(11, 19, 32, .025);--hover-primary: rgba(15, 179, 160, .12);--bg-pattern: radial-gradient(circle at 20% 60%, rgba(15,179,160,.04) 0%, transparent 35%), radial-gradient(circle at 80% 30%, rgba(191,175,138,.03) 0%, transparent 30%), linear-gradient(180deg, rgba(255,255,255,.6) 0%, transparent 100%);--landing-bg: #F7F3EE;--landing-text: #0B1320;--landing-text-muted: #5B5249;--landing-hover: #FFFFFF;--landing-active: #FBF8F5;--border-light: #E6DFD4}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-pattern: radial-gradient(circle at 15% 50%, var(--accent-soft) 0%, transparent 42%), radial-gradient(circle at 85% 30%, rgba(37, 99, 235, .08) 0%, transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, .26) 0%, transparent 100%)}body{font-family:Outfit,Segoe UI,-apple-system,BlinkMacSystemFont,Inter,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background);background-image:var(--bg-pattern);background-attachment:fixed;color:var(--text-main);font-size:var(--font-base);line-height:1.5;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease}.app-container{display:flex;height:100vh;overflow:hidden;background-color:var(--background)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border, var(--border));display:flex;flex-direction:column;z-index:10;position:relative}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--space-16);border-bottom:1px solid var(--border);background:var(--sidebar-bg);flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-8) 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.nav-section-label{display:block;padding:var(--space-24) var(--space-16) var(--space-8);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-placeholder);pointer-events:none}.nav-item{display:flex;align-items:center;padding:12px var(--space-24);color:var(--sidebar-text, var(--text-secondary));text-decoration:none;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.nav-item:hover{background-color:var(--sidebar-hover-bg, var(--hover-overlay));color:var(--primary)}.nav-item.active{background-color:var(--hover-primary);color:var(--sidebar-text-active, var(--text-main));border-left-color:var(--primary);font-weight:600}.nav-icon{width:18px;height:18px;flex-shrink:0;color:currentColor}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{width:100%;height:var(--topbar-height);background:var(--topbar-bg);color:var(--topbar-text, var(--text-main));border-bottom:1px solid var(--topbar-border, var(--border));box-shadow:0 10px 30px #0f172a0d;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-24);z-index:100;position:relative;flex-shrink:0}.topbar-logo{display:flex;align-items:center;gap:var(--space-12)}.brand-logo{width:32px;height:32px;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-main);font-weight:800}.brand-text{display:flex;flex-direction:column;color:var(--text-main);line-height:1.15}.brand-text div{font-size:var(--font-md);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.brand-text small{font-size:var(--font-xs);color:var(--text-muted);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.page-container{width:100%;max-width:var(--max-content-width);flex:1;overflow-y:auto;padding:var(--space-32) var(--space-24);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.card,.card-kpi,.enterprise-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-elevated) 100%);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 10px 30px #0f172a0f;padding:22px;margin-bottom:var(--space-16);position:relative;overflow:hidden;transition:border-color .15s ease,transform .18s ease,box-shadow .18s ease}.card:hover,.card-kpi:hover,.enterprise-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 16px 40px #00000014}.card-kpi{display:flex;flex-direction:column;justify-content:center}.kpi-title,.card-kpi .section-title{font-size:var(--font-sm);text-transform:uppercase;color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-8);letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-8)}.kpi-value,.card-kpi h3,.card-kpi .metric-value,.count-value,.kpi-val,.budget-val,.stats-value{font-size:var(--font-kpi);font-weight:700;color:var(--text-main);line-height:1;margin:0;margin-bottom:var(--space-8)}.kpi-description,.card-kpi p{font-size:var(--font-xs);color:var(--text-muted);margin:0}.card-kpi-icon{position:absolute;top:22px;right:22px;color:var(--text-muted);opacity:.5}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-24);padding-bottom:var(--space-16);border-bottom:1px solid var(--border)}.page-title{font-size:var(--font-2xl);font-weight:700;color:var(--text-main);letter-spacing:-.01em;margin:0}.page-subtitle{font-size:var(--font-base);color:var(--text-muted);margin:var(--space-8) 0 0;font-weight:400}.section-title,.enterprise-title{font-size:var(--font-xl);font-weight:700;color:var(--text-main);margin:0 0 var(--space-16);display:flex;align-items:center;gap:var(--space-8)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid transparent}.badge.success{background:var(--success-bg);color:var(--success);border-color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.badge.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.badge.info{background:var(--info-bg);color:var(--info);border-color:var(--info)}.badge.neutral{background:var(--hover-overlay);color:var(--text-secondary);border-color:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px var(--space-16);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-sm);gap:var(--space-8);border:1px solid transparent;cursor:pointer;box-shadow:none;line-height:1.5;white-space:nowrap;letter-spacing:.02em;height:36px}.btn-sm{padding:4px var(--space-12);font-size:var(--font-xs);height:28px}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-outline,.btn-secondary{border:1px solid var(--border);color:var(--text-main);background:transparent}.btn-outline:hover,.btn-secondary:hover{background:var(--hover-overlay);border-color:var(--border-strong)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.table-container,.enterprise-table-container{width:100%;overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface)}.table,.enterprise-table{width:100%;border-collapse:collapse;text-align:left}.table th,.enterprise-table th{position:sticky;top:0;background:var(--table-header-bg);z-index:2;font-size:var(--font-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-16);height:var(--space-48);border-bottom:1px solid var(--border);white-space:nowrap}.table td,.enterprise-table td{padding:0 var(--space-16);height:var(--space-48);border-bottom:1px solid var(--border);color:var(--text-main);font-size:var(--font-base);vertical-align:middle}.table tbody tr,.enterprise-table tbody tr{background:transparent;transition:background-color .15s ease}.table tbody tr:hover,.enterprise-table tbody tr:hover{background-color:var(--hover-overlay)}.table tbody tr:last-child td,.enterprise-table tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:var(--space-16)}.form-label{display:block;font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-8);letter-spacing:.02em}.form-control{width:100%;padding:0 var(--space-12);height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--text-main);background:transparent;transition:border-color .15s ease;font-family:inherit;box-shadow:none;outline:none}.form-control:focus{border-color:var(--primary)}.form-control::placeholder{color:var(--text-placeholder)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-24);animation:none}.modal-content{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0003;animation:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--border);background:transparent}.modal-header h2{margin:0;font-size:var(--font-xl);font-weight:700;color:var(--text-main)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);background:transparent;border-radius:var(--radius-sm)}.close-btn:hover{background:var(--hover-overlay);color:var(--text-main)}.modal-body{padding:var(--space-24);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-16);padding:var(--space-16) var(--space-24);border-top:1px solid var(--border)}.text-main{color:var(--text-main)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-primary{color:var(--primary)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.uppercase{text-transform:uppercase}.user-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--hover-overlay);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-sm);border:1px solid var(--border)}.notification-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:var(--radius-sm);background-color:var(--danger);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.welcome-banner{border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-16) var(--space-24);margin-bottom:var(--space-24);display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.welcome-banner h1{font-size:var(--font-xl);color:var(--text-main);font-weight:700;margin-bottom:var(--space-8)}.welcome-banner p{font-size:var(--font-sm);color:var(--text-secondary)}.enterprise-grid{display:grid;grid-template-columns:1fr;gap:var(--space-24)}.enterprise-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-24)}.enterprise-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-24)}@media(max-width:1280px){.enterprise-grid-4{grid-template-columns:repeat(2,1fr)}.enterprise-grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.enterprise-grid-4,.enterprise-grid-6{grid-template-columns:1fr}}@keyframes aiGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes neuralGlow{0%{box-shadow:0 0 10px #0ea5e94d,inset 0 0 10px #8b5cf61a}50%{box-shadow:0 0 30px #0ea5e980,inset 0 0 20px #8b5cf633}to{box-shadow:0 0 10px #0ea5e94d,inset 0 0 10px #8b5cf61a}}@keyframes aiFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#8b5cf6,#06b6d4);background-size:200% 200%;position:relative;overflow:hidden;letter-spacing:.05em;font-weight:700;box-shadow:0 4px 15px #0ea5e940;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover{animation:aiGradientShift 3s ease infinite;transform:translateY(-3px);box-shadow:0 12px 30px #0ea5e966}.btn-primary:active{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e94d}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease;z-index:1}.btn-primary:hover:before{left:100%}.btn-secondary,.btn-outline{border:2px solid var(--primary);background:transparent;color:var(--primary);transition:all .25s ease;position:relative}.btn-secondary:hover,.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e94d}.card,.panel,.surface,[class*=panel],[class*=card]{-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);background:#fffc;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0ea5e91a;transition:all .3s ease}.card:hover,.panel:hover{box-shadow:0 12px 40px #0ea5e926;transform:translateY(-2px)}html[data-theme=dark] .card,html[data-theme=dark] .panel,html[data-theme=dark] .surface{-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);background:#0f172ad9;border:1px solid rgba(14,165,233,.2);box-shadow:0 8px 32px #0ea5e90d}html[data-theme=dark] .card:hover,html[data-theme=dark] .panel:hover{box-shadow:0 12px 40px #0ea5e91a}.badge{position:relative;animation:neuralGlow 4s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid currentColor;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.badge.success{background:#10b98126;color:#10b981}.badge.warning{background:#f59e0b26;color:#f59e0b}.badge.danger{background:#ef444426;color:#ef4444}.badge.info{background:#0ea5e926;color:#0ea5e9}.app-container{position:relative;overflow:hidden}.app-container:before{content:"";position:fixed;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none;animation:aiFloat 20s ease-in-out infinite;z-index:-1}html[data-theme=dark] .app-container:before{background:radial-gradient(circle at 20% 80%,rgba(14,165,233,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.12) 0%,transparent 50%)}.page-title,.section-title,.enterprise-title{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.02em;animation:aiFloat 6s ease-in-out infinite}html[data-theme=dark] .page-title,html[data-theme=dark] .section-title,html[data-theme=dark] .enterprise-title{color:var(--text-main);-webkit-text-fill-color:unset;background:unset;background-clip:unset}[class*=modal-backdrop],[class*=overlay],[class*=dialog]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;animation:fadeIn .2s ease-out}.modal-content,[class*=modal-box]{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffffe6;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 60px #0ea5e933;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}html[data-theme=dark] .modal-content,html[data-theme=dark] [class*=modal-box]{background:#0f172af2;border:1px solid rgba(14,165,233,.3);box-shadow:0 20px 60px #0ea5e926}input,textarea,select{border:2px solid var(--border);background:#ffffffe6;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0ea5e91a;background:#fff}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#0f172acc;border-color:#0ea5e933}html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{background:#0f172a;border-color:var(--primary);box-shadow:0 0 0 3px #0ea5e926}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}button,a,[role=button]{position:relative;transition:all .2s cubic-bezier(.34,1.56,.64,1)}button:active,a:active,[role=button]:active{transform:scale(.98)}html{scroll-behavior:smooth}::selection{background:linear-gradient(135deg,#0ea5e94d,#8b5cf64d);color:inherit}