.admin{--a-bg:#f4f4f2;--a-panel:#fff;--a-ink:#161616;--a-muted:#6b6b6b;--a-line:#e4e2dd;--a-red:#c8102e;--a-green:#1f8a4c;--a-amber:#b7791f;background:var(--a-bg);min-height:100svh;color:var(--a-ink);font-family:var(--sans);grid-template-columns:250px 1fr;font-size:14px;line-height:1.5;display:grid}.admin .side{color:#fff;background:#0d0d0d;flex-direction:column;gap:24px;height:100svh;padding:22px 14px;display:flex;position:sticky;top:0}.admin .brand{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;padding:0 10px;font-size:22px;display:flex}.admin .brand img{-o-object-fit:contain;object-fit:contain;width:28px;height:28px}.admin .side nav{flex-direction:column;gap:2px;display:flex}.admin .side nav a{color:#ffffffb8;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .2s,color .2s;display:flex}.admin .side nav a svg{fill:currentColor;flex-shrink:0;width:18px;height:18px}.admin .side nav a:hover{color:#fff;background:#ffffff0f}.admin .side nav a.active{background:var(--a-red);color:#fff}.admin .side-foot{flex-direction:column;gap:4px;margin-top:auto;padding:0 12px;font-size:13px;display:flex}.admin .side-foot a,.admin .side-foot button{text-align:left;color:#fff9;background:0 0;border:0;padding:6px 0}.admin .side-foot a:hover,.admin .side-foot button:hover{color:#fff}.admin .main{min-width:0}.admin .top{border-bottom:1px solid var(--a-line);background:var(--a-panel);justify-content:flex-end;align-items:center;gap:12px;height:60px;padding:0 28px;display:flex}.admin .burger{background:0 0;border:0;margin-right:auto;font-size:22px;display:none}.admin .who{color:var(--a-muted);font-size:13px}.admin .who .role{background:var(--a-bg);border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600}.admin .page{max-width:1400px;padding:28px}.admin .scrim{display:none}.admin h1.a-title{font-family:var(--sans);margin:0 0 4px;font-size:24px;font-weight:600}.admin .a-sub{color:var(--a-muted);margin:0 0 24px}.admin .a-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin .card{background:var(--a-panel);border:1px solid var(--a-line);border-radius:12px;padding:20px}.admin .card+.card{margin-top:20px}.admin .card h2{font-family:var(--sans);margin:0 0 16px;font-size:16px;font-weight:600}.admin .a-btn{border:1px solid var(--a-ink);background:var(--a-ink);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.admin .a-btn:hover{background:#333}.admin .a-btn:disabled{opacity:.5;cursor:default}.admin .a-btn.red{background:var(--a-red);border-color:var(--a-red)}.admin .a-btn.ghost{color:var(--a-ink);border-color:var(--a-line);background:0 0}.admin .a-btn.ghost:hover{border-color:var(--a-ink)}.admin .a-btn.sm{min-height:30px;padding:0 10px;font-size:12px}.admin .a-field{flex-direction:column;gap:6px;display:flex}.admin .a-field>span{color:var(--a-muted);font-size:12px;font-weight:600}.admin .a-field input,.admin .a-field select,.admin .a-field textarea{border:1px solid var(--a-line);width:100%;min-height:40px;color:var(--a-ink);font:inherit;background:#fff;border-radius:8px;padding:9px 12px}.admin .a-field textarea{resize:vertical;min-height:140px;line-height:1.6}.admin .a-field input:focus,.admin .a-field select:focus,.admin .a-field textarea:focus{border-color:var(--a-red);outline:2px solid #c8102e40}.admin .a-field small{color:var(--a-muted);font-size:12px}.admin .a-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin .a-grid .full{grid-column:1/-1}.admin .table-wrap{border:1px solid var(--a-line);background:var(--a-panel);border-radius:12px;overflow-x:auto}.admin table{border-collapse:collapse;width:100%;font-size:13px}.admin td,.admin th{text-align:left;border-bottom:1px solid var(--a-line);vertical-align:middle;padding:12px 14px}.admin th{letter-spacing:.06em;text-transform:uppercase;color:var(--a-muted);white-space:nowrap;background:#fafaf8;font-size:11px;font-weight:600}.admin tr:last-child td{border-bottom:0}.admin tr.clickable{cursor:pointer}.admin tr.clickable:hover td{background:#fafaf8}.admin .pill{color:#444;white-space:nowrap;background:#eee;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.admin .pill.green{color:var(--a-green);background:#e3f3ea}.admin .pill.blue{color:#2858b5;background:#e4ecfb}.admin .pill.amber{color:var(--a-amber);background:#fbf0dc}.admin .pill.red{color:var(--a-red);background:#fbe4e7}.admin .empty,.admin .muted{color:var(--a-muted)}.admin .row-actions{flex-wrap:wrap;gap:6px;display:flex}.admin .empty{text-align:center;padding:40px}.admin .drawer-backdrop{z-index:60;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin .drawer{background:var(--a-bg);flex-direction:column;gap:16px;width:min(760px,100%);height:100%;padding:24px;display:flex;overflow-y:auto}.admin .drawer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin .drawer-head h2{font-family:var(--sans);margin:0;font-size:20px;font-weight:600}.admin .toast{z-index:100;color:#fff;background:#161616;border-radius:10px;padding:12px 18px;font-size:14px;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #0003}.admin .toast.error{background:var(--a-red)}.toast-enter-active,.toast-leave-active{transition:opacity .25s,transform .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}@media (width<=900px){.admin,.admin .a-grid{grid-template-columns:1fr}.admin .side{z-index:70;width:260px;transition:transform .3s;position:fixed;left:0;transform:translate(-100%)}.admin.nav-open .side{transform:none}.admin.nav-open .scrim{z-index:65;background:#0006;display:block;position:fixed;inset:0}.admin .burger{display:block}.admin .page{padding:16px}.admin .top{padding:0 16px}}
