:root{color-scheme:dark;--bg:#080b11;--panel:rgba(22,27,39,.61);--panel-strong:rgba(28,34,47,.79);--stroke:rgba(207,218,247,.085);--stroke-hover:rgba(207,218,247,.16);--text:#f0f4fc;--muted:#8993a8;--dim:#606d83;--mint:#9ef5bc;--purple:#a195ff;--blue:#81c7ff;--red:#ff8492;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button,.glass,input,textarea{transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s}a{color:inherit}h1,h2,h3,p{margin:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.background-glow{position:fixed;width:570px;height:570px;z-index:-1;pointer-events:none;filter:blur(95px);border-radius:100%;opacity:.29}.glow-a{left:8%;top:-280px;background:#293e64}.glow-b{bottom:-390px;right:-190px;background:#2b395e;opacity:.2}[hidden]{display:none!important}
/* authentication */
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 38%,rgba(88,105,148,.12),transparent 45%)}.auth-inner{width:100%;max-width:430px;padding:48px 39px;border:1px solid var(--stroke-hover);background:linear-gradient(150deg,rgba(31,37,52,.85),rgba(15,19,28,.82));backdrop-filter:blur(22px);border-radius:26px;box-shadow:0 35px 110px rgba(0,0,0,.3)}.auth-mark,.brand-icon{position:relative;display:grid;place-items:center;color:#0d1a1b;font-weight:1000;background:linear-gradient(142deg,#d1ffcd,#86d5ba);box-shadow:0 0 32px rgba(155,245,188,.14);border-radius:14px}.auth-mark{font-size:34px;width:64px;height:64px;margin-bottom:32px}.auth-mark span,.brand-icon span{position:absolute;color:#536f65;font-size:10px;right:7px;top:7px}.auth-kicker,.eyebrow{font-size:10px;letter-spacing:.20em;font-weight:800;color:#a3b1ca;display:flex;gap:10px;align-items:center}.mini-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px rgba(158,245,188,.6);vertical-align:middle}.auth-inner h1{font-size:clamp(40px,8vw,52px);line-height:1.1;letter-spacing:-.055em;margin:18px 0 17px;font-weight:780}.auth-inner h1 span{color:var(--mint)}.auth-inner>p{color:var(--muted);line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:13px;margin:37px 0 0}.auth-form label{font-weight:700;font-size:12px;color:#b8c4d8}.auth-form input{height:52px;border-radius:12px;border:1px solid var(--stroke-hover);background:rgba(5,8,15,.48);color:var(--text);padding:0 16px}.auth-form input:focus{border-color:var(--mint)}.auth-submit{justify-content:space-between!important;margin-top:7px;height:52px!important}.auth-foot{display:flex;align-items:center;gap:8px;margin-top:27px;font-size:11px;color:var(--dim)}.auth-foot .ico{width:14px;height:14px}.error-message{color:var(--red);min-height:16px;font-size:12px}
/* layout */
.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;min-height:100vh;height:100vh;width:262px;flex:0 0 262px;background:rgba(14,18,27,.80);border-right:1px solid var(--stroke);backdrop-filter:blur(22px);padding:32px 17px 20px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:13px;margin:0 14px 33px}.brand-icon{width:41px;height:41px;font-size:23px;border-radius:11px}.brand-icon span{font-size:8px;top:5px;right:5px}.brand strong{font-size:25px;font-weight:800;letter-spacing:-.075em;line-height:1}.brand-dot{color:var(--mint)}.brand small{display:block;color:var(--dim);font-size:9px;font-weight:800;letter-spacing:.19em;margin-top:4px}.workspace-tag{background:linear-gradient(130deg,rgba(53,60,80,.5),rgba(30,35,49,.4));border:1px solid var(--stroke);border-radius:14px;display:flex;align-items:center;padding:11px;gap:10px;min-height:65px;margin-bottom:37px}.workspace-logo{height:35px;width:35px;display:grid;place-items:center;background:#32443d;color:var(--mint);border:1px solid rgba(158,245,188,.2);font-size:11px;font-weight:900;border-radius:10px}.workspace-tag strong{font-size:11px;display:block}.workspace-tag small{display:block;font-size:10px;color:var(--dim);margin-top:4px}.workspace-tag .chevron{color:#5c6980;margin-left:auto;width:13px}.nav-label{padding:0 16px;color:#5d6880;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:13px}.navigation{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 15px;border:1px solid transparent;border-radius:11px;background:transparent;color:#929cb1;font-size:12px;font-weight:680;text-align:left}.nav-item .ico{width:18px;height:18px;stroke-width:1.85}.nav-item:hover{background:rgba(255,255,255,.05);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,rgba(158,245,188,.12),rgba(158,245,188,.035));color:var(--mint);border:1px solid rgba(158,245,188,.105)}.nav-tag{margin-left:auto;font-size:8px;letter-spacing:.08em;color:#89f5b1;background:rgba(158,245,188,.13);padding:4px 5px;border-radius:4px}.second-label{margin-top:35px}.sidebar-spacer{flex:1}.side-status{display:flex;align-items:center;gap:13px;margin:0 8px 22px;padding:14px 13px;background:rgba(255,255,255,.03);border:1px solid var(--stroke);border-radius:12px}.pulse-dot,.hero-pulse{height:9px;width:9px;border-radius:50%;background:#586073;flex:none}.pulse-dot.on,.hero-pulse.on{background:var(--mint);box-shadow:0 0 0 4px rgba(158,245,188,.1),0 0 21px rgba(158,245,188,.5)}.pulse-dot.off,.hero-pulse.off{background:var(--red)}.side-status strong,.side-status small{display:block}.side-status strong{font-size:11px}.side-status small{font-size:10px;color:var(--dim);margin-top:5px}.sidebar-user{border-top:1px solid var(--stroke);padding:19px 7px 0;display:flex;align-items:center;gap:11px}.avatar{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;color:#dde3fc;background:linear-gradient(125deg,#4f467d,#383c5f);font-size:12px;font-weight:800}.user-meta{flex:1;min-width:0}.user-meta strong{font-size:11px;display:block}.user-meta small{font-size:10px;display:block;color:var(--dim);margin-top:3px}.icon-button{border:0;background:none;color:var(--muted);height:34px;width:34px;display:grid;place-items:center;border-radius:8px}.icon-button:hover{background:rgba(255,255,255,.06);color:var(--text)}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:81px;flex:none;border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,4vw,58px);background:rgba(10,13,20,.26);backdrop-filter:blur(12px)}.breadcrumbs-top{display:flex;align-items:center;gap:12px;color:#718097;font-size:10px;font-weight:850;letter-spacing:.13em}.breadcrumbs-top .ico{width:12px;height:12px;color:#4b566b}.breadcrumbs-top span{color:#c3ccda}.top-actions{display:flex;align-items:center;gap:21px;font-size:11px;color:var(--muted)}.top-divider{width:1px;height:22px;background:var(--stroke-hover)}.top-profile{display:flex;align-items:center;gap:8px;font-weight:700;color:#c7d1e2}.online-dot{height:7px;width:7px;background:var(--mint);border-radius:50%}.content{padding:45px clamp(22px,4vw,58px) 65px;flex:1;width:100%;max-width:1700px;margin:0 auto}.page{animation:in .28s ease}@keyframes in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:36px}.page-heading h1{font-size:clamp(30px,3vw,43px);font-weight:770;letter-spacing:-.065em;line-height:1.17;margin:14px 0 10px}.heading-period{color:var(--mint)}.page-heading p{color:var(--muted);line-height:1.6;font-size:13px}.page-label,.pill{white-space:nowrap;background:rgba(255,255,255,.03);border:1px solid var(--stroke-hover);border-radius:8px;color:#8d9bb2;font-size:10px;font-weight:790;letter-spacing:.12em;padding:11px 13px}.page-label span{color:var(--mint);margin-left:7px}.pill{display:flex;align-items:center;gap:8px;letter-spacing:.05em;text-transform:uppercase}.pill.enabled{color:var(--mint);border-color:rgba(158,245,188,.21)}.pill.disabled{color:var(--red)}.glass{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;backdrop-filter:blur(20px);box-shadow:0 14px 35px rgba(0,0,0,.09)}.glass:hover{border-color:var(--stroke-hover)}
/* dashboard */
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.73fr) minmax(245px,1fr);gap:17px}.hero-card{min-height:282px;overflow:hidden;position:relative;background:linear-gradient(112deg,rgba(34,53,52,.65),rgba(26,35,47,.81) 55%,rgba(42,49,64,.73));border-color:rgba(158,245,188,.15)}.hero-card::after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(158,245,188,.06);border-radius:50%;right:-40px;top:-90px;box-shadow:0 0 0 55px rgba(158,245,188,.017),0 0 0 110px rgba(158,245,188,.014);pointer-events:none}.hero-ornament{position:absolute;right:5%;top:27%;transform:rotate(-30deg);pointer-events:none;opacity:.2}.hero-ornament span{display:block;width:85px;height:85px;border:1px solid #a4eec7;transform:skewY(25deg);border-radius:13px;position:absolute;top:0;right:0}.hero-ornament span:nth-child(2){transform:skewY(-25deg);top:42px;right:10px}.hero-ornament span:nth-child(3){transform:rotate(45deg);top:25px;right:35px}.hero-inner{position:relative;z-index:1;padding:29px 30px;min-height:282px;display:flex;flex-direction:column}.hero-eyebrow{color:#a6dec2}.eyebrow-divider{color:#718c88}.hero-main{margin:auto 0 25px}.hero-label{color:#92a7ae;font-size:12px;font-weight:630;margin-bottom:10px}.hero-status{display:flex;align-items:center;gap:15px;font-size:clamp(26px,2.4vw,36px);font-weight:760;letter-spacing:-.045em}.hero-pulse{height:13px;width:13px}.hero-main p{color:#8ea2a7;font-size:12px;margin-top:10px}.hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:0 15px;border-radius:9px;font-size:11px;font-weight:800;white-space:nowrap}.btn .ico{width:15px;height:15px;stroke-width:2}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{color:#10221c;background:#a7f2c2;border-color:#a7f2c2}.btn-primary:hover:not(:disabled){background:#c4ffd6;box-shadow:0 3px 24px rgba(158,245,188,.17)}.btn-dark{color:#e3e9f5;background:rgba(0,0,0,.26);border-color:rgba(255,255,255,.11)}.btn-dark:hover{background:rgba(255,255,255,.08)}.btn-danger-soft{color:#ffb9bd;background:rgba(227,91,108,.1);border-color:rgba(237,124,139,.1)}.btn-danger-soft:hover{background:rgba(227,91,108,.17)}.btn-outline{color:#d0d9e8;background:rgba(255,255,255,.035);border-color:var(--stroke-hover)}.btn-outline:hover{background:rgba(255,255,255,.09)}.btn-ghost{color:var(--muted);background:transparent}.btn-ghost:hover{color:var(--text);background:rgba(255,255,255,.06)}.btn-small{min-height:31px;font-size:10px}.host-card{min-height:282px;padding:25px 27px;position:relative;overflow:hidden}.card-label{font-size:10px;letter-spacing:.17em;font-weight:800;color:#919cb0;display:flex;justify-content:space-between}.card-label .ico{width:15px;height:15px;color:#7786a1}.instance-graphic{height:112px;position:relative;display:flex;align-items:center;justify-content:center}.cube{position:absolute;display:block;box-shadow:0 0 25px rgba(132,234,174,.1)}.face-a{width:50px;height:50px;background:linear-gradient(155deg,#9af6b9,#60ad9a);transform:rotate(30deg) skewY(-30deg) scaleY(.87);z-index:2}.face-b{width:36px;height:42px;background:#3e8b7e;transform:skewY(30deg);left:calc(50% - 43px);top:48px;z-index:1}.face-c{width:36px;height:42px;background:#66b496;transform:skewY(-30deg);left:calc(50% + 6px);top:48px;z-index:1}.host-card h3{font-size:16px;letter-spacing:-.025em;margin-bottom:6px}.host-card>p{font-size:11px;color:var(--muted)}.instance-bottom{border-top:1px solid var(--stroke);margin-top:16px;padding-top:16px;display:flex;align-items:center;justify-content:space-between}.instance-bottom small{font-size:9px;font-weight:750;letter-spacing:.14em;color:var(--dim);display:block;margin-bottom:5px}.instance-bottom strong{font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#d7e0eb}.thin-dot{width:8px;height:8px;border-radius:50%;background:var(--mint)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:17px 0}.metric-card{min-height:167px;padding:23px 24px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#8996ae;font-size:10px;font-weight:840;letter-spacing:.105em}.metric-icon{height:31px;width:31px;border-radius:9px;display:grid;place-items:center}.metric-icon .ico{height:16px;width:16px}.metric-icon.violet{background:rgba(161,149,255,.13);color:#bdb3ff}.metric-icon.mint{background:rgba(158,245,188,.11);color:var(--mint)}.metric-icon.blue{background:rgba(129,199,255,.11);color:var(--blue)}.metric-number{font-size:34px;font-weight:780;letter-spacing:-.05em;margin:8px 0 9px;line-height:1.1}.metric-number small{font-weight:560;font-size:16px;color:#8391a6}.metric-bottom{font-size:10px;color:var(--dim);margin-top:8px}.progress-track{height:4px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden;margin-top:14px}.progress-value{height:100%;width:0;background:linear-gradient(90deg,#59b28f,#a7f2c2);border-radius:10px}.blue-progress{background:linear-gradient(90deg,#528fce,#85cbff)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:17px}.preview-card,.shortcut-card{padding:26px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head h2,.settings-card h2{font-size:15px;font-weight:740;letter-spacing:-.025em;display:flex;gap:9px;align-items:center}.section-head p{font-size:11px;color:var(--dim);margin:7px 0 0}.section-indicator{height:8px;width:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px rgba(158,245,188,.4)}.text-link{background:transparent;border:0;color:var(--mint);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;white-space:nowrap}.text-link .ico{width:13px;height:13px}.text-link:hover{color:#dcffe7}.log-box{background:#090e16;border:1px solid rgba(172,185,218,.075);border-radius:10px;line-height:1.9;overflow:auto;color:#a1b6b8;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.preview-log{height:187px;padding:16px}.shortcut-card{display:flex;flex-direction:column}.shortcut-card .section-head{margin-bottom:12px}.shortcut{display:flex;gap:12px;align-items:center;text-align:left;border:none;border-top:1px solid var(--stroke);padding:14px 0;background:transparent;color:var(--text)}.shortcut:hover .shortcut-arrow{transform:translateX(3px);color:var(--mint)}.shortcut-icon{height:35px;width:35px;background:rgba(158,245,188,.12);border-radius:10px;color:var(--mint);display:grid;place-items:center}.shortcut-icon.violet-bg{color:var(--purple);background:rgba(161,149,255,.12)}.shortcut-icon .ico{width:16px;height:16px}.shortcut>span:nth-of-type(2){flex:1}.shortcut strong,.shortcut small{display:block}.shortcut strong{font-size:11px}.shortcut small{font-size:10px;color:var(--dim);margin-top:5px}.shortcut-arrow{color:#667088;width:15px;height:15px;transition:transform .2s}.shortcut-foot{margin-top:auto;border-top:1px solid var(--stroke);padding-top:14px;color:var(--dim);font-size:9px;font-weight:800;letter-spacing:.09em}.path-ellipsis{font-family:ui-monospace,Consolas,monospace;color:#a9b2c1;font-size:10px;letter-spacing:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px}.footer{color:#566279;font-size:9px;font-weight:820;letter-spacing:.13em;padding:17px clamp(22px,4vw,58px) 25px;display:flex;justify-content:space-between}.footer-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:7px}
/* console and terminal */
.large-panel{overflow:hidden}.panel-toolbar{height:57px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;padding:0 21px;gap:17px;background:rgba(255,255,255,.018)}.terminal-lights{display:flex;gap:7px}.terminal-lights i{width:9px;height:9px;display:block;border-radius:100%;background:#ee7d85}.terminal-lights i:nth-child(2){background:#e4bc76}.terminal-lights i:nth-child(3){background:#72c59b}.toolbar-title{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#8f9cae;flex:1}.full-log{min-height:380px;height:min(54vh,650px);border:0;border-radius:0;background:rgba(6,10,16,.63);padding:26px;font-size:12px;line-height:1.75}.shell-log{color:#b1ccb8}.command-form{padding:16px 20px;border-top:1px solid var(--stroke);display:flex;align-items:center;gap:14px}.command-mark{font-family:ui-monospace,Consolas,monospace;font-size:20px;font-weight:700;color:var(--mint)}.command-form input{flex:1;min-width:0;border:0;background:none;color:var(--text);outline:none!important;font-family:ui-monospace,Consolas,monospace;font-size:12px}.command-form input::placeholder{color:#5c697e}.panel-hint{color:var(--dim);font-size:11px;margin-top:18px;line-height:1.7;display:flex;align-items:flex-start;gap:8px}.panel-hint .ico{width:14px;height:14px;flex:none;margin-top:2px}
/* file manager */
.file-panel{overflow:hidden}.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 26px;border-bottom:1px solid var(--stroke)}.file-toolbar-title{font-size:16px;font-weight:740;letter-spacing:-.02em;margin-bottom:9px}.file-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:#7b8a9f}.crumb{background:none;border:0;padding:3px 2px;color:#91ddb4;font-size:11px}.crumb:hover{text-decoration:underline}.file-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.file-guide{padding:14px 26px;font-size:11px;color:#8d98aa;background:rgba(140,172,250,.03);border-bottom:1px solid var(--stroke)}.file-header,.file-row{display:grid;grid-template-columns:minmax(150px,1.9fr) minmax(90px,.55fr) minmax(110px,.8fr) minmax(205px,1fr);gap:12px;align-items:center;padding:0 26px}.file-header{height:47px;color:#626e85;font-size:9px;font-weight:860;letter-spacing:.14em}.file-row{min-height:64px;border-top:1px solid rgba(198,215,242,.055)}.file-row:hover{background:rgba(255,255,255,.023)}.file-name{display:flex;align-items:center;gap:10px;min-width:0;background:none;border:0;text-align:left;color:#d6dfed;font-size:12px;font-weight:650}.file-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name .ico{color:#93a2bb;width:18px;height:18px}.file-name.folder .ico{color:#afcda4}.file-name:hover{color:var(--mint)}.file-meta{font-size:11px;color:#8290a4}.file-row-buttons{display:flex;gap:5px;justify-content:flex-start;flex-wrap:wrap}.file-small-btn{background:rgba(255,255,255,.035);border:1px solid var(--stroke);border-radius:7px;color:#9eacc2;width:30px;height:30px;display:grid;place-items:center}.file-small-btn .ico{width:14px;height:14px}.file-small-btn:hover{color:var(--text);background:rgba(255,255,255,.095)}.file-small-btn.danger:hover{color:var(--red);background:rgba(255,132,146,.1)}.file-empty{padding:45px;text-align:center;color:var(--dim);font-size:12px}
/* settings */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-card{padding:28px}.settings-card h2{margin-bottom:24px}.settings-card h2 .ico{color:var(--mint);width:17px;height:17px}.setting-line{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--stroke);font-size:12px;color:var(--muted)}.setting-line code{color:#c8dacb;font:11px ui-monospace,Consolas,monospace;overflow-wrap:anywhere;text-align:right}.setting-line strong{color:var(--mint)}.settings-card p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:15px}.settings-card code{color:#b8d4c3}.settings-divider{height:1px;background:var(--stroke);margin:20px 0}.settings-version{display:flex;justify-content:space-between;color:var(--dim);font-size:10px;font-weight:810;letter-spacing:.12em}.settings-version strong{color:var(--mint)}
/* modal/notifications */
.notice{position:fixed;right:30px;top:95px;z-index:60;max-width:min(430px,calc(100vw - 40px));color:#ffb9bf;background:rgba(52,26,34,.94);border:1px solid rgba(255,132,146,.26);padding:14px 17px;border-radius:12px;box-shadow:0 16px 70px rgba(0,0,0,.38);font-size:12px;line-height:1.6}.notice.success{background:rgba(25,52,42,.94);border-color:rgba(158,245,188,.23);color:#b3f7c9}.modal-cover{z-index:55;position:fixed;inset:0;background:rgba(3,6,10,.78);backdrop-filter:blur(10px);padding:22px;display:grid;place-items:center}.editor-modal{width:min(900px,100%);height:min(82vh,780px);padding:22px;display:flex;flex-direction:column;background:rgba(22,28,39,.97)}.editor-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.editor-header h2{font-size:17px;overflow-wrap:anywhere;margin-top:9px}.editor-modal textarea{width:100%;flex:1;min-height:130px;resize:none;background:#080c14;border:1px solid var(--stroke-hover);border-radius:10px;color:#dbe6e8;font:12px/1.7 ui-monospace,Consolas,monospace;padding:16px;tab-size:2}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:18px;color:var(--dim);font-size:10px}
@media(max-width:1180px){.sidebar{width:220px;flex-basis:220px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(225px,1fr)}.bottom-grid{grid-template-columns:1fr}.shortcut-card{min-height:235px}.metrics-grid{gap:12px}.metric-card{padding:20px}.content{padding:32px 25px}.topbar{padding:0 25px}}
@media(max-width:830px){.layout{display:block}.sidebar{width:100%;height:auto;min-height:0;padding:13px 15px;position:relative;flex:none;display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.brand{margin:0}.workspace-tag,.nav-label,.side-status,.sidebar-user,.sidebar-spacer{display:none}.navigation{flex-direction:row;flex-wrap:wrap;gap:5px}.sidebar .navigation:last-of-type{display:none}.nav-item{padding:10px;gap:7px;width:auto}.nav-item .ico{width:16px;height:16px}.nav-tag{display:none}.topbar{height:53px}.content{padding-top:30px}.dashboard-grid{grid-template-columns:1fr 1fr}.host-card{min-height:282px}.file-header,.file-row{grid-template-columns:minmax(145px,2fr) 80px 120px}.file-header span:nth-child(3),.file-row .file-date{display:none}.file-header span:nth-child(4){grid-column:3}.file-row-buttons{grid-column:3}.file-toolbar{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.brand strong{font-size:21px}.brand-icon{width:36px;height:36px}.nav-item span:not(.nav-tag){display:none}.nav-item{padding:10px}.topbar{padding:0 17px}.clock{display:none}.content{padding:25px 14px 40px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:23px}.page-heading h1{font-size:33px}.page-label{display:none}.dashboard-grid,.metrics-grid,.bottom-grid,.settings-grid{grid-template-columns:1fr;gap:12px}.hero-inner{padding:24px}.host-card{min-height:240px}.metrics-grid{margin:12px 0}.metric-card{min-height:125px}.hero-actions .btn{flex:1}.preview-card,.shortcut-card{padding:18px}.section-head{flex-wrap:wrap}.file-toolbar{padding:19px}.file-actions .btn{padding:0 9px;font-size:10px}.file-header,.file-row{padding:0 13px;grid-template-columns:minmax(105px,1fr) minmax(50px,.37fr) 114px;gap:5px}.file-header{font-size:8px}.file-meta{font-size:10px}.file-small-btn{height:26px;width:26px}.file-row-buttons{gap:2px}.file-guide{padding:14px}.full-log{padding:17px;min-height:310px;height:51vh;font-size:11px}.command-form{padding:12px 13px;gap:9px}.command-form .btn{padding:0 9px}.command-form input{font-size:11px}.footer{padding:16px;flex-direction:column;gap:8px}.editor-footer{align-items:flex-start;flex-direction:column}.auth-inner{padding:34px 25px}}


/* ===== HOOD MODERN LOGIN ===== */

#login.auth-screen {
    min-height: 100vh;
    min-height: 100svh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    background: radial-gradient(
        ellipse at top,
        #17223a 0%,
        #0b101b 65%
    );
}

#login[hidden] {
    display: none !important;
}

#login .auth-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 420px;
    padding: 40px;
    background: #141b29;
    border: 1px solid #293447;
    border-radius: 20px;
    box-shadow: 0 25px 70px rgba(0,0,0,0.4);
    text-align: center;
}

#login .auth-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 24px;
    background: #263756;
    border-radius: 16px;
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
}

