@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-bg: #f5f6f8;--color-bg-elevated: #ffffff;--color-bg-hover: #eef0f3;--color-text: #1a1d23;--color-text-muted: #5b6270;--color-border: #dde1e7;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-text: #ffffff;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-success: #16a34a;--color-success-bg: #f0fdf4;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--radius: 8px;--radius-sm: 6px;--sidebar-width: 220px;--font-display: "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--accent-blue: #2563eb;--accent-blue-bg: linear-gradient(135deg, #eff6ff, #e0ecff);--accent-violet: #7c3aed;--accent-violet-bg: linear-gradient(135deg, #f5f3ff, #ece3ff);--accent-amber: #d97706;--accent-amber-bg: linear-gradient(135deg, #fffbeb, #ffefc7);--accent-emerald: #059669;--accent-emerald-bg: linear-gradient(135deg, #ecfdf5, #d7f9e9);--accent-rose: #e11d48;--accent-rose-bg: linear-gradient(135deg, #fff1f2, #ffe1e5)}:root[data-theme=dark]{--color-bg: #14161a;--color-bg-elevated: #1e2127;--color-bg-hover: #262a32;--color-text: #e7e9ee;--color-text-muted: #9aa1af;--color-border: #2d313a;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-text: #0b1020;--color-danger: #f87171;--color-danger-bg: #2a1414;--color-warning: #fbbf24;--color-warning-bg: #2a2114;--color-success: #4ade80;--color-success-bg: #12261a;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--accent-blue: #60a5fa;--accent-blue-bg: linear-gradient(135deg, #172236, #1a2a45);--accent-violet: #a78bfa;--accent-violet-bg: linear-gradient(135deg, #1f1a33, #2a2145);--accent-amber: #fbbf24;--accent-amber-bg: linear-gradient(135deg, #241d10, #332812);--accent-emerald: #4ade80;--accent-emerald-bg: linear-gradient(135deg, #0f1f18, #12291d);--accent-rose: #fb7185;--accent-rose-bg: linear-gradient(135deg, #24141a, #331821)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow-x:hidden;font-family:var(--font-display);background:var(--color-bg);color:var(--color-text);transition:background-color .15s ease,color .15s ease}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}a{color:var(--color-primary)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-bg-elevated);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);transition:transform .2s ease;z-index:40}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:39}@media (min-width: 901px){.sidebar-backdrop{display:none}}.sidebar-brand{padding:18px 16px;font-family:var(--font-display);font-weight:800;font-size:1.1rem;letter-spacing:-.01em;overflow-wrap:anywhere;border-bottom:1px solid var(--color-border);background:linear-gradient(120deg,var(--color-primary),var(--accent-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1}.nav-links a{display:block;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;font-size:.92rem;margin-bottom:2px}.nav-links a:hover{background:var(--color-bg-hover)}.nav-links a.active{background:var(--color-primary);color:var(--color-primary-text)}.main-area{margin-left:0;flex:1;min-width:0;display:flex;flex-direction:column;transition:margin-left .2s ease}.sidebar.open~.main-area{margin-left:var(--sidebar-width)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}.menu-toggle{display:inline-flex;flex-shrink:0}.topbar-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (max-width: 480px){.topbar-user{display:none}}.page-content{padding:20px;max-width:1200px;width:100%;margin:0 auto}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;font-size:.9rem}.btn:hover{background:var(--color-bg-hover)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer}.icon-btn:hover{background:var(--color-bg-hover)}.form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-field label{font-size:.82rem;color:var(--color-text-muted)}.form-field input,.form-field select,.form-field textarea{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:560px}thead th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:10px 14px;background:var(--color-bg);border-bottom:1px solid var(--color-border);white-space:nowrap}tbody td{padding:10px 14px;border-bottom:1px solid var(--color-border);font-size:.9rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-bg-hover)}.error-banner{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:14px;font-size:.88rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--color-bg-elevated);border-radius:var(--radius);border:1px solid var(--color-border);padding:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}.page-header h1{font-size:1.5rem;margin:0;background:linear-gradient(120deg,var(--color-text) 40%,var(--color-primary));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat-tile{border:none;display:flex;align-items:center;gap:14px}.stat-tile .stat-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.stat-tile .stat-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.stat-tile .stat-value{font-family:var(--font-display);font-size:1.7rem;font-weight:800;margin-top:2px;letter-spacing:-.01em}.stat-tile--blue{background:var(--accent-blue-bg)}.stat-tile--blue .stat-icon{background:color-mix(in srgb,var(--accent-blue) 18%,transparent);color:var(--accent-blue)}.stat-tile--blue .stat-value{color:var(--accent-blue)}.stat-tile--violet{background:var(--accent-violet-bg)}.stat-tile--violet .stat-icon{background:color-mix(in srgb,var(--accent-violet) 18%,transparent);color:var(--accent-violet)}.stat-tile--violet .stat-value{color:var(--accent-violet)}.stat-tile--amber{background:var(--accent-amber-bg)}.stat-tile--amber .stat-icon{background:color-mix(in srgb,var(--accent-amber) 18%,transparent);color:var(--accent-amber)}.stat-tile--amber .stat-value{color:var(--accent-amber)}.stat-tile--emerald{background:var(--accent-emerald-bg)}.stat-tile--emerald .stat-icon{background:color-mix(in srgb,var(--accent-emerald) 18%,transparent);color:var(--accent-emerald)}.stat-tile--emerald .stat-value{color:var(--accent-emerald)}@media (max-width: 900px){.sidebar.open{box-shadow:var(--shadow)}.sidebar.open~.main-area{margin-left:0}}@media (max-width: 560px){.page-content{padding:14px}.topbar{padding:10px 14px}}