@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Fira+Code:wght@300;400;500;600;700&display=swap";:root{--green: #00ff41;--green-dim: #00cc33;--green-dark: #00991a;--green-glow: rgba(0, 255, 65, .15);--green-glow-strong: rgba(0, 255, 65, .4);--cyan: #00d4ff;--cyan-dim: #00a6c7;--cyan-glow: rgba(0, 212, 255, .15);--red: #ff0040;--red-dim: #cc0033;--red-glow: rgba(255, 0, 64, .15);--yellow: #ffb800;--yellow-dim: #cc9300;--bg-primary: #0a0a0a;--bg-secondary: #0d1117;--bg-card: #0c1018;--bg-input: #080c12;--border-color: #1a2332;--border-active: #00ff41;--text-primary: #c9d1d9;--text-dim: #6a7a8a;--text-muted: #3a4a5a;--font-mono: "Share Tech Mono", "Fira Code", "Courier New", monospace;--font-code: "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary, #0a0a0a)}body{font-family:var(--font-mono);background:var(--bg-primary, #0a0a0a)!important;color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect x='0' y='0' width='8' height='14' fill='%2300ff41'/%3E%3C/svg%3E"),crosshair}a,button,.btn-link,.btn-terminal,.form-checkbox,.widget,.nav-link,select,label{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='0,0 12,6 0,12' fill='%2300d4ff'/%3E%3C/svg%3E") 0 0,pointer!important}input,textarea{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect x='7' y='0' width='2' height='14' fill='%2300ff41'/%3E%3C/svg%3E") 8 7,text!important}a{color:var(--cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--green);text-shadow:0 0 8px var(--green-glow-strong)}::-moz-selection{background:var(--green);color:var(--bg-primary)}::selection{background:var(--green);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green-dark)}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.07;pointer-events:none}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 1px,transparent 3px)}.terminal-page{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.brand-container{text-align:center;margin-bottom:32px}.brand-logo{font-family:var(--font-mono);font-size:3rem;font-weight:700;letter-spacing:.15em;color:var(--green);text-shadow:0 0 10px var(--green-glow-strong),0 0 30px var(--green-glow),0 0 60px rgba(0,255,65,.08);position:relative;display:inline-block;animation:logoFlicker 4s infinite}.brand-logo .x-mark{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow),0 0 30px rgba(0,212,255,.2)}.brand-tagline{font-size:.7rem;color:var(--text-dim);letter-spacing:.4em;text-transform:uppercase;margin-top:8px}.brand-tagline:before{content:"// ";color:var(--green-dark)}.terminal-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #00ff4108,0 8px 32px #0009,inset 0 1px #ffffff05}.terminal-card.wide{max-width:none}.terminal-titlebar{display:flex;align-items:center;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:8px}.titlebar-dots{display:flex;gap:6px}.titlebar-dot{width:10px;height:10px;border-radius:50%}.titlebar-dot.red{background:#ff5f57}.titlebar-dot.yellow{background:#febc2e}.titlebar-dot.green{background:#28c840}.titlebar-text{flex:1;text-align:center;font-size:.7rem;color:var(--text-dim);letter-spacing:.1em}.terminal-body{padding:28px 28px 24px;overflow-x:auto}.terminal-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.terminal-header .cmd-line{font-size:.75rem;color:var(--cyan);opacity:.8;margin-bottom:6px;font-weight:500}.terminal-header .cmd-line .prompt{color:var(--green)}.terminal-header .cmd-line .cmd{color:var(--cyan)}.terminal-header h2{font-family:var(--font-mono);font-size:1.25rem;font-weight:500;color:var(--green);letter-spacing:.1em;text-shadow:0 0 10px var(--green-glow)}.terminal-header h2:before{content:"> ";color:var(--green);font-weight:700}.form-group{margin-bottom:22px}.form-label{display:block;font-size:.75rem;color:var(--green);opacity:.7;text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px;font-weight:500}.form-label:before{content:"$ ";color:var(--green);opacity:1}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-wrapper .input-prompt{position:absolute;left:12px;color:var(--green-dim);font-size:.85rem;pointer-events:none;z-index:1}.form-input{width:100%;padding:10px 12px 10px 28px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:2px;color:var(--green);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.03em;transition:all var(--transition-fast);outline:none;caret-color:var(--green)}.form-input::-moz-placeholder{color:var(--text-muted);font-style:italic}.form-input::placeholder{color:var(--text-muted);font-style:italic}.form-input:focus{border-color:var(--green-dim);box-shadow:0 0 0 1px var(--green-dark),0 0 12px var(--green-glow),inset 0 0 8px #00ff4108}.form-input:hover:not(:focus){border-color:#2a3a4a}.form-checkbox-group{display:flex;align-items:center;gap:8px;margin:16px 0}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border-color);border-radius:1px;background:var(--bg-input);cursor:pointer;position:relative;transition:all var(--transition-fast)}.form-checkbox:checked{background:var(--green-dark);border-color:var(--green)}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--green)}.form-checkbox-label{font-size:.72rem;color:var(--text-dim);letter-spacing:.05em;cursor:pointer}.form-error{margin-top:6px;font-size:.7rem;color:var(--red);letter-spacing:.02em}.form-error:before{content:"[ERROR] ";color:var(--red-dim)}.btn-terminal{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--green-dim);border-radius:2px;background:transparent;color:var(--green);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-terminal:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--green-glow) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.btn-terminal:hover{background:var(--green);color:var(--bg-primary);box-shadow:0 0 15px var(--green-glow-strong),0 0 30px var(--green-glow);text-shadow:none}.btn-terminal:hover:before{opacity:1}.btn-terminal:active{transform:scale(.98)}.btn-terminal-full{width:100%}.btn-link{background:none;border:none;color:var(--cyan-dim);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;cursor:pointer;padding:0;transition:color var(--transition-fast)}.btn-link:hover{color:var(--green);text-shadow:0 0 6px var(--green-glow)}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid var(--border-color)}.form-footer-right{display:flex;align-items:center;gap:16px}.session-status{padding:10px 14px;margin-bottom:18px;background:#00ff410d;border:1px solid var(--green-dark);border-radius:2px;font-size:.75rem;color:var(--green);letter-spacing:.02em}.session-status:before{content:"[OK] ";color:var(--green-dim)}.system-info{margin-top:24px;text-align:center;font-size:.6rem;color:var(--text-muted);letter-spacing:.1em}.system-info .blink{animation:blink 1s step-end infinite}.dashboard-container{position:relative;z-index:2;min-height:100vh;padding:0}.dashboard-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.nav-brand{font-size:1.1rem;color:var(--green);letter-spacing:.15em;text-shadow:0 0 10px var(--green-glow)}.nav-brand .x-mark{color:var(--cyan)}.nav-links{display:flex;align-items:center;gap:20px}.nav-user{font-size:.72rem;color:var(--text-dim);letter-spacing:.05em}.nav-user .user-id{color:var(--cyan)}.dashboard-content{padding:40px 24px;max-width:900px;margin:0 auto}.dashboard-content.admin-wide{max-width:1400px}.terminal-table-bordered{width:100%;border-collapse:collapse;border:1px solid var(--border-color)}.terminal-table-bordered th{border:1px solid var(--border-color);background:#ffffff0d;padding:12px}.terminal-table-bordered td{border:1px solid var(--border-color);padding:12px}.welcome-banner{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:2px;margin-bottom:24px}.welcome-banner .banner-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.welcome-banner .status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green-glow-strong);animation:pulse-dot 2s infinite}.welcome-banner h3{font-family:var(--font-mono);font-size:.9rem;font-weight:400;color:var(--green);letter-spacing:.08em}.welcome-banner .banner-text{font-size:.75rem;color:var(--text-dim);line-height:1.6}.welcome-banner .banner-text .highlight{color:var(--cyan)}@keyframes logoFlicker{0%,95%,to{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.6}99%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px var(--green-glow-strong)}50%{box-shadow:0 0 12px var(--green-glow-strong),0 0 20px var(--green-glow)}}@keyframes glitchText{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease forwards}.fade-delay-1{animation-delay:.1s;opacity:0}.fade-delay-2{animation-delay:.2s;opacity:0}.fade-delay-3{animation-delay:.3s;opacity:0}.fade-delay-4{animation-delay:.4s;opacity:0}.fade-delay-5{animation-delay:.5s;opacity:0}@media(max-width:768px){.dashboard-container,.terminal-page{padding:10px}.brand-logo{font-size:2rem}.terminal-header .cmd-line{word-break:break-all;white-space:pre-wrap}.terminal-titlebar{padding:8px 10px;font-size:.8rem}}@media(max-width:480px){.terminal-body{padding:15px 12px}.brand-logo{font-size:1.6rem}.form-footer{flex-direction:column;gap:12px}.form-footer-right,.btn-terminal-full{width:100%}}.cmd-broadcast-grid{display:grid;grid-template-columns:1fr 2fr auto;gap:15px;align-items:flex-end}@media(max-width:768px){.cmd-broadcast-grid{grid-template-columns:1fr;align-items:stretch}}