#login .auth-mark span {
    font-size: 14px;
    color: #79a9ff;
}

#login h1 {
    margin: 0;
    color: #f8fafc;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.3;
}

#login .auth-subtitle {
    margin: 10px 0 32px;
    color: #95a3b9;
    font-size: 14px;
}

#login .auth-form {
    display: flex;
    flex-direction: column;
    text-align: left;
}

#login .auth-form label {
    display: block;
    margin: 0 0 8px;
    color: #d5dfec;
    font-size: 13px;
    font-weight: 600;
}

#login .auth-form input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 47px;
    margin: 0 0 22px;
    padding: 12px 14px;
    background: #0e1420;
    border: 1px solid #344057;
    border-radius: 9px;
    color: #ffffff;
    font-size: 14px;
    outline: none;
}

#login .auth-form input:focus {
    border-color: #699dff;
    box-shadow: 0 0 0 3px rgba(105,157,255,0.12);
}

#login .auth-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 47px;
    margin-top: 4px;
    border: 0;
    border-radius: 9px;
    background: #477fe5;
    color: white;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

#login .auth-submit:hover {
    background: #6095f4;
}

#login .error-message {
    margin: 12px 0 0;
    color: #ff8e8e;
    text-align: center;
}

@media (max-width: 480px) {
    #login .auth-inner {
        padding: 28px 22px;
    }
}


