/* Cyber Tactical HUD UI - lightweight */
:root{--bg:#030915;--bg2:#071527;--panel:#081a2d;--panel2:#0a2038;--line:#164568;--line2:#1e78a8;--text:#e7f7ff;--dim:#83a9bf;--muted:#5f8499;--cyan:#22d3ee;--blue:#38bdf8;--danger:#ff5d7a;--warn:#fbbf24;--ok:#34d399;--cut:14px;--text-dim:var(--dim);--panel-2:var(--panel2)}
*{box-sizing:border-box}html{scrollbar-color:#1f6f99 #06111f}body{margin:0;color:var(--text);font:500 13px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 420px at 15% -12%,rgba(34,211,238,.14),transparent 58%),radial-gradient(760px 360px at 100% 0,rgba(56,189,248,.11),transparent 52%),linear-gradient(180deg,#04101f,#030915 60%);min-height:100vh}a{color:inherit;text-decoration:none}.material-symbols-outlined{font-size:18px;line-height:1;vertical-align:-4px}.container{width:min(1320px,94vw);margin:0 auto}.navbar{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(34,211,238,.22);background:linear-gradient(90deg,rgba(3,9,21,.96),rgba(7,21,39,.96));}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand-logo{width:36px;height:36px;clip-path:polygon(0 0,76% 0,100% 24%,100% 100%,24% 100%,0 76%);border:1px solid var(--cyan);padding:4px;background:#06101d}.brand-title{font-weight:900;letter-spacing:.12em;font-size:.86rem;color:#f2fcff}.brand-title small{display:block;color:var(--cyan);font-size:.68rem;letter-spacing:.18em;margin-top:1px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.main-shell{padding:16px 0 28px}.card,.section,.app-tile,dialog{position:relative;background:linear-gradient(180deg,rgba(34,211,238,.035),transparent 36%),var(--panel);border:1px solid rgba(34,211,238,.28);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));padding:14px}.card:before,.section:before,.app-tile:before,dialog:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--cyan) 0 34px,transparent 34px calc(100% - 34px),var(--blue) calc(100% - 34px));height:1px}.alert-card{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#c9f8ff;background:#061a2a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid rgba(34,211,238,.28);background:#08192b;color:var(--text);font-weight:800;font-size:.82rem;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));text-decoration:none}.btn:hover{border-color:var(--cyan);color:#fff;background:#0a2138}.btn-primary{background:linear-gradient(90deg,#045a75,#047da0);border-color:rgba(34,211,238,.7);color:#eaffff}.btn-secondary{background:#0b2035;border-color:#1f5f87;color:#bfeaff}.btn-outline{background:transparent}.btn-danger{background:#2a0a14;border-color:rgba(255,93,122,.55);color:#ffd2dc}.btn-ghost{background:transparent;color:var(--dim)}.badge,.user-chip{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid rgba(34,211,238,.28);background:#061828;color:#bff7ff;font-weight:900;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}.badge-green{border-color:rgba(52,211,153,.5);color:#b7ffe2}.badge-yellow{border-color:rgba(251,191,36,.55);color:#ffe6a3}.badge-red{border-color:rgba(255,93,122,.55);color:#ffd2dc}.muted{color:var(--dim)}h1,h2,h3,h4{color:#f5fdff;letter-spacing:.02em}.scroll{overflow:auto;border:1px solid rgba(34,211,238,.16)}.table{width:100%;border-collapse:collapse;min-width:840px;background:#061321}.table th,.table td{padding:9px 10px;border-bottom:1px solid rgba(34,211,238,.12);vertical-align:top}.table thead th{position:sticky;top:0;background:#081d32;color:#8eeeff;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;z-index:2}.table tbody tr:hover{background:#0a2038}.grid{display:grid;gap:10px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.form-control,.form-select,.login-input,input,select,textarea{width:100%;border:1px solid rgba(34,211,238,.22);background:#061828;color:var(--text);padding:9px 10px;font:inherit;outline:none;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.form-control:focus,.form-select:focus,.login-input:focus,input:focus,select:focus,textarea:focus{border-color:var(--cyan)}::placeholder{color:#63889b}.form-select option,select option{background:#061828;color:var(--text)}dialog{max-width:940px;width:min(940px,96vw);color:var(--text)}dialog::backdrop{background:rgba(0,5,12,.72)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.section-title{font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:900}.section-body{margin-top:8px}.info-kv{border:1px solid rgba(34,211,238,.18);background:#061828;padding:8px}.info-k{font-size:.7rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.info-v{margin-top:2px;font-weight:700;color:var(--text);word-break:break-word}.pagination{display:flex;gap:6px;flex-wrap:wrap}.pagination a{border:1px solid rgba(34,211,238,.25);padding:5px 9px;color:var(--text)}.pagination a.active{background:#075f7b;color:#fff}.footer{text-align:center;color:#5f8499;padding:18px}.dash-grid{display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr))}.kpi{grid-column:span 4}.full{grid-column:span 12}.hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.apps-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.app-tile{display:flex;flex-direction:column;gap:6px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.name{font-weight:900}.cat{color:var(--cyan);font-size:.74rem}.desc{color:var(--dim);font-size:.82rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(420px,94vw)}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:14px}.login-title{margin:0 0 4px}.login-subtitle{margin:0 0 14px;color:var(--dim)}.login-alert{border:1px solid rgba(255,93,122,.5);color:#ffd2dc;background:#2a0a14;padding:9px;margin-bottom:10px}.login-field{margin-bottom:10px}.login-label{display:block;margin-bottom:5px;color:#8eeeff;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.login-submit{width:100%;margin-top:8px}.login-meta{margin-top:12px;text-align:center;color:var(--muted);font-size:.76rem}@media(max-width:900px){.kpi{grid-column:span 6}.grid-2,.grid-3{grid-template-columns:1fr}.nav-inner{align-items:flex-start;flex-direction:column}.header-actions{width:100%}}@media(max-width:560px){.kpi{grid-column:span 12}.container{width:min(96vw,1320px)}.card,.section{padding:11px}.table th,.table td{padding:8px}.btn{font-size:.78rem}}@media print{.navbar,.footer,dialog,.no-print{display:none!important}body{background:#fff!important;color:#000!important}.container{width:100%!important}.card,.section{clip-path:none;border-color:#bbb!important;background:#fff!important}.table th,.table td{color:#000!important;border-bottom:1px solid #ddd!important}.table thead th{position:static;background:#eee!important;color:#000!important}.muted{color:#333!important}}

.btn .material-symbols-outlined,.btn .material-symbols-rounded{font-size:18px;line-height:1;vertical-align:-4px}