:root,.theme-dark{--primary-color: #0b0b0b;--accent-color: #FBB20C;--accent-color-strong: #D99906;--accent-color-soft: rgba(251, 178, 12, .15);--text-primary: #F5F5F5;--text-secondary: rgba(245, 245, 245, .7);--text-light: rgba(245, 245, 245, .5);--background-primary: #1F1F1F;--background-secondary: rgba(255, 255, 255, .04);--background-tertiary: #121212;--surface-elevated: #262626;--surface-overlay: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .12);--border-light: rgba(255, 255, 255, .06);--shadow-light: rgba(0, 0, 0, .4);--shadow-medium: rgba(0, 0, 0, .6);--shadow-accent: rgba(251, 178, 12, .35)}.theme-light{--primary-color: #000000;--accent-color: #FBB20C;--accent-color-strong: #D99906;--accent-color-soft: rgba(251, 178, 12, .12);--text-primary: #1F2937;--text-secondary: #4B5563;--text-light: #94A3B8;--background-primary: #ffffff;--background-secondary: #f3f4f6;--background-tertiary: #f1f2f7;--surface-elevated: #ffffff;--surface-overlay: rgba(15, 23, 42, .04);--border-color: rgba(15, 23, 42, .12);--border-light: rgba(15, 23, 42, .08);--shadow-light: rgba(15, 15, 15, .08);--shadow-medium: rgba(15, 15, 15, .14);--shadow-accent: rgba(251, 178, 12, .25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-tertiary);color:var(--text-primary)}body.theme-light{background-color:var(--background-tertiary);color:var(--text-primary)}.app-container{min-height:100vh}.loading-state .loading-content,.loading-overlay .loading-content{text-align:center;max-width:500px;width:100%}.loading-state .loading-content .loading-spinner,.loading-overlay .loading-content .loading-spinner{width:52px;height:52px;border-radius:50%;border:4px solid var(--accent-color-soft);border-top-color:var(--accent-color);margin:0 auto 20px;animation:spin 1s linear infinite}.loading-state .loading-content .loading-spinner svg,.loading-overlay .loading-content .loading-spinner svg{width:100%;height:100%;color:var(--accent-color);animation:spin 1s linear infinite}.loading-state .loading-content h2,.loading-state .loading-content h3,.loading-overlay .loading-content h2,.loading-overlay .loading-content h3{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--text-primary)}.loading-state .loading-content p,.loading-overlay .loading-content p{margin:0;color:var(--text-secondary);font-size:13px}.loading-state .loading-content .progress-bar-container,.loading-overlay .loading-content .progress-bar-container{width:100%;height:6px;background:var(--accent-color-soft);border-radius:999px;overflow:hidden;margin-top:18px}.loading-state .loading-content .progress-bar-container .progress-bar,.loading-overlay .loading-content .progress-bar-container .progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-color-strong) 100%);border-radius:999px;transition:width .3s ease;position:relative}.loading-state .loading-content .progress-bar-container .progress-bar:after,.loading-overlay .loading-content .progress-bar-container .progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.btn-primary{background:var(--accent-color)!important;color:var(--primary-color)!important;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--accent-color-strong)!important;color:var(--primary-color)!important;transform:translateY(-2px);box-shadow:0 10px 20px var(--shadow-accent)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary svg{width:18px;height:18px;color:var(--primary-color)!important}.btn-primary:hover:not(:disabled) svg{color:var(--primary-color)!important}.btn-secondary{background:var(--background-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-secondary:hover{background:#ffffff14!important;border-color:#ffffff29;transform:translateY(-2px)}.btn-secondary svg{width:16px;height:16px;color:var(--text-primary)!important}.btn-secondary .filter-badge{background:var(--accent-color);color:var(--primary-color);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-left:8px}.link-primary{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .2s ease}.link-primary:hover{color:var(--accent-color-strong)}.form-input{width:100%;padding:16px 20px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .2s ease;box-sizing:border-box;background:#ffffff08}.form-input:focus{outline:none;border-color:var(--accent-color);background:#ffffff0f;box-shadow:0 0 0 3px #fbb20c26}.form-input::placeholder{color:var(--text-light)}.form-input:hover{border-color:#ffffff2e;background:#ffffff0d}.card{background:var(--background-primary);border-radius:18px;box-shadow:0 18px 36px #00000059;border:1px solid var(--border-light);padding:24px}body .surface-card,body .metric-card,body .summary-card,body .stat-card,body .analytics-card,body .invoice-card,body .expense-item,body .table-surface,body .table-container,body .table-elevated,body .panel-elevated,body .hero-section,body .section-card,body .modal-content,body .list-card{background:var(--surface-elevated);border:1px solid var(--border-light);box-shadow:0 22px 40px #00000052;color:var(--text-primary)}body table{width:100%;border-collapse:collapse;background:transparent;color:var(--text-primary)}body th{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--text-secondary)}body td{color:var(--text-primary)}body tbody tr{border-bottom:1px solid rgba(255,255,255,.08)}body tbody tr:hover{background:#fbb20c14}body.theme-light h1,body.theme-light h2,body.theme-light h3,body.theme-light h4,body.theme-light h5,body.theme-light h6,body.theme-light .headline,body.theme-light .display,body.theme-light .metric-value,body.theme-light .summary-value,body.theme-light .stat-number,body.theme-light .kpi-value,body.theme-light .amount,body.theme-light .invoice-number,body.theme-light .detail-title{color:#1f2937!important}body.theme-light p,body.theme-light small,body.theme-light label,body.theme-light .subtitle,body.theme-light .meta,body.theme-light .supporting-text,body.theme-light .table-subtitle,body.theme-light .detail-subtitle,body.theme-light .amount-label,body.theme-light .count-label,body.theme-light .helper-text,body.theme-light .description{color:#4b5563!important}body.theme-light .btn-secondary{color:#1f2937!important;border-color:#0f172a24!important;background:#fff!important;box-shadow:0 6px 16px #0f172a14}body.theme-light .btn-secondary:hover{border-color:#0f172a33!important;background:#fffffff2!important;box-shadow:0 10px 24px #0f172a1f}body.theme-light .btn-primary{color:#1f1f1f!important}body.theme-light .status-badge{color:#1f2937}body.theme-light .status-badge.active{background:#22c55e26;color:#15803d}body.theme-light .status-badge.pending{background:#fbbf2433;color:#b45309}body.theme-light .status-badge.inactive{background:#ef444433;color:#b91c1c}body.theme-light .priority-badge.badge-urgent,body.theme-light .priority-badge.badge-high,body.theme-light .priority-badge.badge-medium,body.theme-light .priority-badge.badge-low{color:#1f2937;border:1px solid rgba(15,23,42,.12);background:#0f172a0f}.swal2-container .system-progress-wrapper{margin-top:18px;text-align:center;width:100%}.swal2-container .system-progress-track{width:100%;max-width:360px;height:10px;margin:0 auto;border-radius:999px;background:#fbb20c2e;overflow:hidden;box-shadow:inset 0 0 6px #0000001f}.swal2-container .system-progress-fill{width:0;height:100%;background:linear-gradient(90deg,#fbb20c,#ffd46a,#fbb20c);box-shadow:0 6px 14px #fbb20c73;border-radius:999px;transition:width .45s ease}.swal2-container .system-progress-text{margin-top:12px;font-size:14px;color:var(--text-secondary)}body input:not([type=checkbox]):not([type=radio]),body select,body textarea,body .form-input{border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text-primary);border-radius:10px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}body input:not([type=checkbox]):not([type=radio]):focus,body select:focus,body textarea:focus,body .form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #fbb20c33;background:#ffffff14}body input::placeholder,body select::placeholder,body textarea::placeholder,body .form-input::placeholder{color:#f5f5f573}body h1,body h2,body h3,body h4,body h5,body h6,.headline,.display,.metric-value,.summary-value,.stat-number,.kpi-value,.amount,.invoice-number,.detail-title{color:var(--text-primary)}body p,body small,body label,.subtitle,.meta,.supporting-text,.table-subtitle,.detail-subtitle,.amount-label,.count-label,.helper-text,.description{color:var(--text-secondary)}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#22c55e2e;color:#34d399}.status-badge.pending{background:#fbbf242e;color:#fbbf24}.status-badge.inactive{background:#ef44442e;color:#f87171}.swal2-confirm,.swal2-confirm:hover{color:#000!important}.swal2-popup .swal2-confirm[style*="rgb(220, 53, 69)"],.swal2-popup .swal2-confirm[style*="#dc3545"],.swal2-popup .swal2-confirm[style*="rgb(220, 53, 69)"]:hover,.swal2-popup .swal2-confirm[style*="#dc3545"]:hover{color:#fff!important}