: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}html{scroll-behavior:smooth}: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:12px 8px 16px;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;gap:10px;padding:10px 12px;margin:2px 8px;color:var(--sidebar-text, var(--text-secondary));text-decoration:none;font-weight:500;transition:background-color .15s ease,color .15s ease,border-color .15s ease;border-left:2px solid transparent;border-radius:8px}.nav-item:hover{background-color:var(--sidebar-hover-bg, rgba(2, 132, 199, .05));color:var(--primary)}.nav-item.active{background-color:#0284c717;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));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)}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-account{background:var(--surface);min-width:190px}.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:24px;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:8px;border:1px solid var(--border);box-shadow:0 4px 14px #0f172a0a;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(--border-strong);transform:none;box-shadow:0 4px 14px #0f172a0a}.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:8px;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 14px;height:var(--space-48);border-bottom:1px solid var(--border);white-space:nowrap}.table td,.enterprise-table td{padding:0 14px;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:#0284c70a}.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}}