:root{--cloud-dancer: #F8EFED;--primary-teal: #226C6E;--primary-blue: #0B4F6C;--accent-red: #F24638;--accent-yellow: #FADF63;--action-accent: #E2714D;--auction-accent: #8A6DE9;--bg: #f5f5f5;--card-bg: #ffffff;--card-border: #eee;--text: #1a1a2e;--text-secondary: #6b7280;--text-muted: #888;--text-dim: #999;--text-body: #555;--text-dark: #333;--border: #e5e7eb;--border-light: #f0f0f0;--input-border: #ddd;--input-bg: #ffffff;--code-bg: #f8f9fa;--table-header-bg: #f8f9fa;--table-hover: #fafafa;--success: #10b981;--success-bg: #d1fae5;--success-text: #065f46;--warning: #f59e0b;--warning-bg: #FFF8E1;--warning-text: #795548;--danger: #ef4444;--sidebar-bg: var(--primary-blue);--sidebar-text: rgba(255,255,255,.7);--sidebar-divider: rgba(255,255,255,.1);--overlay-shadow: rgba(0,0,0,.08);--hover-shadow: rgba(34,108,110,.15)}[data-theme=dark]{--cloud-dancer: #1e2a3a;--bg: #0f1923;--card-bg: #162231;--card-border: #1e3044;--text: #e2e8f0;--text-secondary: #8899aa;--text-muted: #6b7f8e;--text-dim: #5a6d7c;--text-body: #a0b0c0;--text-dark: #d0dae4;--border: #1e3044;--border-light: #1a2b3c;--input-border: #2a3f52;--input-bg: #1a2b3c;--code-bg: #1a2b3c;--table-header-bg: #1a2b3c;--table-hover: #1e3044;--success-bg: #0d3326;--success-text: #6ee7b7;--warning-bg: #3b2f10;--warning-text: #fcd34d;--sidebar-bg: #0a1520;--sidebar-text: rgba(255,255,255,.6);--sidebar-divider: rgba(255,255,255,.08);--overlay-shadow: rgba(0,0,0,.3);--hover-shadow: rgba(34,108,110,.25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--sidebar-bg);color:#fff;padding:24px 0;display:flex;flex-direction:column}.sidebar-logo{padding:0 24px 24px;font-size:18px;font-weight:700;border-bottom:1px solid var(--sidebar-divider);margin-bottom:16px}.sidebar-logo span{color:var(--accent-yellow)}.sidebar nav{flex:1}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--sidebar-text);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff1a;color:#fff}.sidebar nav a.active{border-left:3px solid var(--accent-yellow)}.main-content{flex:1;padding:24px 32px;overflow-y:auto}.page-title{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--primary-blue)}[data-theme=dark] .page-title{color:var(--text)}.card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px var(--overlay-shadow);border:1px solid var(--card-border)}.card label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.card select{width:100%;margin-top:0;padding:8px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--input-bg);color:var(--text);cursor:pointer}.card select:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 2px #226c6e33}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px var(--overlay-shadow);border:1px solid var(--card-border)}.stat-card .label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:700;color:var(--primary-teal)}.stat-card .value.danger{color:var(--accent-red)}.stat-card .value.warning{color:var(--warning)}.stat-card .value.success{color:var(--success)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.chart-card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px var(--overlay-shadow);border:1px solid var(--card-border)}.chart-card h3{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text)}.data-table{width:100%;background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px var(--overlay-shadow);border:1px solid var(--card-border)}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:var(--table-header-bg);padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px}.data-table tr:hover td{background:var(--table-hover)}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.approved{background:var(--success-bg);color:var(--success-text)}.badge.rejected{background:#fee2e2;color:#991b1b}.badge.review{background:#fef3c7;color:#92400e}.badge.priority-1{background:#fee2e2;color:#991b1b}.badge.priority-2{background:#fef3c7;color:#92400e}.badge.priority-3{background:#dbeafe;color:#1e40af}[data-theme=dark] .badge.rejected{background:#3b1515;color:#fca5a5}[data-theme=dark] .badge.review{background:#3b2f10;color:#fcd34d}[data-theme=dark] .badge.priority-1{background:#3b1515;color:#fca5a5}[data-theme=dark] .badge.priority-2{background:#3b2f10;color:#fcd34d}[data-theme=dark] .badge.priority-3{background:#152040;color:#93c5fd}.risk-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.risk-bar-fill{height:100%;border-radius:4px;transition:width .3s}.risk-bar-fill.low{background:var(--success)}.risk-bar-fill.medium{background:var(--warning)}.risk-bar-fill.high{background:var(--accent-red)}.btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-approve{background:var(--success);color:#fff}.btn-approve:hover{background:#059669}.btn-reject{background:var(--accent-red);color:#fff}.btn-reject:hover{background:#dc2626}.btn-info{background:var(--primary-teal);color:#fff}.btn-info:hover{background:#1a5a5c}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--input-border)}.btn-group{display:flex;gap:8px}.filters-bar{display:flex;gap:12px;margin-bottom:16px;align-items:center}.filters-bar select,.filters-bar input{padding:8px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text)}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.detail-section{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px var(--overlay-shadow);border:1px solid var(--card-border);margin-bottom:16px}.detail-section h3{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--primary-blue)}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:14px}.detail-value{font-weight:500;font-size:14px}.settings-form{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--overlay-shadow);max-width:600px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text)}.form-group input:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #226c6e1a}.form-error{color:var(--accent-red);font-size:12px;margin-top:4px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:16px}.pagination button{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--card-bg);color:var(--text);cursor:pointer;font-size:14px}.pagination button.active{background:var(--primary-teal);color:#fff;border-color:var(--primary-teal)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}.theme-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-toggle-track{width:36px;height:20px;background:#ffffff26;border-radius:10px;position:relative;transition:background .2s}.theme-toggle-track.active{background:var(--accent-yellow)}.theme-toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.theme-toggle-track.active .theme-toggle-thumb{transform:translate(16px)}