:root{--ink:#17233a;--muted:#71809a;--line:#e5eaf2;--brand:#4055e8;--brand-strong:#3143cf;--accent:#47cbff;--bg:#f4f6fb;--surface:#fff;--surface-soft:#f8faff;--sidebar:#111b35;--sidebar-soft:#1b294a;--danger:#e5484d;--shadow:0 14px 38px rgba(28,46,82,.08)}[data-theme=dark]{--ink:#edf5ff;--muted:#a7b6ce;--line:#263854;--brand:#62a8ff;--brand-strong:#3988e9;--accent:#6fe0ff;--bg:#08111f;--surface:#101d31;--surface-soft:#14243b;--sidebar:#07111f;--sidebar-soft:#142743;--danger:#ff6970;--shadow:0 16px 42px rgba(0,0,0,.32)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% -12%,#dceeff 0,transparent 30%),var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;transition:background .25s,color .25s}[data-theme=dark] body{background:radial-gradient(circle at 12% -12%,#153a68 0,transparent 27%),var(--bg)}.sidebar{width:256px;position:fixed;z-index:20;inset:0 auto 0 0;padding:26px 15px 18px;background:linear-gradient(160deg,var(--sidebar),#162852);color:#d9e6ff;display:flex;flex-direction:column;box-shadow:12px 0 32px #07142a18}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 9px 30px;color:#f5f9ff;text-decoration:none;font-size:13px;line-height:1.15;letter-spacing:.1px}.sidebar-brand strong{font-size:16px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;color:white;background:linear-gradient(135deg,var(--brand),var(--accent));border-radius:11px;font-size:24px;box-shadow:0 8px 20px #378dff55}.sidebar-caption{color:#89a0c8;font-size:10px;font-weight:850;letter-spacing:.14em;padding:0 11px 9px}.side-nav{display:grid;gap:5px}.side-nav a,.theme-switch,.logout-link{border:0;background:transparent;color:#bdcbe3;text-decoration:none;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:11px;font:inherit;font-size:13px;font-weight:700;transition:.18s;cursor:pointer;text-align:left;width:100%}.side-nav a:hover,.theme-switch:hover,.logout-link:hover{background:#ffffff12;color:#fff;transform:translateX(3px)}.side-nav a.is-active{background:linear-gradient(90deg,#4c7eff,#5360e8);color:#fff;box-shadow:0 9px 18px #152d7780}.nav-icon{width:18px;text-align:center;font-size:17px;line-height:1}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff1c;padding-top:13px;display:grid;gap:3px}.theme-switch i{margin-left:auto;color:#89a0c8;font-style:normal;font-size:10px;font-weight:700}.logout-link{color:#f1b3bd}.app-main{max-width:1300px;margin-left:256px;padding:46px 40px 60px}main:not(.app-main){max-width:420px;margin:0 auto;padding:10vh 24px}.mobile-menu-button,.sidebar-backdrop{display:none}.hero{display:flex;align-items:start;justify-content:space-between;margin-bottom:28px;animation:enter .42s both}.hero h1{margin:0;font-size:29px;letter-spacing:-.8px;display:flex;align-items:center;gap:11px}.hero h1::before{content:'🌐';font-size:20px}.hero p{margin:5px 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--shadow)}.card{position:relative;overflow:hidden;animation:enter .48s both}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}.card:after{content:'';position:absolute;width:100px;height:100px;right:-38px;bottom:-52px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.15}.stat{color:var(--muted);font-weight:700;font-size:13px}.number{font-size:34px;font-weight:850;letter-spacing:-1px;margin-top:7px}.panel{margin-top:20px}.row{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.field{display:grid;gap:6px;flex:1;min-width:220px}.field label{font-weight:700;font-size:13px}input{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);border-radius:10px;padding:11px 12px;font:inherit;width:100%}button,.button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;padding:10px 14px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 7px 14px #2979ff2e;transition:transform .15s,filter .15s}button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.04)}.button.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.button.danger{background:linear-gradient(135deg,#f05a62,var(--danger));box-shadow:none}.table-scroll{width:100%;overflow-x:auto;border-radius:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.table code{color:var(--ink);white-space:nowrap}.actions{display:flex;gap:8px}.alert{border-radius:11px;padding:12px 14px;margin-bottom:18px}.alert.success{background:#e8fbf0;color:#137344}.alert.error{background:#fff0f1;color:#c12d41}.empty{color:var(--muted);padding:28px 0;text-align:center}.confirm-dialog{width:min(430px,calc(100% - 32px));border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);padding:26px;box-shadow:0 26px 80px #0006}.confirm-dialog::backdrop{background:#071426a8;backdrop-filter:blur(3px)}.confirm-dialog h2{margin:0 0 6px}.confirm-dialog p{margin:0;color:var(--muted)}.confirm-icon{width:36px;height:36px;display:grid;place-items:center;background:#fff0f1;color:var(--danger);font-weight:900;border-radius:12px;margin-bottom:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:13px;font-weight:700}@media(max-width:860px){.sidebar{transform:translateX(-105%);transition:transform .25s}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:#08111f88;z-index:15}.sidebar-backdrop.is-open{display:block}.mobile-menu-button{display:grid;place-items:center;position:fixed;top:14px;left:14px;width:38px;height:38px;padding:0;z-index:10;border-radius:10px}.app-main{margin-left:0;padding:74px 18px 42px}.hero{display:block}.hero .button{margin-top:16px}}@media(max-width:650px){.table th,.table td{padding:11px 9px;white-space:nowrap}.actions{flex-wrap:wrap}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{text-align:center}.pagination{align-items:stretch;flex-direction:column}.pagination .button{text-align:center}}