:root{--ink:#0A0A0E;--ink2:#101016;--surface:#15151C;--surface2:#1E1E27;--surface3:#282833;--line:#2C2C38;--lineSoft:#20202A;--lime:#D4FF3F;--limeDeep:#93BE00;--limeInk:#141C00;--text:#F3F5EC;--muted:#8C8E82;--faint:#5A5C52;--teal:#53E5C9;--amber:#FFC24B;--pink:#FF7AD9;--danger:#FF574C;--nav-w:236px;--display:"Arial Black","Archivo Black","Segoe UI",system-ui,sans-serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--text);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}.display{font-family:var(--display);font-weight:900;letter-spacing:-.4px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.faint{color:var(--faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;background:var(--lime);color:var(--limeInk);font-weight:800;font-size:14px;padding:11px 16px;border-radius:11px;transition:filter .12s,transform .06s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.dark{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.btn.danger{background:transparent;color:var(--danger);border:1px solid rgba(255,87,76,.4)}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.btn.block{width:100%}.field{width:100%;background:var(--surface2);border:1px solid var(--line);border-radius:11px;color:var(--text);font-size:15px;padding:13px 14px;outline:none;transition:border-color .15s}.field:focus{border-color:var(--lime)}.field::placeholder{color:var(--faint)}label.lab{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:7px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.eyebrow{color:var(--lime);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);background:var(--surface2);border:1px solid var(--line);border-radius:7px;padding:3px 9px}.chip.lime{background:var(--lime);color:var(--limeInk);border-color:transparent;font-weight:700}.chip.ghost{background:transparent}.app{display:flex;min-height:100%}.nav{width:var(--nav-w);flex:none;background:var(--ink2);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.brand .logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#1b1b22,#0d0d12);border:1px solid var(--line);display:grid;place-items:center;position:relative}.brand .logo b{font-family:var(--display);font-size:18px;color:var(--text)}.brand .logo i{position:absolute;width:5px;height:5px;border-radius:50%}.brand .logo i.p{background:var(--pink);top:6px;right:7px}.brand .logo i.t{background:var(--teal);bottom:7px;left:8px}.brand .name{font-family:var(--display);font-size:13px;letter-spacing:.3px}.brand .name span{display:block;font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:1px;color:var(--faint);text-transform:uppercase}.navsec{padding:12px 12px 4px;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--faint);font-weight:700}.navlink{display:flex;align-items:center;gap:11px;padding:9px 14px;margin:1px 8px;border-radius:9px;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer}.navlink:hover{background:var(--surface);color:var(--text)}.navlink.active{background:#d4ff3f1a;color:var(--lime);font-weight:600}.navlink .ico{width:18px;text-align:center;flex:none;opacity:.9}.navfoot{margin-top:auto;padding:14px;border-top:1px solid var(--line)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0a0ed1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.topbar h1{font-size:19px}.content{padding:26px;max-width:1080px;width:100%}h2.page{font-size:24px;margin-bottom:4px}.sub{color:var(--muted);font-size:14px;margin-bottom:22px;max-width:70ch}.tablewrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:520px}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid var(--lineSoft);vertical-align:middle}th{font-size:10.5px;letter-spacing:1.1px;text-transform:uppercase;color:var(--faint);font-weight:700;background:var(--ink2)}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface)}.toggle{width:40px;height:23px;border-radius:999px;background:var(--surface3);border:1px solid var(--line);position:relative;cursor:pointer;transition:background .15s,border-color .15s;flex:none}.toggle.on{background:var(--lime);border-color:var(--lime)}.toggle.disabled{opacity:.4;cursor:not-allowed}.toggle .knob{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#0b0b0f;transition:left .15s}.toggle.on .knob{left:19px;background:var(--limeInk)}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:14px}.grid{display:grid;gap:14px}.err{color:var(--danger);font-size:13px}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center;min-height:100%}.badge{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:999px}.badge.admin{background:var(--lime);color:var(--limeInk)}.badge.role{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(800px 400px at 50% -10%,rgba(212,255,63,.06),transparent 60%),var(--ink)}.login .box{width:100%;max-width:380px}.login .title{font-size:28px;margin:18px 0 6px}@media (max-width:760px){.nav{position:fixed;left:-100%;transition:left .2s;z-index:40;box-shadow:0 0 40px #0009}.nav.open{left:0}.content{padding:18px}.topbar{padding:14px 18px}.navtoggle{display:inline-flex!important}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:39}}.navtoggle{display:none}