:root{--primary:#2a2a6b;--primary-deep:#14142e;--primary-light:#4a4ab0;--violet:#6d5ef0;--accent:#f5a623;--success:#10b981;--danger:#e5484d;--ink:#16162a;--muted:#6b6b8a;--bg:#f4f4f9;--surface:#fff;--line:#e7e7f2;--grad:linear-gradient(135deg, #2a2a6b 0%, #4a3aa8 60%, #6d5ef0 100%);--shadow-sm:0 1px 2px #14142e0f;--shadow:0 8px 28px #14142e1a;--shadow-lg:0 20px 50px #14142e29;--r:14px;--r-sm:9px;--ease:cubic-bezier(.22,1,.36,1);--sidebar-w:244px}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:var(--primary);text-decoration:none}h1{letter-spacing:-.02em;margin:0;font-size:1.5rem}h2{letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.15rem}h3{margin:0 0 .5rem;font-size:1rem}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--primary-deep);color:#cfcfe8;flex-direction:column;flex-shrink:0;height:100vh;padding:1.25rem .85rem;display:flex;position:sticky;top:0}.sidebar .brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:.6rem;padding:.25rem .5rem 1.25rem;font-size:1.1rem;font-weight:800;display:flex}.sidebar .brand em{opacity:.6;font-style:normal;font-weight:500}.brand-mark{background:var(--grad);color:#fff;width:32px;height:32px;box-shadow:var(--shadow);border-radius:9px;place-items:center;display:grid}.sidebar nav{flex-direction:column;gap:.15rem;display:flex}.sidebar nav a{color:#b6b6d6;border-radius:10px;align-items:center;gap:.7rem;padding:.65rem .75rem;font-size:.92rem;font-weight:600;transition:background .18s,color .18s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.active{background:var(--grad);color:#fff;box-shadow:var(--shadow)}.sidebar nav a svg{opacity:.85}.side-foot{margin-top:auto;padding:.5rem}.token-box{background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.6rem;display:flex}.side-foot small{color:#7a7aa0;padding-left:.35rem;font-size:.75rem}.main-wrap{flex:1;min-width:0}.topbar{backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line);background:#f4f4f9cc;align-items:center;gap:1rem;padding:1.1rem 2rem;display:flex;position:sticky;top:0}.crumb{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem;font-weight:700}.topbar-title h1{margin-top:.1rem}.menu-btn{color:var(--ink);cursor:pointer;background:0 0;border:0;display:none}main{max-width:1200px;padding:1.75rem 2rem 3rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:1.25rem}.grid{gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:1fr 1fr}.stat-tile{position:relative;overflow:hidden}.stat-tile .stat-ico{width:40px;height:40px;color:var(--primary);background:#2a2a6b14;border-radius:11px;place-items:center;margin-bottom:.75rem;display:grid}.stat-tile .stat-num{letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.stat-tile .stat-lbl{color:var(--muted);margin-top:.3rem;font-size:.88rem}.stat-tile.accent .stat-ico{color:#b9791a;background:#f5a62324}.stat-tile.good .stat-ico{color:var(--success);background:#10b98124}.badge{color:var(--muted);background:#ececf6;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .6rem;font-size:.76rem;font-weight:700;display:inline-flex}.badge.published,.badge.active{color:#0a7c53;background:#d7f5e8}.badge.draft{color:#8a6d1a;background:#fdefc9}.badge.pasif,.badge.inactive{color:#9c2b30;background:#f2d9da}.badge:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}button,.btn{font-family:inherit}button:not(.menu-btn):not(.token-toggle),.btn{cursor:pointer;background:var(--grad);color:#fff;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease), box-shadow .15s, opacity .15s;border:0;border-radius:9px;padding:.5rem .95rem;font-size:.9rem;font-weight:700}button:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary,.btn-ghost{background:var(--surface);color:var(--primary);border:1px solid var(--line);box-shadow:none}button.secondary:hover,.btn-ghost:hover{border-color:var(--primary-light)}button.danger{background:var(--danger)}.btn-xs{padding:.3rem .6rem;font-size:.78rem}.table-wrap{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .9rem;font-size:.9rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafaff;font-size:.74rem;font-weight:700;position:sticky;top:0}tbody tr{transition:background .15s}tbody tr:hover{background:#fafaff}tbody tr:last-child td{border-bottom:0}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:.5rem .7rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary-light);outline:0;box-shadow:0 0 0 3px #4a4ab026}label{font-size:.9rem;font-weight:600}textarea.json{color:#d9d9f2;tab-size:2;background:#14142e;border-color:#2a2a52;border-radius:11px;width:100%;min-height:440px;padding:1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem;line-height:1.5}textarea.json:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6d5ef040}.row{flex-wrap:wrap;align-items:center;gap:.85rem;margin:.75rem 0;display:flex}.ok{color:var(--success);font-weight:600}.err{color:var(--danger);white-space:pre-wrap;font-weight:500}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.skeleton{background:linear-gradient(90deg,#ececf5 25%,#f5f5fb 50%,#ececf5 75%) 0 0/200% 100%;border-radius:10px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.empty .empty-ico{opacity:.6;font-size:2rem}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);z-index:100;transition:transform .4s var(--ease);border-radius:11px;max-width:90vw;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,200%)}.toast.show{transform:translate(-50%)}.toast.ok{background:#0a7c53}.toast.err{background:var(--danger)}@media (width<=820px){.sidebar{z-index:60;transition:transform .3s var(--ease);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.menu-btn{display:inline-flex}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}main{padding:1.25rem}.topbar{padding:1rem 1.25rem}}@media (prefers-reduced-motion:reduce){*,:after{transition:none!important;animation:none!important}}