*,*:before,*:after{box-sizing:border-box}:root[data-theme=dark]{--bg: #0f172a;--text: #e5e7eb;--muted: #94a3b8;--sidebar-bg: linear-gradient(180deg, #020617, #1e293b);--sidebar-border: rgba(148, 163, 184, .3);--nav-link: #cbd5f5;--nav-link-hover-bg: rgba(148, 163, 184, .18);--nav-link-hover-text: #f9fafb;--card-bg: radial-gradient(circle at top left, #1d2538, #020617);--card-border: rgba(148, 163, 184, .3);--input-bg: rgba(15, 23, 42, .8);--input-border: rgba(148, 163, 184, .5);--button-gradient: linear-gradient(135deg, #0ea5e9, #22c55e);--error-bg: rgba(248, 113, 113, .1);--error-text: #fecaca;--success-bg: rgba(34, 197, 94, .1);--success-text: #bbf7d0}:root[data-theme=light]{--bg: #f3f4f6;--text: #0f172a;--muted: #4b5563;--sidebar-bg: linear-gradient(180deg, #ffffff, #e5e7eb);--sidebar-border: rgba(148, 163, 184, .6);--nav-link: #111827;--nav-link-hover-bg: rgba(59, 130, 246, .12);--nav-link-hover-text: #111827;--card-bg: #ffffff;--card-border: rgba(148, 163, 184, .7);--input-bg: #ffffff;--input-border: rgba(148, 163, 184, .8);--button-gradient: linear-gradient(135deg, #2563eb, #22c55e);--error-bg: #fee2e2;--error-text: #b91c1c;--success-bg: #dcfce7;--success-text: #166534}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.layout,.layout-collapsed{display:grid;min-height:100vh}.layout{grid-template-columns:260px 1fr}.layout-collapsed{grid-template-columns:80px 1fr}.sidebar{background:var(--sidebar-bg);padding:24px 18px;display:flex;flex-direction:column;gap:24px;border-right:1px solid var(--sidebar-border)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.logo{font-weight:700;font-size:20px;letter-spacing:.08em;text-transform:uppercase;color:#38bdf8}.sidebar-toggle{background:transparent;border-radius:999px;border:1px solid rgba(148,163,184,.5);padding:2px 8px;font-size:12px;color:#cbd5f5}.sidebar-collapsed{padding:18px 8px}.layout-collapsed .sidebar nav a{justify-content:center}.layout-collapsed .nav-label{display:none}.sidebar nav{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.sidebar a{color:var(--nav-link);padding:8px 10px;border-radius:8px;text-decoration:none;font-size:14px;transition:background .15s ease,color .15s ease}.sidebar a:hover{background:var(--nav-link-hover-bg);color:var(--nav-link-hover-text)}.nav-link{display:flex;align-items:center;gap:8px;width:100%}.nav-icon{width:24px;height:24px;border-radius:999px;background:#0f172ae6;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#e5e7eb}.nav-label{white-space:nowrap}.logout{margin-top:auto;background:#f871711a;color:#fecaca;border:1px solid rgba(248,113,113,.4);border-radius:999px;padding:8px 12px;font-size:13px;cursor:pointer}.main{padding:24px 36px}h1{font-size:26px;margin-bottom:8px}h2{font-size:18px;margin-bottom:8px}.muted{color:var(--muted);font-size:14px}.grid{display:grid;gap:16px;margin-top:16px}.grid.two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.card{background:var(--card-bg);border-radius:18px;padding:18px 18px 20px;border:1px solid var(--card-border);box-shadow:0 18px 40px #0f172ae6}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.form,.form-inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#e5e7eb}input,select,textarea{background:var(--input-bg);border-radius:10px;border:1px solid var(--input-border);padding:8px 10px;color:inherit;font-family:inherit;font-size:14px}textarea{margin-top:10px;width:100%;resize:vertical}button{background:var(--button-gradient);color:#0b1120;border-radius:999px;border:none;padding:8px 16px;font-weight:600;cursor:pointer;font-size:14px}button:disabled{opacity:.6;cursor:default}.error{margin-top:8px;padding:6px 10px;border-radius:8px;background:var(--error-bg);color:var(--error-text);font-size:13px}.success{margin-top:8px;padding:6px 10px;border-radius:8px;background:var(--success-bg);color:var(--success-text);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{min-width:260px;max-width:360px;background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);box-shadow:0 18px 40px #0f172ae6;padding:16px 18px 14px}.modal h2{margin:0 0 6px;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.preview{margin-top:12px;font-size:13px}.preview pre{margin-top:4px;padding:8px;background:#0f172ae6;border-radius:8px;max-height:220px;overflow:auto}.list{list-style:none;padding:0;margin:12px 0 0;max-height:260px;overflow:auto}.list li{padding:6px 8px;border-radius:8px;font-size:14px;cursor:pointer}.list li.selected{background:#38bdf82e}.pack-item{display:flex;justify-content:space-between;align-items:center;gap:10px}.actions{display:flex;gap:8px;margin-top:10px}@media (max-width: 900px){.layout,.layout-collapsed{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between}.main{padding:18px 16px 32px}.grid.two{grid-template-columns:minmax(0,1fr)}}