:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-main: #0f172a;--bg-sidebar: #1e293b;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--accent: #10b981;--warning: #f59e0b;--danger: #ef4444;--glass: rgba(255, 255, 255, .03);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:var(--bg-main);color:var(--text-main);overflow:hidden}.dashboard-container{display:flex;height:100vh;width:100vw}.sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px;transition:width .3s ease}.logo-container{display:flex;align-items:center;gap:12px;margin-bottom:40px}.logo-box{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:20px}.nav-links{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover,.nav-item.active{background:var(--glass);color:var(--text-main)}.nav-item.active{background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}.main-content{flex:1;padding:32px;overflow-y:auto;position:relative}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.user-profile{display:flex;align-items:center;gap:12px;background:var(--glass);padding:8px 16px;border-radius:100px;border:1px solid var(--border)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);display:grid;place-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);padding:24px;border-radius:var(--radius);transition:transform .2s}.card:hover{transform:translateY(-5px);border-color:#6366f14d}.card-title{color:var(--text-muted);font-size:14px;margin-bottom:12px;font-weight:500}.card-value{font-size:28px;font-weight:700;display:flex;align-items:flex-end;gap:8px}.card-trend{font-size:13px;padding:2px 8px;border-radius:50px;background:#10b9811a;color:var(--accent)}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse}th{text-align:left;padding:16px 24px;color:var(--text-muted);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.05em}td{padding:16px 24px;border-bottom:1px solid var(--border);font-size:14px}tr:last-child td{border-bottom:none}.status-badge{padding:4px 12px;border-radius:50px;font-size:12px;font-weight:500}.status-completed{background:#10b9811a;color:#10b981}.status-approved{background:#6366f11a;color:#6366f1}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-failed,.status-rejected{background:#ef44441a;color:#ef4444}.glass-card{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}