@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-base:#060a0f;--bg-surface:#0c1520;--bg-card:#0f1c2e;--bg-card-hover:#152338;--bg-elevated:#1a2a40;--neon-cyan:#00ffe1;--neon-orange:#ff6b35;--neon-purple:#b84dff;--neon-green:#0f8;--neon-red:#ff1f4b;--neon-gold:gold;--neon-blue:#4d9fff;--primary:#00ffe1;--primary-dim:#00ffe11f;--secondary:#ff6b35;--accent:#b84dff;--success:#0f8;--warning:gold;--danger:#ff1f4b;--text-primary:#e2f0ff;--text-secondary:#5a7a99;--text-muted:#2d4a63;--text-bright:#fff;--border:#00ffe11f;--border-hover:#00ffe173;--border-active:#00ffe1cc;--rarity-common:#8b9bb4;--rarity-uncommon:#00cc6a;--rarity-rare:#4d9fff;--rarity-epic:#b84dff;--rarity-legendary:gold;--shadow:0 8px 32px #0009;--glow-cyan:0 0 20px #00ffe14d, 0 0 60px #00ffe11a;--glow-orange:0 0 20px #ff6b3566, 0 0 60px #ff6b3526;--glow-purple:0 0 20px #b84dff66, 0 0 60px #b84dff26;--radius:4px;--radius-sm:2px;--radius-lg:6px;--transition:all .18s cubic-bezier(.4, 0, .2, 1);--spring:all .3s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Noto Sans SC,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00ffe108 1px,#0000 1px),linear-gradient(90deg,#00ffe108 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px;box-shadow:0 0 8px #00ffe180}.font-hud{font-family:Orbitron,monospace}.font-display{font-family:Rajdhani,sans-serif}.font-mono{font-family:Courier New,monospace}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--transition);white-space:nowrap;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:60%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn:hover:after{left:150%}.btn-primary{color:var(--neon-cyan);border:1px solid var(--neon-cyan);background:linear-gradient(135deg,#00ffe126,#00ffe114);box-shadow:0 0 12px #00ffe133,inset 0 0 12px #00ffe10d}.btn-primary:hover{box-shadow:var(--glow-cyan);background:linear-gradient(135deg,#00ffe140,#00ffe11f);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.btn-danger{color:var(--neon-red);border:1px solid var(--neon-red);background:linear-gradient(135deg,#ff1f4b26,#ff1f4b14)}.btn-danger:hover{box-shadow:var(--glow-orange);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);clip-path:none;background:0 0}.btn-ghost:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:var(--primary-dim)}.input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#00ffe108;outline:none;padding:10px 14px;font-family:Noto Sans SC,sans-serif;font-size:14px}.input:focus{border-color:var(--neon-cyan);background:#00ffe10d;box-shadow:0 0 0 2px #00ffe114,inset 0 0 8px #00ffe10a}.input::placeholder{color:var(--text-muted);font-size:13px}.badge{letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);border-radius:0;align-items:center;padding:2px 10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--neon-green);background:#00ff881f;border:1px solid #00ff884d}.badge-warning{color:var(--neon-gold);background:#ffd7001f;border:1px solid #ffd7004d}.badge-danger{color:var(--neon-red);background:#ff1f4b1f;border:1px solid #ff1f4b4d}.badge-primary{color:var(--neon-cyan);background:#00ffe11f;border:1px solid #00ffe14d}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";background:var(--neon-cyan);opacity:0;width:3px;height:100%;transition:var(--transition);position:absolute;top:0;left:0;box-shadow:0 0 8px #00ffe199}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--glow-cyan);transform:translateY(-3px)}.card:hover:before{opacity:1}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--glow-cyan);animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow-y:auto}.modal-box:before,.modal-box:after{content:"";border-color:var(--neon-cyan);opacity:.7;border-style:solid;width:16px;height:16px;position:absolute}.modal-box:before{border-width:2px 0 0 2px;top:6px;left:6px}.modal-box:after{border-width:0 2px 2px 0;bottom:6px;right:6px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glitch{0%,to{text-shadow:2px 0 var(--neon-cyan), -2px 0 var(--neon-orange);transform:none}20%{text-shadow:-2px 0 var(--neon-cyan), 2px 0 var(--neon-orange);transform:translate(1px)}40%{text-shadow:2px 0 var(--neon-purple), -1px 0 var(--neon-cyan);transform:translate(-1px)}60%{text-shadow:none;transform:none}}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px #00ffe14d}50%{box-shadow:0 0 20px #00ffe1b3,0 0 40px #00ffe14d}}@keyframes scan-down{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}@media (width<=768px){.container{padding:0 14px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:600px}input[type=text],input[type=tel],input[type=number],input[type=password],input[type=email],select,textarea{font-size:16px!important}.modal-box{overflow-y:auto;width:96vw!important;max-height:90vh!important}.pagination{gap:10px;padding:12px;font-size:12px}.main-content{padding:14px 12px!important}.toolbar,.toolbar-left,.toolbar-right{flex-wrap:wrap;gap:8px}}