@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";
:root{--bg:#050505;--panel:#0a0f06;--panel-hover:#0f1a0a;--border:#1a3a0a;--border-bright:#2a5a1a;--glow:#3f3;--glow-dim:#1a8a1a;--glow-faint:#33ff330f;--amber:#fa0;--amber-dim:#ffaa0080;--red:#f33;--red-dim:#ff333380;--cyan:#0fc;--cyan-dim:#00ffcc80;--blue:#48f;--text:#3f3;--text-dim:#1a8a1a;--text-faint:#33ff3359;--text-muted:#3f33}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Share Tech Mono,SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 3px);position:fixed;inset:0}.topbar{border-bottom:1px solid var(--border);background:var(--panel);z-index:100;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.topbar .logo{align-items:center;gap:12px;display:flex}.topbar .logo-icon{border:2px solid var(--glow);width:32px;height:32px;text-shadow:0 0 8px var(--glow);border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:flex;box-shadow:0 0 12px #33ff3326}.topbar h1{letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 12px var(--glow);font-size:15px;font-weight:400}.topbar h1 .dim{color:var(--text-dim);letter-spacing:2px;font-size:11px}.topbar .right{color:var(--text-dim);letter-spacing:1px;align-items:center;gap:24px;font-size:11px;display:flex}.live-dot{background:var(--glow);width:8px;height:8px;box-shadow:0 0 8px var(--glow);border-radius:50%;margin-right:6px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--glow)}50%{opacity:.3;box-shadow:0 0 4px var(--glow)}}.layout{min-height:calc(100vh - 56px);display:flex}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-shrink:0;width:220px;padding:20px 0;overflow-y:auto}.sidebar .section-label{letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;padding:12px 20px 6px;font-size:9px}.sidebar .nav-btn{text-align:left;width:100%;color:var(--text-dim);cursor:pointer;letter-spacing:1px;background:0 0;border:none;padding:8px 20px;font-family:inherit;font-size:12px;transition:all .15s;display:block}.sidebar .nav-btn:hover{color:var(--glow);background:var(--glow-faint)}.sidebar .nav-btn.active{color:#000;background:var(--glow);text-shadow:none;font-weight:700}.sidebar .clearance{border:1px solid var(--border);background:var(--glow-faint);letter-spacing:1px;margin:20px 16px 0;padding:12px 14px;font-size:10px;line-height:1.8}.sidebar .clearance .user{color:var(--glow)}.main{flex:1;padding:24px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:28px;display:grid}.stat-box{border:1px solid var(--border);background:var(--panel);padding:18px 20px;transition:border-color .2s}.stat-box:hover{border-color:var(--border-bright)}.stat-box .label{letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;font-size:9px}.stat-box .value{text-shadow:0 0 15px;margin-top:4px;font-size:32px;font-weight:400}.stat-box .value.green{color:var(--glow)}.stat-box .value.amber{color:var(--amber)}.stat-box .value.cyan{color:var(--cyan)}.stat-box .value.red{color:var(--red)}.stat-box .value.blue{color:var(--blue)}.view-toggle{border:1px solid var(--border);gap:2px;display:flex}.view-toggle button{color:var(--text-dim);cursor:pointer;letter-spacing:1px;background:0 0;border:none;padding:4px 12px;font-family:inherit;font-size:11px;transition:all .15s}.view-toggle button:hover{color:var(--glow);background:var(--glow-faint)}.view-toggle button.active{color:#000;background:var(--glow);font-weight:700}.section-hdr{letter-spacing:4px;text-transform:uppercase;color:var(--glow);border-bottom:1px solid var(--border);text-shadow:0 0 10px var(--glow);justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 0 12px;font-size:12px;display:flex}.section-hdr .count{border:1px solid var(--border);color:var(--text-dim);letter-spacing:2px;text-shadow:none;padding:3px 12px;font-size:10px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px;display:grid}.card{border:1px solid var(--border);background:var(--panel);cursor:default;padding:20px 20px 20px 28px;transition:all .2s;position:relative;overflow:hidden}.card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.card.s-active:before{background:var(--glow);box-shadow:0 0 10px var(--glow)}.card.s-completed:before{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.card.s-standby:before{background:var(--amber);box-shadow:0 0 10px var(--amber)}.card.s-failed:before{background:var(--red);box-shadow:0 0 10px var(--red)}.card:hover{border-color:var(--border-bright);background:var(--panel-hover);box-shadow:0 0 20px #33ff330f}.card .card-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.card .card-title{letter-spacing:1px;text-transform:uppercase;color:var(--glow);text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:13px;transition:text-shadow .2s;overflow:hidden}.card:hover .card-title{text-shadow:0 0 8px var(--glow)}.card .badge{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border:1px solid;padding:2px 8px;font-size:9px}.badge-active{border-color:var(--glow)!important;color:var(--glow)!important}.badge-queued{border-color:var(--amber)!important;color:var(--amber)!important}.badge-completed,.badge-finished,.badge-deployed{border-color:var(--cyan)!important;color:var(--cyan)!important}.badge-failed,.badge-escalated,.badge-rejected{border-color:var(--red)!important;color:var(--red)!important}.badge-received{border-color:var(--amber)!important;color:var(--amber)!important}.card .card-project{color:var(--text-dim);letter-spacing:.5px;margin-bottom:10px;font-size:11px}.card .card-desc{color:var(--text-faint);max-height:42px;margin-bottom:10px;font-size:11px;line-height:1.6;overflow:hidden}.card .card-link{color:var(--glow);word-break:break-all;margin-bottom:10px;font-size:11px;text-decoration:none;transition:all .15s;display:block}.card .card-link:hover{color:#4f4;text-shadow:0 0 6px var(--glow)}.card .card-foot{color:var(--text-dim);letter-spacing:.5px;border-top:1px solid #1a3a0a80;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;font-size:10px;display:flex}.card .card-agent{color:var(--cyan);letter-spacing:1px}.task-table{border-collapse:collapse;width:100%;margin-bottom:32px;font-size:12px}.task-table th{text-align:left;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border);padding:10px 16px;font-size:9px;font-weight:400}.task-table td{color:var(--text-faint);vertical-align:middle;border-bottom:1px solid #1a3a0a4d;padding:12px 16px}.task-table tr{transition:background .15s}.task-table tr:hover{background:var(--glow-faint)}.task-table tr:hover td{color:var(--text)}.task-table .row-indicator{width:4px;padding:0;position:relative}.task-table .row-indicator:after{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.task-table tr.r-active .row-indicator:after{background:var(--glow);box-shadow:0 0 6px var(--glow)}.task-table tr.r-completed .row-indicator:after{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.task-table tr.r-standby .row-indicator:after{background:var(--amber);box-shadow:0 0 6px var(--amber)}.task-table tr.r-failed .row-indicator:after{background:var(--red);box-shadow:0 0 6px var(--red)}.task-table .subj{color:var(--glow);letter-spacing:.5px}.task-table .agent{color:var(--cyan)}.task-table .url-link{color:var(--glow);font-size:11px;text-decoration:none}.task-table .url-link:hover{color:#4f4;text-shadow:0 0 6px var(--glow)}.auth-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-box{border:1px solid var(--border);background:var(--panel);text-align:center;width:400px;padding:40px}.auth-box h1{letter-spacing:6px;text-shadow:0 0 15px var(--glow);margin-bottom:8px;font-size:18px}.auth-box .subtitle{color:var(--text-dim);letter-spacing:2px;margin-bottom:30px;font-size:10px}.auth-box input{border:1px solid var(--border);width:100%;color:var(--glow);letter-spacing:1px;background:#33ff330a;outline:none;margin-bottom:16px;padding:10px 14px;font-family:inherit;font-size:12px}.auth-box input::placeholder{color:var(--text-dim)}.auth-box input:focus{border-color:var(--glow);box-shadow:0 0 10px #33ff3326}.auth-box button{background:var(--glow);color:#000;letter-spacing:3px;cursor:pointer;text-transform:uppercase;border:none;width:100%;padding:10px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s}.auth-box button:hover{background:#4f4}.auth-box .error{color:var(--red);margin-top:12px;font-size:11px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--glow-dim)}.empty-section{text-align:center;color:var(--text-muted);letter-spacing:2px;border:1px dashed var(--border);margin-bottom:32px;padding:20px;font-size:11px}@media (max-width:768px){.sidebar{display:none}.card-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}