*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--g: #ADFF2F;--gd: rgba(173,255,47,.1);--gg: rgba(173,255,47,.35);--bg: #030303;--c1: #080808;--c2: #0D0D0D;--c3: #121212;--bd: #1A1A1A;--bd2: #242424;--bd3: #2E2E2E;--mu: #555;--mu2: #777;--mu3: #999;--white: #E8E8E8;--red: #FF3B3B;--amber: #FFA020;--blue: #5B8DEF;--teal: #2DBFBF;--font: "Chakra Petch", "JetBrains Mono", monospace;--mono: "JetBrains Mono", "Courier New", monospace;--r0: 0px;--r1: 2px;--r2: 4px;--ease: cubic-bezier(.22,.68,0,1.2)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font);font-size:14px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#030303}::-webkit-scrollbar-thumb{background:var(--g)}::selection{background:#adff2f40;color:#fff}.display{font-family:var(--font);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:.92}.mono{font-family:var(--mono)}.g{color:var(--g)}.mu{color:var(--mu2)}.dim{color:var(--mu)}.container{max-width:1280px;margin:0 auto;padding:0 32px}.section{padding:96px 0}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;transition:all .18s;white-space:nowrap;position:relative;overflow:hidden;text-decoration:none}.btn-p{background:var(--g);color:#030303;padding:0 24px;height:40px;border-radius:var(--r1);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.btn-p:hover{background:#c8ff50;transform:translateY(-1px);box-shadow:0 0 20px #adff2f66}.btn-p:active{transform:translateY(0)}.btn-o{background:transparent;color:var(--g);border:1px solid rgba(173,255,47,.35);padding:0 24px;height:40px;border-radius:var(--r1);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.btn-o:hover{border-color:var(--g);background:#adff2f0f;box-shadow:0 0 12px #adff2f26}.btn-g{background:transparent;color:var(--mu2);border:1px solid var(--bd);padding:0 14px;height:34px;border-radius:var(--r1)}.btn-g:hover{color:var(--white);border-color:var(--bd3);background:var(--c2)}.btn-sm{height:32px;padding:0 14px;font-size:11px}.btn-xs{height:28px;padding:0 10px;font-size:11px}.btn-danger{color:var(--red);border-color:#ff3b3b40;background:#ff3b3b0f}.btn-danger:hover{border-color:var(--red);background:#ff3b3b1f}.card{background:var(--c1);position:relative;transition:all .22s}.card:before,.card:after{content:"";position:absolute;width:12px;height:12px;border-color:#adff2f59;border-style:solid;transition:border-color .22s;pointer-events:none}.card:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.card:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.card:hover:before,.card:hover:after{border-color:var(--g)}.card:hover{background:#0c0c0c;box-shadow:0 0 28px #adff2f0d}.card-flat{background:var(--c1);border:1px solid var(--bd);transition:border-color .2s}.card-flat:hover{border-color:var(--bd3)}.inp{background:var(--c2);border:1px solid var(--bd);color:var(--white);padding:0 12px;height:38px;font-family:var(--mono);font-size:13px;outline:none;transition:border .18s;width:100%;border-radius:var(--r1)}.inp:focus{border-color:#adff2f80;box-shadow:0 0 0 3px #adff2f0f}.inp::placeholder{color:var(--mu)}.txta{background:var(--c2);border:1px solid var(--bd);color:var(--white);padding:10px 12px;font-family:var(--mono);font-size:13px;outline:none;transition:border .18s;width:100%;resize:vertical;line-height:1.6;border-radius:var(--r1)}.txta:focus{border-color:#adff2f80}.sel{background:var(--c2);border:1px solid var(--bd);color:var(--white);padding:0 12px;height:38px;font-family:var(--font);font-size:13px;outline:none;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--r1)}.sel:focus{border-color:#adff2f80}label.field-label{display:block;color:var(--mu);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.04em;padding:2px 8px;border:1px solid rgba(173,255,47,.22);color:var(--g);background:#adff2f0d}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border:1px solid}.b-admin{color:var(--g);border-color:#adff2f4d;background:#adff2f0f}.b-staff{color:var(--amber);border-color:#ffa0204d;background:#ffa0200f}.b-user{color:var(--blue);border-color:#5b8def4d;background:#5b8def0f}.b-guest{color:var(--mu2);border-color:var(--bd);background:transparent}.b-ok{color:#4caf50;border-color:#4caf504d;background:#4caf500f}.b-warn{color:var(--amber);border-color:#ffa0204d;background:#ffa0200f}.b-err{color:var(--red);border-color:#ff3b3b4d;background:#ff3b3b0f}.b-new{color:var(--teal);border-color:#2dbfbf4d;background:#2dbfbf0f}.dot{display:inline-block;width:6px;height:6px;border-radius:50%}.dot-g{background:var(--g);box-shadow:0 0 6px var(--g)}.dot-r{background:var(--red)}.dot-y{background:var(--amber)}.dot-b{background:var(--blue)}.div{height:1px;background:var(--bd)}.div-g{height:1px;background:linear-gradient(90deg,transparent,rgba(173,255,47,.3),transparent)}.stars{display:inline-flex;gap:2px;color:#ffa020}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.progress-bar{height:3px;background:var(--bd);overflow:hidden}.progress-fill{height:100%;background:var(--g);transition:width .8s var(--ease)}@keyframes glitch{0%,92%,to{transform:translate(0);clip-path:none}93%{transform:translate(-2px);clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%)}94%{transform:translate(2px);clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%)}95%{transform:translate(-1px);clip-path:none}96%{transform:translate(1px,1px);clip-path:polygon(0 40%,100% 40%,100% 55%,0 55%)}97%{transform:translate(0);clip-path:none}}@keyframes scan{0%{top:-5%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:105%;opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}@keyframes countUp{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes draw{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.glitch-anim{animation:glitch 6s infinite}.fade-up{animation:fadeUp .55s cubic-bezier(.22,.68,0,1.2) forwards}.fade-in{animation:fadeIn .3s ease forwards}.spin{animation:spin 1.2s linear infinite}.float-anim{animation:float 4s ease-in-out infinite}.blink{animation:blink 1.1s step-start infinite}.flicker{animation:flicker 3s ease-in-out infinite}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:8px 16px;text-align:left;color:var(--mu);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--bd);font-weight:600}.data-table td{padding:12px 16px;border-bottom:1px solid var(--bd);font-size:13px}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:#adff2f05}.data-table tbody tr:last-child td{border-bottom:none}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{background:linear-gradient(90deg,var(--c2) 25%,var(--c3) 50%,var(--c2) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--r1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease}.toast{position:fixed;bottom:24px;right:24px;z-index:1000;background:var(--c1);border:1px solid var(--bd2);padding:12px 18px;max-width:380px;display:flex;align-items:center;gap:10px;animation:fadeUp .25s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.nav-link{color:var(--mu2);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;cursor:pointer;border:none;background:transparent;font-family:var(--font);transition:color .18s;display:inline-flex;align-items:center;gap:6px;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:var(--g);transform:scaleX(0);transition:transform .18s;transform-origin:left}.nav-link:hover,.nav-link.active{color:var(--g)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.sb-item{display:flex;align-items:center;gap:9px;padding:9px 14px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--mu2);border:none;background:transparent;width:100%;text-align:left;font-family:var(--font);transition:color .18s;border-left:2px solid transparent}.sb-item:hover{color:var(--white)}.sb-item.active{color:var(--g);border-left-color:var(--g);background:#adff2f0a}.code-block{background:#030303;border:1px solid var(--bd);padding:14px 16px;font-family:var(--mono);font-size:12px;color:var(--mu3);line-height:1.8;overflow-x:auto;position:relative}.code-block .kw{color:var(--g)}.code-block .str{color:var(--amber)}.code-block .cmt{color:var(--mu);font-style:italic}
