*{box-sizing:border-box;margin:0;padding:0}:root{--yellow:#ffc107;--yellow-dark:#e0a800;--black:#1a1a1a;--panel:#232323;--panel-2:#2c2c2c;--border:#3a3a3a;--text:#f5f5f5;--text-dim:#a0a0a0;--green:#22c55e;--red:#ef4444}body{background:var(--black);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.app{background-image:linear-gradient(#101010bd,#101010d1),url(/bg.png);background-position:top;background-size:cover;background-attachment:fixed;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#1f1f1f 0%,#161616 100%);flex-direction:column;flex-shrink:0;align-items:center;gap:1.5rem;width:96px;height:100vh;padding:1.25rem 0;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);justify-content:center;width:100%;padding-bottom:.5rem;display:flex}.brand-icon{object-fit:contain;width:72px;height:72px}.sidebar nav{flex-direction:column;flex:1;align-items:center;gap:1rem;width:100%;display:flex}.nav-btn{cursor:pointer;background:0 0;border:none;border-radius:18px;padding:8px;transition:transform .15s;display:flex;position:relative}.nav-btn .nav-icon{object-fit:contain;filter:grayscale(.55)opacity(.6);width:64px;height:64px;transition:filter .18s,transform .18s}.nav-btn:hover .nav-icon{filter:none;transform:scale(1.06)}.nav-btn.active .nav-icon{filter:none;transform:scale(1.1)}.nav-btn.active:before{content:"";background:var(--yellow);border-radius:0 4px 4px 0;width:4px;height:36px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.main{flex:1;max-width:1200px;padding:2.5rem 3rem}.main h2{letter-spacing:.5px;text-transform:uppercase;font-size:1.9rem;font-weight:800}.main h2 .accent{color:var(--yellow)}.main .sub{color:var(--text-dim);margin-bottom:1.75rem;font-size:.95rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;margin-bottom:1.25rem;padding:1.5rem;box-shadow:0 6px 24px #0000004d}.row-list{flex-direction:column;gap:.75rem;display:flex}.list-row{background:var(--panel);border:1px solid var(--border);border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .15s,transform .15s;display:flex}.list-row:hover{border-color:var(--yellow);transform:translate(3px)}.list-row .row-main{flex:1}.list-row .row-title{font-size:1rem;font-weight:700}.list-row .row-sub{color:var(--text-dim);font-size:.85rem}.btn{background:var(--yellow);color:var(--black);letter-spacing:.3px;cursor:pointer;border:none;border-radius:12px;padding:.65rem 1.3rem;font-size:.9rem;font-weight:800;transition:transform .12s,box-shadow .15s,background .15s}.btn:hover{background:var(--yellow-dark);transform:translateY(-1px);box-shadow:0 4px 14px #ffc1074d}.btn:active{transform:translateY(0)}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{box-shadow:none;background:#383838}.btn.danger{background:var(--red);color:#fff}.btn.danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef44444d}.btn.small{padding:.4rem .85rem;font-size:.8rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid .full{grid-column:1/-1}label{color:var(--yellow);text-transform:uppercase;letter-spacing:.4px;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:block}input,textarea,select{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:10px;padding:.65rem .8rem;font-family:inherit;font-size:.92rem;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#6b6b6b}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus,select:focus{border-color:var(--yellow);outline:none}select option{background:var(--panel-2)}.badge{letter-spacing:.3px;border-radius:99px;padding:.2em .7em;font-size:.72rem;font-weight:700;display:inline-block}.badge.free{color:#4ade80;background:#22c55e2e}.badge.premium{color:#c084fc;background:#a855f72e}.badge.active{color:#4ade80;background:#22c55e2e}.badge.inactive{color:#f87171;background:#ef44442e}.badge.cat{color:var(--yellow);background:#ffc10729}.cat-icon{object-fit:contain;width:48px;height:48px;margin:0 auto;display:block}.citypack-icon{object-fit:contain;width:64px;height:64px;margin:0 auto;display:block}.access-pill{letter-spacing:.5px;border-radius:99px;padding:.3em .85em;font-size:.72rem;font-weight:800;display:inline-block}.access-pill.free{background:var(--yellow);color:var(--black)}.access-pill.premium{color:var(--yellow);border:1.5px solid var(--yellow);background:0 0}.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.muted{color:var(--text-dim);font-size:.85rem}.toast{background:var(--yellow);color:var(--black);border-radius:12px;padding:.85rem 1.3rem;font-size:.9rem;font-weight:700;animation:.25s slideIn;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 28px #0006}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1.4rem;transition:transform .15s,border-color .15s}.stat-card:hover{border-color:var(--yellow);transform:translateY(-3px)}.stat-img{object-fit:contain;width:52px;height:52px;margin-bottom:.5rem}.stat-svg{align-items:center;height:52px;margin-bottom:.5rem;display:flex}.stat-value{color:var(--yellow);font-size:2.2rem;font-weight:900;line-height:1}.stat-label{color:var(--text-dim);margin-top:.35rem;font-size:.85rem}table{border-collapse:separate;border-spacing:0 8px;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:.5rem .9rem;font-size:.72rem;font-weight:700}td{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.9rem;font-size:.9rem}td:first-child{border-left:1px solid var(--border);border-radius:12px 0 0 12px}td:last-child{border-right:1px solid var(--border);border-radius:0 12px 12px 0}tr{transition:transform .12s}tbody tr:hover td{background:var(--panel-2)}td strong{color:var(--text)}.login-wrap{background-image:linear-gradient(#101010d9,#101010eb),url(/bg.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;width:100%;max-width:380px;padding:2.5rem;box-shadow:0 12px 40px #00000080}.login-logo{object-fit:contain;width:84px;height:84px;margin:0 auto 1rem;display:block}.filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.filter-bar .pill-tabs{margin-bottom:0}.filter-search-wrap{border:1px solid var(--border);background:var(--panel-2);border-radius:99px;align-items:center;gap:8px;padding:0 .85rem;display:flex}.filter-search-wrap:focus-within{border-color:var(--yellow)}.filter-search{width:200px;color:var(--text);background:0 0;border:none;padding:.5rem 0;font-size:.88rem}.filter-search:focus{outline:none}.filter-bar .muted{margin-left:auto}.pill-tabs{background:var(--panel);border:1px solid var(--border);border-radius:99px;gap:4px;margin-bottom:1.25rem;padding:4px;display:inline-flex}.pill-tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .15s}.pill-tabs button.active{background:var(--yellow);color:var(--black)}