@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&family=Share+Tech+Mono&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--bg-0:#03060f;--bg-1:#070d1a;--bg-2:#0c1428;--bg-3:#111d38;--bg-card:#0a1228e6;--cyan:#00d4ff;--cyan-2:#00a8cc;--green:#00ff9f;--purple:#b54bff;--red:#ff3d6b;--yellow:#ffd600;--orange:#ff8c00;--text-primary:#e0f0ff;--text-secondary:#7a9bbf;--text-dim:#3d5a80;--border:#00d4ff26;--border-hover:#00d4ff66;--glow-cyan:0 0 18px #00d4ff4d;--glow-green:0 0 18px #00ff9f4d;--glow-red:0 0 18px #ff3d6b4d;--font-head:"Orbitron", monospace;--font-mono:"Share Tech Mono", monospace;--font-body:"Rajdhani", sans-serif;--radius:6px;--radius-lg:10px;--sidebar-w:220px;--transition:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg-0);color:var(--text-primary);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}a{color:var(--cyan);text-decoration:none}.bg-grid{background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-size:40px 40px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition)}.card:hover{border-color:var(--border-hover)}.btn{border-radius:var(--radius);font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--cyan), var(--cyan-2));color:#03060f}.btn-primary:hover{box-shadow:var(--glow-cyan);filter:brightness(1.1)}.btn-danger{color:var(--red);background:0 0;border-color:#ff3d6b66}.btn-danger:hover{box-shadow:var(--glow-red);background:#ff3d6b1a}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--cyan);border-color:var(--border-hover)}.btn-sm{padding:5px 12px;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.form-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition);width:100%;padding:9px 12px;font-size:.95rem}.form-input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #00d4ff1f}.form-input::placeholder{color:var(--text-dim)}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th{text-align:left;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);background:#00d4ff08;padding:10px 14px;font-size:.78rem;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid #00d4ff0f;padding:11px 14px}.data-table tr:hover td{background:#00d4ff08}.data-table tr:last-child td{border-bottom:none}.badge{letter-spacing:.05em;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{color:var(--green);background:#00ff9f1f;border:1px solid #00ff9f40}.badge-red{color:var(--red);background:#ff3d6b1f;border:1px solid #ff3d6b40}.badge-yellow{color:var(--yellow);background:#ffd6001f;border:1px solid #ffd60040}.badge-cyan{color:var(--cyan);background:#00d4ff1a;border:1px solid #00d4ff40}.badge-gray{color:var(--text-secondary);border:1px solid var(--border);background:#7a9bbf1a}.stat-card{flex-direction:column;gap:6px;padding:20px 24px;display:flex}.stat-label{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}.stat-value{font-family:var(--font-mono);color:var(--cyan);font-size:1.8rem;font-weight:700}.stat-sub{color:var(--text-dim);font-size:.8rem}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-head);color:var(--text-primary);letter-spacing:.06em;font-size:1.3rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.88rem}.alert{border-radius:var(--radius);margin-bottom:16px;padding:10px 16px;font-size:.88rem}.alert-error{color:var(--red);background:#ff3d6b1a;border:1px solid #ff3d6b4d}.alert-success{color:var(--green);background:#00ff9f1a;border:1px solid #00ff9f4d}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-2);border:1px solid var(--border-hover);border-radius:var(--radius-lg);width:90%;min-width:360px;max-width:500px;box-shadow:var(--glow-cyan);padding:28px 32px}.modal-title{font-family:var(--font-head);color:var(--cyan);letter-spacing:.06em;margin-bottom:20px;font-size:1rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.pagination{align-items:center;gap:6px;margin-top:16px;display:flex}.page-btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;padding:5px 11px;font-size:.85rem}.page-btn:hover,.page-btn.active{border-color:var(--cyan);color:var(--cyan)}.page-btn:disabled{opacity:.35;cursor:not-allowed}