/* HOOD Benutzerverwaltung */

#users[hidden],
[data-tab][hidden],
[data-action][hidden],
#commandForm[hidden],
#goFiles[hidden],
#goTerminal[hidden] {
    display: none !important;
}

.hood-users-heading {
    margin-bottom: 22px;
}

.hood-users-heading h2 {
    margin: 0 0 8px;
    font-size: 26px;
}

.hood-users-heading p {
    color: #98a7bb;
    margin: 0;
}

.hood-users-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.hood-users-card {
    padding: 24px;
    border: 1px solid #2a3547;
    background: #151d2b;
    border-radius: 14px;
    min-width: 0;
}

.hood-users-card h3 {
    margin: 0 0 20px;
    font-size: 17px;
}

#usersCreateForm {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#usersCreateForm label {
    font-size: 13px;
    font-weight: 600;
}

#usersCreateForm input {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: #f8fafc;
    background: #0e1521;
    border: 1px solid #344158;
    border-radius: 8px;
    font: inherit;
}

#usersCreateForm input:focus {
    border-color: #77aaff;
    outline: none;
}

.hood-users-hint {
    color: #98a7bb;
    font-size: 12px;
    line-height: 1.55;
    margin: 0 0 8px;
}

#usersMessage {
    min-height: 20px;
    margin: 0;
    font-size: 13px;
}

.hood-users-list-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.hood-users-list-head h3 {
    margin: 0;
}

.hood-user-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #2a3547;
}

.hood-user-row strong {
    overflow-wrap: anywhere;
}

.hood-user-row span {
    text-align: right;
    font-size: 12px;
    color: #98a7bb;
}

@media (max-width: 900px) {
    .hood-users-grid {
        grid-template-columns: 1fr;
    }
}