:root{--bg:#07101d;--panel:#0d1929;--panel2:#101f32;--line:#21324a;--text:#e6eef9;--muted:#8fa3bd;--green:#2ed889;--cyan:#31b8f5;--red:#ff647c;--amber:#ffbe55;--sidebar:220px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#091524;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column}.brand,.login-logo{font-weight:800;font-size:24px;letter-spacing:-1px;padding:0 10px}.brand span,.login-logo span{color:var(--green)}nav{margin-top:35px;display:grid;gap:6px}nav a{padding:11px 12px;border-radius:8px;color:var(--muted);font-weight:600}nav a:hover{background:var(--panel2);color:var(--text)}nav a span{margin-left:9px}.logout{margin-top:auto}.logout button{width:100%;background:none;border:0;color:var(--muted);padding:11px;text-align:left;cursor:pointer}.main{margin-left:var(--sidebar);min-height:100vh}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#091524cc;backdrop-filter:blur(8px)}header small{display:block;color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.6px}header strong{display:block;font-size:20px}.user{background:var(--panel2);border:1px solid var(--line);border-radius:50px;padding:8px 14px;color:var(--muted)}.content{padding:28px 32px;max-width:1500px;margin:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:12px;padding:19px}.stat span{color:var(--muted);font-weight:600}.stat strong{font-size:31px;display:block;margin-top:5px}.stat.good strong{color:var(--green)}.stat.bad strong{color:var(--red)}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px}.card h2{margin:0 0 4px;font-size:18px}.card h3{margin-top:25px}.card p{color:var(--muted);margin:3px 0}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.search{display:flex;gap:7px}.search input{width:280px}.search button,.icon-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:9px 12px;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #172840}td small{display:block;color:var(--muted);margin-top:2px}code{color:#8bd9ff;background:#071524;padding:3px 6px;border-radius:4px}.status{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:11px;text-transform:uppercase;font-weight:800}.status.online{color:var(--green);background:#143429}.status.offline{color:var(--red);background:#3c1c28}.status.degraded{color:var(--amber);background:#3b2e18}.status.unknown{color:var(--muted);background:#1b2a3e}.empty{text-align:center;color:var(--muted);padding:35px!important}.grid.two{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.client-list{display:grid}.client-list>a,.credential-row{padding:14px 4px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.client-list>a:hover{color:var(--green)}.client-list small,.credential-row small{display:block;color:var(--muted)}.form-card form{display:grid;gap:13px}.form-card label,.login-card label{display:grid;gap:6px;color:var(--muted);font-weight:600}input,select,textarea{background:#081424;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:10px 11px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}button.primary,.primary.link-btn{background:var(--green);color:#042116;border:0;border-radius:7px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-block}.page-actions{text-align:right;margin-bottom:14px}.wide{max-width:1000px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label{display:grid;gap:6px}.form-grid .full{grid-column:1/-1}.notice,.alert{padding:13px 16px;border-radius:8px;margin-bottom:18px;background:#153349;color:#8bd9ff;border:1px solid #23506e}.alert{background:#3c1c28;color:#ff9aaa;border-color:#6d2d3f}dl{display:grid;grid-template-columns:140px 1fr;margin:20px 0 0}dt,dd{padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.device-hero{display:flex;align-items:center;gap:15px}.device-hero .status{margin-left:auto}.device-icon{display:grid;place-items:center;width:48px;height:48px;background:#113a39;color:var(--green);border-radius:10px;font-size:24px}.muted{color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#123852 0,transparent 35%),var(--bg)}.login-card{width:min(390px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:38px;box-shadow:0 24px 80px #0008}.login-logo{padding:0}.login-card h1{margin:35px 0 0}.login-card>p{color:var(--muted);margin:3px 0 22px}.login-card form{display:grid;gap:15px}.terminal-bar{background:var(--panel);border:1px solid var(--line);border-radius:10px 10px 0 0;padding:13px 16px;display:flex;justify-content:space-between;align-items:center}.terminal-bar span{display:block;color:var(--muted);font-size:12px}#terminal{height:calc(100vh - 220px);min-height:420px;background:#07111f;padding:12px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.terminal-warning{background:#101f32;color:var(--muted);padding:9px 14px;border:1px solid var(--line);border-radius:0 0 10px 10px;font-size:12px}@media(max-width:850px){:root{--sidebar:68px}.sidebar{padding:22px 10px}.brand{font-size:0}.brand:before{content:'NP';font-size:20px}.brand span,nav span{display:none}.stats{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.content{padding:20px 16px}header{padding:0 18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.search input{width:170px}}
.quick-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.mini-btn,.access-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2c4665;border-radius:7px;padding:7px 10px;background:#10243a;color:#b9d8f5;font-size:11px;font-weight:800;cursor:pointer}.mini-btn:hover,.access-btn:hover{border-color:var(--cyan);color:#fff}.access-btn.web{background:#173653;color:#8bd9ff}.access-btn.winbox{background:#352b16;color:#ffd27a;border-color:#5c4820}.device-row{border-bottom:1px solid var(--line);padding:10px 4px}.device-row>a{display:flex;justify-content:space-between;align-items:center}.device-row .quick-actions{margin-top:8px}.document-list>a{padding:12px 4px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.document-list small{display:block;color:var(--muted);word-break:break-all}.inline-form{margin-top:14px}.doc-create{display:grid!important;grid-template-columns:1fr 150px auto;gap:8px!important;margin-top:10px}.document-editor textarea{font-family:Consolas,monospace;line-height:1.55;resize:vertical}dialog{width:min(560px,92vw);border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:0;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#020711cc;backdrop-filter:blur(3px)}.secret-box{padding:22px;display:grid;gap:13px}.secret-box label{display:grid;gap:6px;color:var(--muted)}@media(max-width:850px){.doc-create{grid-template-columns:1fr}.page-actions{flex-wrap:wrap}.quick-actions{gap:5px}}
.protocol-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.protocol-option{border:1px solid var(--line);border-radius:9px;padding:13px;background:#081424}.protocol-option>.check-line{color:var(--text);font-size:15px;font-weight:800;margin-bottom:10px}.protocol-fields{display:flex;gap:7px}.protocol-fields input,.protocol-fields select{min-width:0;width:100%}.protocol-badges{display:flex;gap:8px;flex-wrap:wrap}.protocol-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;background:#0a192a;color:var(--muted);font-size:12px;font-weight:800}.protocol-badge.enabled{color:var(--green);border-color:#235b45}@media(max-width:1000px){.protocol-selector{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.protocol-selector{grid-template-columns:1fr}}

/* NOC workspace: compact navigation, clear section hierarchy and calm status colors. */
:root{--bg:#080d17;--panel:#101827;--panel2:#151f31;--line:#26334b;--text:#edf3ff;--muted:#99aac5;--green:#27d7a4;--cyan:#5abafa;--red:#ff718a;--amber:#ffc46b;--accent:#7166f3;--sidebar:254px}
body{background:var(--bg);color:var(--text)}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.nav-icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar{z-index:10;background:#0b1120;border-right:1px solid #23304a;padding:26px 15px 18px;box-shadow:12px 0 36px #03071022}
.brand{display:flex;align-items:center;gap:11px;padding:1px 10px;letter-spacing:-.5px;font-size:21px;line-height:1.15}
.brand .brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#8178ff,#3c79d7);box-shadow:0 6px 22px #625cdb55;color:white;font-size:20px;letter-spacing:0}
.brand-word{white-space:nowrap}.brand-word>span{color:#b4b4ff}.brand-word small{display:block;margin-top:3px;color:#7e8daa;font-size:9px;letter-spacing:1.55px;font-weight:800}
.sidebar-intro{display:flex;align-items:center;gap:8px;margin:31px 9px 22px;padding:10px 11px;border:1px solid #26344b;border-radius:10px;background:#111b2c;color:#c0cde0;font-size:11px;font-weight:700}
.sidebar-live{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #27d7a41d,0 0 12px #27d7a455}
.sidebar nav{display:block;flex:1;margin:0;overflow-y:auto;min-height:0;scrollbar-width:none;-ms-overflow-style:none}
.sidebar nav::-webkit-scrollbar{display:none}
.nav-group{margin-bottom:18px}.nav-group+.nav-group{padding-top:12px;border-top:1px solid #202d43}
.nav-heading{display:block;margin:0 11px 8px;color:#71819f;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.sidebar nav a{display:flex;align-items:center;gap:12px;margin:3px 0;padding:10px 12px;border:1px solid transparent;border-radius:10px;color:#9caecc;font-weight:650;transition:background .16s,color .16s,border-color .16s}
.sidebar nav a span{margin:0}.sidebar nav a:hover{background:#18253b;color:#f4f7ff}
.sidebar nav a.active{background:linear-gradient(90deg,#27284e,#1a2740);border-color:#444780;color:#f4f3ff;box-shadow:inset 3px 0 #8c83ff}
.sidebar nav a.active .nav-icon{color:#a9a5ff}
.sidebar-account{display:flex;align-items:center;gap:10px;margin:8px 0 12px;padding:13px 10px 8px;border-top:1px solid #26334b}
.account-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#253252;color:#b4bbff;font-weight:800}
.account-text{min-width:0}.account-text strong,.account-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-text small{color:var(--muted);font-size:11px}
.sidebar-winbox-toggle{display:block;width:100%;margin:0 0 7px;padding:9px 10px;border:1px solid #284058;border-radius:10px;background:#102238;color:#aeeaff;text-align:left;cursor:pointer;font:inherit;font-size:12px;font-weight:650}
.sidebar-winbox-toggle:hover{background:#152d46;border-color:#3d6388}
.logout{margin:0}.logout button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:none;color:#a9b8cd;text-align:left;cursor:pointer;font:inherit;font-weight:600}.logout button:hover{background:#1a2639;color:#f3f6ff}
.main{background:radial-gradient(circle at 87% 0,#1e23523d 0,transparent 34%),var(--bg)}
.topbar{height:83px;background:#0c1322e6;border-bottom:1px solid var(--line);padding:0 34px}
.topbar-title small{color:#98a6c5;letter-spacing:1.4px}.topbar-title small span{padding:0 5px;color:#65728c}.topbar-title strong{margin-top:3px;font-size:21px;letter-spacing:-.3px}
.topbar-action{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #5857b2;border-radius:9px;background:#34317f;color:#f2f1ff;font-size:12px;font-weight:750}.topbar-action:hover{background:#4944aa;border-color:#8680f0}
.content{max-width:1600px;padding:30px 34px}.stats{gap:14px;margin-bottom:22px}.stat{background:#111a2a;border:1px solid #293650;border-radius:13px;padding:19px 20px;box-shadow:0 10px 25px #0308122e}.stat span{font-size:12px}.stat strong{font-size:29px;letter-spacing:-.6px}
.card{background:#101827;border-color:#26344b;border-radius:13px;box-shadow:0 10px 25px #03081220}.card h2{letter-spacing:-.2px}.card-head{gap:15px}
th{background:#121c2c;color:#a1b0c8}td{border-color:#233049}tbody tr:hover{background:#162238}
input,select,textarea{background:#0d1727;border-color:#324159;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:#8a83fa;box-shadow:0 0 0 3px #7166f333}
button.primary,.primary.link-btn{background:var(--accent);color:#fff;border-radius:9px}button.primary:hover,.primary.link-btn:hover{background:#857cfc}
.search button,.icon-btn,.mini-btn,.access-btn{border-radius:8px}.search button:hover,.icon-btn:hover{border-color:#8a83fa;color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid #b3adff;outline-offset:2px}
@media(max-width:850px){:root{--sidebar:72px}.sidebar{padding:22px 9px 14px}.brand{justify-content:center;padding:0}.brand-mark{width:38px;height:38px}.brand-word,.sidebar-intro,.nav-heading,.sidebar nav a span,.account-text,.logout button span,.winbox-toggle-label{display:none}.nav-group{margin-bottom:10px}.nav-group+.nav-group{padding-top:10px}.sidebar nav a{justify-content:center;padding:12px 0}.sidebar nav a.active{box-shadow:inset 3px 0 #8c83ff}.sidebar-account{justify-content:center;padding:12px 0 6px}.sidebar-winbox-toggle{height:38px;padding:0;text-align:center;font-size:10px}.sidebar-winbox-toggle::before{content:'WB';font-weight:800}.sidebar-winbox-toggle[aria-pressed="true"]::before{content:'WB ✓'}.logout button{justify-content:center;padding:10px 0}.topbar{padding:0 22px}.content{padding:22px}.brand:before{content:none}}
@media(max-width:600px){.topbar{height:72px;padding:0 15px}.topbar-title strong{font-size:17px}.topbar-action{padding:9px}.topbar-action span{display:none}.content{padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:16px}.card-head{align-items:flex-start;flex-direction:column}.search,.search input{width:100%}}
.dashboard-stats .stat{display:block;transition:transform .16s,border-color .16s}.dashboard-stats .stat:hover{transform:translateY(-2px);border-color:#59678a}.dashboard-stats .stat small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-card{min-width:0;margin:0}.dashboard-card .card-head{align-items:flex-start}.dashboard-link{flex:none;color:#a9a5ff;font-size:12px;font-weight:750}.dashboard-link:hover{color:#d5d3ff}.dashboard-link span{padding-left:3px}.status-chart-layout{display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,64px);min-height:235px;padding:8px 10px}.status-donut{width:min(210px,44%);height:auto;overflow:visible}.donut-track,.donut-segment{fill:none;stroke-width:13}.donut-track{stroke:#202c40}.donut-segment{transform:rotate(-90deg);transform-origin:60px 60px;stroke-linecap:butt;transition:stroke-width .16s,filter .16s}.donut-slice{cursor:pointer}.donut-slice:hover .donut-segment,.donut-slice:focus .donut-segment{stroke-width:18;filter:drop-shadow(0 0 5px currentColor)}.donut-slice:focus{outline:none}.chart-legend,.type-chart{display:grid;gap:14px;list-style:none;margin:0;padding:0;min-width:min(210px,48%)}.chart-legend li,.type-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.legend-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:4px 6px;border-radius:7px}.legend-link:hover,.legend-link:focus-visible{background:#18243a}.legend-label{display:flex;align-items:center;gap:9px;color:#c3cde0}.legend-label i{display:block;width:9px;height:9px;border-radius:50%;background:var(--legend-color)}.chart-legend strong,.type-row strong{white-space:nowrap;font-size:12px}.chart-legend small,.type-row small{color:var(--muted);font-size:10px;font-weight:600;margin-left:4px}.type-chart{gap:18px;padding:18px 4px 8px}.type-row{margin-bottom:7px;color:#d3dced}.type-track{height:7px;overflow:hidden;border-radius:99px;background:#202b40}.type-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7068ef,#37a8e8)}.dashboard-empty{display:grid;place-items:center;min-height:190px;padding:22px;color:var(--muted);text-align:center;font-size:13px}.attention-list,.event-list{display:grid}.attention-item,.event-item{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 2px;border-bottom:1px solid #233049}.attention-item:last-child,.event-item:last-child{border-bottom:0}.attention-item:hover .attention-main strong{color:#c4c0ff}.attention-indicator,.event-mark{flex:none;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #ff718a18}.attention-indicator.degraded,.event-mark.degraded{background:var(--amber);box-shadow:0 0 0 4px #ffc46b18}.attention-main{display:block;min-width:0;flex:1}.attention-main strong,.attention-main small,.event-item strong,.event-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-main strong,.event-item strong{font-size:12px}.attention-main small,.event-item small{margin-top:2px;color:var(--muted);font-size:11px}.attention-item .status{flex:none}.success-empty{display:flex;justify-content:center;gap:13px;text-align:left}.success-empty>span{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:50%;background:#173e36;color:var(--green);font-size:18px;font-weight:800}.success-empty strong,.success-empty small{display:block}.success-empty small{margin-top:3px;color:var(--muted);font-size:11px}.event-item>div{flex:1;min-width:0}.event-item time{flex:none;color:var(--muted);font-size:10px;white-space:nowrap}.event-mark.online{background:var(--green);box-shadow:0 0 0 4px #27d7a418}.dashboard-lower-grid{margin-top:18px}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.dashboard-lower-grid{margin-top:0}.status-chart-layout{min-height:210px}}
@media(max-width:600px){.dashboard-stats .stat{padding:15px}.dashboard-stats .stat strong{font-size:25px}.status-chart-layout{gap:15px;padding:8px 0}.status-donut{width:43%}.chart-legend{gap:11px}.dashboard-card .card-head{gap:9px}.dashboard-link{font-size:11px}.attention-item,.event-item{gap:9px;padding:11px 0}.attention-item .status{font-size:9px;padding:4px 6px}}
.dashboard-head-actions{display:flex;align-items:center;gap:16px}.dashboard-total{display:inline-flex;align-items:baseline;gap:6px;padding:6px 10px;border:1px solid #39466a;border-radius:8px;background:#1a2440;color:#cbd5ee;font-size:11px;white-space:nowrap}.dashboard-total strong{color:#b8b4ff;font-size:18px;line-height:1}@media(max-width:600px){.dashboard-head-actions{width:100%;justify-content:space-between}}
.user-access-row{padding:15px 0;border-bottom:1px solid var(--line)}.user-access-row h3{margin:0;font-size:16px}.user-access-row .card-head{margin-bottom:10px}.access-form,.reset-form{display:grid;gap:10px;margin-top:12px}.access-form>label,.reset-form>label{display:flex;gap:8px;align-items:center}.reset-form input{min-width:0}.client-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:225px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:9px;background:#0d1727}.client-picker label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--text)}.client-picker input{padding:0;flex:none}.form-card fieldset{border:0;padding:0;margin:0}.form-card legend{margin-bottom:6px;color:var(--muted);font-weight:600}@media(max-width:600px){.client-picker{grid-template-columns:1fr}}

/* Separate inventory records from fresh monitoring results. */
.status.documented,.status.inactive{color:var(--muted);background:#1b2a3e}.status.stale{color:#c6b9ff;background:#30274b}
.dashboard-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1150px){.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Offline configuration generators */
.generator-intro h1{font-size:23px;margin:0 0 5px}.generator-intro p{color:var(--muted);margin:0 0 20px}
.generator-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:18px}
.generator-tabs a{display:grid;gap:5px;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.generator-tabs a:hover,.generator-tabs a.selected{border-color:#7772e5;background:#212443}.generator-tabs strong{font-size:12px}.generator-tabs small{font-size:10px;color:var(--muted);line-height:1.35}
.generator-layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(380px,1.15fr);gap:16px;align-items:start}
.generator-form-card,.generator-preview-card{min-width:0}.generator-form-card>p,.generator-preview-head p,.generator-note{color:var(--muted);font-size:12px}
.generator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.generator-field{display:grid;align-content:start;gap:5px;min-width:0;color:#cbd8eb;font-size:12px;font-weight:700}.generator-field-wide{grid-column:1/-1}.generator-field input,.generator-field select,.generator-field textarea{width:100%;min-width:0;font-weight:400}.generator-field small{font-size:10px;color:var(--muted);font-weight:400}
.generator-check{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:8px;color:#cbd8eb;font-size:12px;cursor:pointer}.generator-check input{width:17px;height:17px;flex:none}
.generator-ports{border:1px solid var(--line);border-radius:9px;padding:11px;margin:0 0 18px}.generator-ports legend{color:#cbd8eb;font-weight:700;font-size:12px;padding:0 5px}.generator-port-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.generator-port-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.generator-port-grid select{padding:5px;min-width:80px;font-size:11px}.generator-port-grid input{flex:none}
.generator-actions{display:flex;gap:8px;flex-wrap:wrap}.generator-preview-card{position:sticky;top:12px}.generator-preview-head{display:flex;justify-content:space-between}.generator-output{width:100%;height:min(62vh,700px);min-height:360px;resize:vertical;background:#071322;border:1px solid #30415a;border-radius:9px;color:#cae7ff;font:12px/1.5 Consolas,'Courier New',monospace;white-space:pre;overflow:auto;margin:12px 0}.generator-error{margin-top:13px;padding:10px 12px;border:1px solid #9a3e51;border-radius:8px;background:#3b1d29;color:#ffd2d9;font-size:12px}.generator-note{margin-top:13px!important;line-height:1.5}
@media(max-width:1150px){.generator-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.generator-layout{grid-template-columns:1fr}.generator-preview-card{position:static}}
@media(max-width:700px){.generator-tabs{display:flex;overflow-x:auto}.generator-tabs a{min-width:155px}.generator-fields,.generator-port-grid{grid-template-columns:1fr}.generator-output{height:370px;min-height:260px}}

.system-db-card>.notice{margin:15px 0 18px}.system-db-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.system-db-action{margin:0;padding:18px}.system-db-action h3{margin:0 0 6px}.system-db-action p{min-height:38px;margin-bottom:14px}.system-db-restore form{display:grid;gap:12px}.system-db-restore label{display:grid;gap:5px;color:var(--muted);font-weight:600}.system-db-restore input[type=file]{max-width:100%;padding:9px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--text)}.system-db-restore .system-db-danger{background:#a42d43;color:#fff;border:1px solid #d54e62;border-radius:8px;padding:11px 14px;font-weight:800;cursor:pointer}.system-db-restore .system-db-danger:hover{background:#c43a52}.system-db-snapshots{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}.system-db-snapshots h3{margin:0 0 8px}.system-db-snapshots ul{list-style:none;padding:0;margin:0}.system-db-snapshots li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.system-db-snapshots li span{color:var(--muted);white-space:nowrap}@media(max-width:800px){.system-db-actions{grid-template-columns:1fr}.system-db-action p{min-height:0}}@media(max-width:520px){.system-db-snapshots li{display:grid}.system-db-snapshots li span{white-space:normal}}