:root{--sidebar-bg: #0f172a;--sidebar-fg: #e5e7eb;--sidebar-muted: #9ca3af;--primary: #3b82f6;--primary-600: #2563eb;--badge: #ef4444;--hover: rgba(255, 255, 255, .06);--active: rgba(59, 130, 246, .15);--surface: #ffffff;--bg: #f6f7fb;--text: #0f172a;--muted: #6b7280;--border: #e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);transition:background .2s ease,color .2s ease}body.no-scroll{overflow:hidden}[data-theme=dark]{--sidebar-bg: #0b1020;--sidebar-fg: #e5e7eb;--sidebar-muted: #94a3b8;--primary: #60a5fa;--primary-600: #3b82f6;--badge: #f87171;--hover: rgba(255, 255, 255, .06);--active: rgba(96, 165, 250, .18);--surface: #0f172a;--bg: #0b1020;--text: #e5e7eb;--muted: #94a3b8;--border: #1f2937}.sidebar{width:248px;background:var(--sidebar-bg);color:var(--sidebar-fg);padding:16px 12px}.sidebar.collapsed{width:72px}.sidebar-header{padding:8px 8px 16px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px;display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}.sidebar-header h2{margin:0;font-size:18px;letter-spacing:.3px}.brand{font-weight:700;color:#fff}.user-chip{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:var(--hover);width:100%}.user-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:700;font-size:12px}.user-meta{line-height:1.1}.user-name{color:#fff;font-size:13px;font-weight:600}.user-role{color:var(--sidebar-muted);font-size:12px}.logout-btn{margin-left:auto;background:#ef4444;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.logout-btn:hover{background:#dc2626}.sidebar.collapsed .user-chip{display:none}.brand-short{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:700;font-size:12px}.sidebar.collapsed .brand{display:none}.sidebar-controls{display:flex;align-items:center;gap:6px}.icon-btn{background:transparent;color:var(--sidebar-fg);border:1px solid rgba(255,255,255,.1);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:var(--hover)}.notif-btn{position:relative}.notif-badge{position:absolute;top:-6px;right:-6px;background:var(--badge);color:#fff;border-radius:999px;padding:0 6px;font-size:11px;line-height:18px;height:18px;min-width:18px;display:inline-flex;align-items:center;justify-content:center}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--sidebar-fg);text-decoration:none}.nav-link:hover{background:var(--hover)}.nav-link.active{background:var(--active);color:#fff}.nav-icon svg{width:20px;height:20px}.nav-label{flex:1;font-size:14px}.sidebar.collapsed .nav-label{display:none}.nav-badge{background:var(--badge);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px}.submenu{margin:6px 0 0 12px;padding-left:10px;border-left:1px dashed rgba(255,255,255,.15);display:flex;flex-direction:column}.submenu-link{color:var(--sidebar-muted);text-decoration:none;padding:6px 8px;border-radius:6px;font-size:13px}.submenu-link.active,.submenu-link:hover{color:#fff;background:var(--hover)}.sidebar.collapsed .submenu{display:none}main{background:var(--surface)}input,select,button,textarea{font:inherit}input,select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#fff}button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}button:hover{background:var(--primary-600)}.btn-secondary{background:#e5e7eb;color:#111827}.btn-secondary:hover{background:#d1d5db}table{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}th,td{border-bottom:1px solid var(--border)}thead tr{background:#fafafa}th{font-weight:600;color:#111827;font-size:13px}td{font-size:14px}.muted{color:var(--muted)}.container{max-width:1200px;margin:0 auto;padding:16px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.dash-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 4px 16px #0000000d}.dash-card.clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.dash-card.clickable:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000000f}.dash-card-title{font-size:12px;color:var(--muted)}.dash-card-value{font-size:22px;font-weight:800;margin-top:4px}.dash-card-sub{font-size:12px;color:var(--muted);margin-top:4px}.dash-list{display:grid;gap:8px}.dash-list-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.dash-list-title{font-weight:600}.dash-list-value{font-weight:800}.dash-hero{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:14px;box-shadow:0 8px 28px #0000000f}.dash-hero-left{display:flex;align-items:center;gap:12px}.dash-logo{width:110px;height:auto;display:block}.dash-title{margin:0;font-size:20px;font-weight:800}.dash-sub{margin:2px 0 0;color:var(--muted);font-size:13px}.dash-hero-right .pill{background:#0ea5e9;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.section-title{margin:8px 0;font-size:16px;font-weight:800}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 20px}@media (max-width: 900px){.charts-row{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 6px 20px #0000000d}.chart-card.center{display:flex;align-items:center;justify-content:center;flex-direction:column}.chart-title{font-size:12px;color:var(--muted);margin-bottom:8px}.dialog-form{display:grid;gap:12px}.dialog-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 800px){.dialog-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group textarea{min-height:90px}.form-group label{font-size:14px;color:#111827}.auth-wrapper{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1f2937 60%,#111827)}.auth-card{width:360px;background:#ffffffe0;border-radius:14px;padding:22px;box-shadow:0 20px 60px #00000040;backdrop-filter:saturate(160%) blur(8px);-webkit-backdrop-filter:saturate(160%) blur(8px);border:1px solid rgba(255,255,255,.35)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo-circle{width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:#111827;font-weight:700}.logo-circle img{width:98%;height:98%;object-fit:contain;display:block}.brand-title{font-size:18px;font-weight:700;line-height:1.1}.brand-sub{font-size:12px;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:8px;margin-top:6px}.auth-error{color:#dc2626;font-size:13px}.auth-submit{width:100%;margin-top:4px}.error-page{padding:32px}.error-page h2{margin-top:0}.confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.confirm-card{width:360px;background:#fff;color:#111827;border-radius:12px;padding:16px;box-shadow:0 20px 60px #00000059}.modal-card{width:min(800px,92vw);background:#fff;color:#111827;border-radius:14px;padding:18px;box-shadow:0 24px 70px #00000059}.modal-title{margin:0 0 8px;font-size:20px;font-weight:800}.modal-body{margin-top:6px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}@media (max-width: 900px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:1200;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}main{margin-left:0!important}}.drawer-toggle{position:fixed;top:12px;left:12px;z-index:950;display:none}@media (max-width: 900px){.drawer-toggle{display:inline-flex}}[dir=rtl] .submenu{margin:6px 12px 0 0;padding-right:10px;border-right:1px dashed rgba(255,255,255,.15);border-left:none}[dir=rtl] .drawer-toggle{left:auto;right:12px}[dir=rtl] .nav-badge{direction:ltr}.toast-container{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{min-width:260px;max-width:360px;padding:10px 12px;border-radius:10px;background:#111827;color:#fff;box-shadow:0 10px 30px #0000004d;cursor:pointer}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:#2563eb}