:root{--bg:#0b1020;--panel:#111a2e;--panel2:#16213a;--line:#263553;--text:#e9f0ff;--muted:#91a3c2;--accent:#49a3ff;--good:#28d17c;--bad:#ff5d6c;--warn:#ffcc66;--shadow:0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#173766 0,#0b1020 38%,#070b15 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;background:var(--accent);color:#031120;font-weight:800;padding:10px 14px}button:hover{filter:brightness(1.08)}button.secondary{background:#22314e;color:var(--text);border:1px solid var(--line)}button.danger{background:var(--bad);color:#fff}button.good{background:var(--good);color:#03120a}button.warn{background:var(--warn);color:#201500}button.tiny{font-size:12px;padding:6px 9px;border-radius:9px}.lp-login{min-height:100vh;display:grid;place-items:center;padding:24px}.lp-login-card{width:min(420px,100%);background:rgba(17,26,46,.92);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:34px}.lp-logo,.lp-brand span{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#49a3ff,#5cffc8);display:grid;place-items:center;color:#061321;font-weight:900}.lp-login h1{margin:18px 0 6px}.lp-login p{color:var(--muted);margin:0 0 20px}.lp-login input,.lp-input,select,textarea{width:100%;background:#081123;border:1px solid var(--line);color:var(--text);border-radius:13px;padding:11px 12px;margin:7px 0;outline:none}.lp-login button{width:100%;margin-top:10px}.lp-msg{color:var(--bad);min-height:22px;margin-top:10px}.lp-app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.lp-side{background:rgba(9,14,27,.95);border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.lp-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lp-brand small{display:block;color:var(--muted)}.lp-nav,.lp-side-btn{text-align:left;background:transparent;color:var(--muted);border:1px solid transparent}.lp-nav:hover,.lp-nav.active{background:#15223d;color:var(--text);border-color:var(--line)}.lp-spacer{flex:1}.lp-main{padding:24px;overflow:auto}.lp-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.lp-top h1{margin:0}.lp-top p{margin:6px 0 0;color:var(--muted)}.lp-warning{background:rgba(255,204,102,.12);border:1px solid rgba(255,204,102,.35);color:#ffe1a0;border-radius:14px;padding:10px 12px;font-size:13px}.lp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lp-card{background:rgba(17,26,46,.9);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.lp-card h3{margin:0 0 8px}.lp-card p{color:var(--muted)}.lp-stat{font-size:30px;font-weight:900}.lp-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lp-bar{height:10px;background:#081123;border-radius:999px;overflow:hidden;border:1px solid var(--line);margin-top:8px}.lp-fill{height:100%;background:linear-gradient(90deg,#49a3ff,#5cffc8);width:0}.lp-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.lp-toolbar input,.lp-toolbar select{width:auto;min-width:180px;margin:0}.lp-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.lp-app-card{background:rgba(17,26,46,.88);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.lp-app-icon{font-size:28px}.lp-app-meta{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.lp-pill{border:1px solid var(--line);background:#0a1326;color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px;display:inline-flex;align-items:center;gap:5px}.lp-pill.good{color:#89ffc7;border-color:rgba(40,209,124,.4);background:rgba(40,209,124,.1)}.lp-pill.bad{color:#ffb0b8;border-color:rgba(255,93,108,.4);background:rgba(255,93,108,.1)}.lp-table{width:100%;border-collapse:separate;border-spacing:0 8px}.lp-table th{text-align:left;color:var(--muted);font-size:12px;font-weight:700;padding:0 10px}.lp-table td{background:rgba(17,26,46,.9);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 10px;vertical-align:top}.lp-table td:first-child{border-left:1px solid var(--line);border-radius:13px 0 0 13px}.lp-table td:last-child{border-right:1px solid var(--line);border-radius:0 13px 13px 0}.lp-code,pre{white-space:pre-wrap;background:#050912;border:1px solid var(--line);border-radius:14px;padding:12px;color:#d9e7ff;overflow:auto;max-height:55vh}.lp-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;z-index:50;padding:18px}.lp-modal-card{width:min(1100px,100%);max-height:92vh;overflow:hidden;background:#10192d;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);display:flex;flex-direction:column}.lp-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.lp-modal-head h2{margin:0}.lp-modal-head button{background:#243452;color:var(--text);font-size:24px;line-height:1}.lp-modal-body{padding:18px;overflow:auto}.lp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lp-field label{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}.lp-field small{color:var(--muted)}.lp-toast{position:fixed;right:24px;bottom:24px;background:#0c1426;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 16px;border-radius:14px;z-index:70}.lp-split{display:grid;grid-template-columns:300px 1fr;gap:14px}.lp-file-list button{display:block;width:100%;text-align:left;margin:4px 0;background:#101b31;color:var(--text);border:1px solid var(--line)}.lp-muted{color:var(--muted)}.lp-terminal{display:flex;gap:8px}.lp-terminal input{flex:1}.lp-progress{font-size:13px;color:var(--muted)}a{color:#78bcff;text-decoration:none}@media(max-width:900px){.lp-app{grid-template-columns:1fr}.lp-side{position:relative;height:auto}.lp-grid{grid-template-columns:repeat(2,1fr)}.lp-form-grid,.lp-split{grid-template-columns:1fr}.lp-top{display:block}.lp-warning{margin-top:10px}}@media(max-width:560px){.lp-grid{grid-template-columns:1fr}.lp-main{padding:14px}.lp-toolbar input,.lp-toolbar select{width:100%}}
.lp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-mini{width:100%;border-collapse:collapse}.lp-mini td{padding:8px;border-bottom:1px solid var(--line)}.lp-check{display:flex;gap:8px;align-items:center;color:var(--muted);margin:8px 0}.lp-check input{width:auto}.lp-side{overflow:auto}.lp-drive{border:1px solid var(--line);border-radius:16px;padding:12px;background:#0d1729}.lp-drive b{display:block;margin-bottom:4px}.lp-card .lp-warning{margin:8px 0}.lp-kbd{font-family:ui-monospace,Consolas,monospace;background:#050912;border:1px solid var(--line);border-radius:6px;padding:2px 5px}@media(max-width:900px){.lp-grid-2{grid-template-columns:1fr}}

/* LabPanel v9 metrics */
.lp-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.lp-card-head h3{margin:0}.lp-graph{width:100%;height:180px;display:block;background:#060b16;border:1px solid var(--line);border-radius:14px}.lp-graph.big{height:240px}.lp-core-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.lp-core{background:#0b1427;border:1px solid var(--line);border-radius:14px;padding:10px}.lp-core.small{padding:8px}.lp-core>div:first-child{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-bottom:6px}.lp-fill.good{background:linear-gradient(90deg,#28d17c,#5cffc8)}.lp-fill.warn{background:linear-gradient(90deg,#ffcc66,#ff9f43)}.lp-fill.bad{background:linear-gradient(90deg,#ff5d6c,#ff8aa0)}
@media(max-width:560px){.lp-core-grid{grid-template-columns:1fr}.lp-graph.big{height:190px}}

.lp-codebox{border:1px solid var(--line);background:#0d1628;border-radius:14px;padding:12px;margin-top:10px}
.lp-codebox pre{white-space:pre-wrap;word-break:break-word}
.lp-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}

/* LABPANEL_V11_TOPBAR_START */
.lp-app-topbar{display:flex!important;flex-direction:column;min-height:100vh;grid-template-columns:none!important}.lp-headbar{position:sticky;top:0;z-index:40;background:rgba(9,14,27,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:10px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.lp-brand-top{margin:0;min-width:170px}.lp-brand-top small{font-size:11px}.lp-topnav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lp-topnav .lp-nav,.lp-menu-btn,.lp-head-actions .lp-side-btn{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:12px;text-align:center;padding:9px 12px;white-space:nowrap}.lp-topnav .lp-nav:hover,.lp-topnav .lp-nav.active,.lp-menu:hover>.lp-menu-btn,.lp-menu.open>.lp-menu-btn,.lp-menu:focus-within>.lp-menu-btn,.lp-menu:has(.lp-nav.active)>.lp-menu-btn{background:#15223d;color:var(--text);border-color:var(--line)}.lp-menu{position:relative}.lp-menu-panel{display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:235px;background:#0c1426;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow);z-index:60}.lp-menu:hover>.lp-menu-panel,.lp-menu:focus-within>.lp-menu-panel,.lp-menu.open>.lp-menu-panel{display:flex;flex-direction:column;gap:5px}.lp-menu-panel .lp-nav{width:100%;text-align:left;border-radius:11px}.lp-head-actions{display:flex;gap:8px;align-items:center}.lp-head-actions .lp-side-btn{background:#182641;color:var(--text);border-color:var(--line)}.lp-head-actions .lp-side-btn.danger{background:rgba(255,93,108,.16);color:#ffb0b8;border-color:rgba(255,93,108,.38)}.lp-main{padding:22px;overflow:visible}.lp-side{display:none!important}.lp-top{margin-bottom:16px}.lp-menu-panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}@media(max-width:980px){.lp-headbar{grid-template-columns:1fr;gap:10px}.lp-brand-top{min-width:0}.lp-topnav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.lp-topnav::-webkit-scrollbar{height:6px}.lp-topnav::-webkit-scrollbar-thumb{background:#263553;border-radius:999px}.lp-menu-panel{position:fixed;left:12px;right:12px;top:115px;min-width:0;max-height:55vh;overflow:auto}.lp-head-actions{justify-content:flex-start}.lp-main{padding:14px}}@media(max-width:560px){.lp-headbar{padding:10px}.lp-brand-top span{width:38px;height:38px;border-radius:13px}.lp-topnav .lp-nav,.lp-menu-btn,.lp-head-actions .lp-side-btn{padding:8px 10px;font-size:13px}.lp-warning{font-size:12px}.lp-menu-panel{top:136px}}
/* LABPANEL_V11_TOPBAR_END */

/* LABPANEL_V12_CSS_START */
.lp-check{display:flex;gap:8px;align-items:center;color:var(--muted);margin:10px 0}.lp-check input{width:auto}.lp-card pre{max-height:420px;overflow:auto}.lp-table .danger{border-color:rgba(255,93,108,.45)}.lp-vm-note{border:1px solid var(--line);background:#0e1a30;border-radius:14px;padding:10px;color:var(--muted)}
/* LABPANEL_V12_CSS_END */