:root{--bg:#0b1014;--panel:#121a20;--panel2:#172129;--line:#26343e;--text:#eef4f3;--muted:#8fa1a8;--lime:#a6f04c;--red:#ff6b5e;--amber:#ffc45c;--blue:#61b8ff;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}.login-page{min-height:100vh;background:radial-gradient(circle at 50% 20%,#203128 0,#0b1014 48%)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);background:#121a20f0;border:1px solid #2d4035;border-radius:24px;padding:38px;box-shadow:0 30px 80px #0008}.brand-mark{width:58px;height:58px;border-radius:16px;background:var(--lime);color:#10170d;display:grid;place-items:center;font-size:19px;font-weight:950;letter-spacing:-.08em;box-shadow:0 0 35px #a6f04c38}.brand-mark.small{width:40px;height:40px;border-radius:11px;font-size:13px}.eyebrow{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.18em;margin:20px 0 5px}.login-card h1{font-size:34px;line-height:1.08;margin:0}.login-card h1 span{color:var(--lime)}.muted{color:var(--muted)}.login-form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;color:#bdc9cc;font-size:12px;font-weight:700;letter-spacing:.03em}input,select{width:100%;border:1px solid var(--line);background:#0d1418;color:var(--text);border-radius:11px;padding:12px 13px;outline:none}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #a6f04c1c}.primary,.secondary{border-radius:11px;padding:12px 17px;font-weight:800}.primary{background:var(--lime);color:#10170d}.secondary{background:#233039;color:var(--text);border:1px solid #354650}.action-link{text-decoration:none;display:inline-flex;align-items:center}.ghost{background:transparent;color:var(--muted);padding:8px 10px}.alert,.dialog-message{padding:10px 12px;border-radius:10px;margin-top:15px}.alert.compact{font-size:11px;max-height:68px;overflow:auto}.error{background:#ff6b5e18;color:#ff978e;border:1px solid #ff6b5e42}.topbar{min-height:72px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);align-items:center;padding:0 max(24px,calc((100vw - 1420px)/2));position:sticky;top:0;background:#0b1014f2;backdrop-filter:blur(12px);z-index:4}.brand,.top-actions{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em}.top-actions{justify-content:flex-end}.main-nav{display:flex;gap:4px;background:#10171c;border:1px solid var(--line);border-radius:12px;padding:4px}.nav-item{background:transparent;color:var(--muted);padding:8px 14px;border-radius:8px;font-weight:700;font-size:12px}.nav-item.active{background:#25323a;color:var(--text)}.scan-button{background:var(--lime);color:#10170d;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:850}.container{max-width:1420px;margin:auto;padding:38px 24px 70px}.page-view{display:none}.page-view.active{display:block}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero .eyebrow{margin-top:0}.hero h1{font-size:clamp(28px,4vw,45px);line-height:1.05;margin:0}.hero p:not(.eyebrow){color:var(--muted);margin:10px 0 0}.compact-hero{align-items:center}.scan-time{text-align:right;color:var(--muted);font-size:10px;letter-spacing:.1em}.scan-time strong{color:var(--text);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:32px 0}.stats article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden}.stats article:before{content:"";position:absolute;width:60px;height:3px;left:20px;top:0;background:var(--lime)}.stats span,.stats small{color:var(--muted);display:block}.stats strong{font-size:32px;line-height:1.15}.danger-stat:before{background:var(--red)!important}.online-stat:before{background:var(--blue)!important}.toolbar{display:flex;gap:12px;margin:0 0 18px}.search{position:relative;display:block;flex:1}.search span{position:absolute;left:14px;top:8px;font-size:22px;color:var(--muted)}.search input{padding-left:42px}.toolbar select{width:205px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.device-card{background:linear-gradient(145deg,var(--panel),#10171c);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}.device-card:hover{border-color:#3c4d56;transform:translateY(-2px)}.preview{height:170px;background:#080d10;position:relative;display:grid;place-items:center;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.preview-empty{color:#526269;text-align:center}.preview-empty b{font-size:27px;display:block;color:#36454b}.status-chip{position:absolute;top:12px;right:12px;border-radius:999px;padding:5px 9px;background:#111b20e8;color:#aab8bc;font-size:10px;font-weight:800;text-transform:uppercase}.availability{display:flex;align-items:center;gap:6px}.availability i,.table-status i{width:7px;height:7px;border-radius:50%;background:#738187}.online i{background:var(--lime);box-shadow:0 0 9px #a6f04c}.offline i{background:var(--red);box-shadow:0 0 9px #ff6b5e}.card-body{padding:17px}.device-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.device-heading h2{font-size:17px;line-height:1.2;margin:0;max-width:270px}.device-heading code{display:block;color:var(--lime);margin-top:5px}.profile{color:#a9bcc2;font-size:10px;font-weight:800;text-align:right}.detected{color:var(--muted);min-height:22px;margin:10px 0}.ports{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.port{font:10px ui-monospace,monospace;color:#b8c5c8;background:#0b1115;border:1px solid #26343e;padding:4px 6px;border-radius:6px}.meta{border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:11px;display:grid;gap:3px}.meta b{color:#c7d2d5;font-weight:600}.card-actions{display:flex;gap:8px;margin-top:13px}.card-actions button{flex:1;padding:9px;border-radius:9px;font-size:12px;font-weight:800}.capture-btn{background:#233039;color:var(--text)}.config-btn{background:transparent;color:var(--lime);border:1px solid #47612f}.loading{grid-column:1/-1;text-align:center;color:var(--muted);padding:50px}.report-actions{display:flex;gap:10px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:830px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;background:#0e1519}td{color:#b8c5c8}td strong{color:var(--text)}tr:last-child td{border-bottom:0}.table-status{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase}.empty-cell{text-align:center;padding:38px}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.settings-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.settings-title h2,.section-heading h2{margin:0;font-size:20px}.settings-title p{margin:3px 0 0;color:var(--muted)}.settings-icon{width:38px;height:38px;border-radius:10px;background:#a6f04c18;color:var(--lime);display:grid;place-items:center;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide{grid-column:1/-1}.switch-row{display:flex;align-items:center;gap:9px;margin-top:17px}.switch-row input{width:auto}.switch-row.subtle{margin-top:8px;color:var(--muted)}.credential-state{font-size:11px;color:var(--lime);margin:16px 0 0}.schedule-summary{display:flex;gap:20px;color:var(--muted);font-size:11px;margin-top:18px}.schedule-summary b{color:var(--text)}.settings-footer{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:15px}.settings-footer .dialog-message{margin:0}.history-section{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading .eyebrow{margin:0 0 5px}dialog{width:min(700px,calc(100% - 28px));border:1px solid #34454e;border-radius:22px;background:var(--panel);color:var(--text);padding:0;box-shadow:0 25px 90px #000b}dialog::backdrop{background:#030608bf;backdrop-filter:blur(4px)}#device-form{padding:25px}.dialog-head{display:flex;justify-content:space-between}.dialog-head .eyebrow{margin:0}.dialog-head h2{font-size:23px;margin:5px 0 0}.dialog-ip{font:14px ui-monospace,monospace;color:var(--lime);margin:4px 0 22px}.icon-button{background:transparent;color:var(--muted);font-size:30px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-message{display:none}.dialog-message.show{display:block}.dialog-message.ok{background:#a6f04c13;color:var(--lime);border:1px solid #a6f04c3b}.dialog-message.error{display:block}.device-card.busy{opacity:.65;pointer-events:none}.operation-overlay{position:fixed;inset:0;background:#070b0ee8;z-index:20;display:none;place-items:center;align-content:center;gap:9px;text-align:center}.operation-overlay.show{display:grid}.operation-overlay span{color:var(--muted)}.spinner{width:42px;height:42px;border:3px solid #26343e;border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:24px;bottom:24px;z-index:30;max-width:430px;background:#152019;border:1px solid #496633;color:#cffa99;padding:13px 16px;border-radius:11px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#251514;border-color:#713630;color:#ffaaa2}@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.main-nav{order:3;grid-column:1/-1;justify-self:center;margin-bottom:8px}.device-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}}@media(max-width:700px){.topbar{padding:10px 16px}.brand strong{font-size:12px}.top-actions form{display:none}.container{padding:24px 16px}.hero{display:block}.scan-time,.report-actions{margin-top:20px;text-align:left}.stats{grid-template-columns:1fr 1fr}.device-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar select{width:100%}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.dialog-actions{flex-direction:column-reverse}.hero h1{font-size:32px}.settings-footer{display:block}.main-nav{max-width:100%;overflow:auto}.nav-item{white-space:nowrap}}@media print{.topbar,.report-actions,#view-dashboard,#view-settings{display:none!important}body{background:white;color:#111}.container{padding:0}.page-view{display:none!important}#view-reports{display:block!important}.hero p,.eyebrow{color:#444!important}.stats article,.table-wrap{border-color:#ccc;background:white;color:#111}.stats span,.stats small,td{color:#333}th{background:#eee;color:#111}table{min-width:0}.table-status{border-color:#aaa}}
.brand-logo{display:block;margin:0 auto;width:88px;height:88px;object-fit:contain;background:#fff;border-radius:16px;padding:6px;box-shadow:0 0 35px #a6f04c38}
.login-footer{margin:26px 0 0;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.04em}