:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253b32;background:#f5f6f2;font-synthesis:none;--green:#244e3d;--muted:#7c8981;--line:#e2e7df;--lime:#b6ee69}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:650;letter-spacing:-1.1px}h2{font-size:18px;font-weight:620;letter-spacing:-.35px}p{line-height:1.65}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:var(--muted);display:block;margin-bottom:13px}.workspace{display:flex;min-height:100vh}.sidebar{width:245px;flex:0 0 245px;background:#172e26;color:#c3d0c8;display:flex;flex-direction:column;padding:33px 20px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;color:white;letter-spacing:1px}.brand-mark{width:36px;height:36px;background:var(--lime);border-radius:10px;color:#173629;display:grid;place-items:center;font-size:30px;line-height:1;letter-spacing:-3px;padding-right:3px}.brand small{display:block;font-size:8px;letter-spacing:2.8px;color:#9aac9e;font-weight:500;margin-top:5px}.workspace-label{border:1px solid #34483e;border-radius:7px;font-size:11px;display:flex;align-items:center;gap:9px;padding:13px 10px;margin:34px 0}.workspace-dot{width:7px;height:7px;border:1px solid #9dc285;border-radius:100%}.nav-label{font-size:9px;letter-spacing:1.6px;color:#778f80;margin:0 12px 13px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:10px;font-size:11px;padding:13px 10px;border-radius:7px}nav a>span:first-child{font-size:20px;line-height:17px;color:#91a697}nav a.active{background:#2a4336;color:#d1f1b3}nav a.active>span:first-child{color:var(--lime)}.nav-count{font-size:9px;background:#3a5442;color:var(--lime);padding:2px 6px;border-radius:4px;margin-left:auto}.sidebar-bottom{margin-top:auto}.environment{display:flex;align-items:center;gap:9px;border-bottom:1px solid #30453a;padding:25px 4px;font-size:10px}.environment small{display:block;color:#7e9587;font-size:9px;margin-top:6px}.status-dot{width:6px;height:6px;background:#a8da6f;border-radius:50%;display:inline-block}.profile{display:flex;align-items:center;gap:10px;margin-top:21px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#d5e5cb;color:#345039;font-size:12px;font-weight:600}.profile strong{font-size:11px;font-weight:550}.profile small{display:block;color:#8ca294;font-size:9px;margin-top:5px;max-width:130px;overflow:hidden;text-overflow:ellipsis}.icon-button{background:none;color:#9bb2a3;font-size:21px;margin-left:auto}.workspace main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px;color:#8b958c;background:#fafbf8}.topbar strong{font-weight:500;color:#506457}.separator{padding:0 13px;color:#b4bcb2}.test-label{font-size:8px;letter-spacing:1.4px;background:#ebeee6;padding:6px 9px;border-radius:4px;color:#7d8b77}.main-content{padding:26px 38px 0;max-width:1700px;margin:auto}.demo-notice{display:flex;align-items:center;gap:10px;font-size:10px;color:#7a896c;background:#edf1e5;border:1px solid #e2e8d5;border-radius:6px;padding:11px 13px;margin-bottom:28px}.demo-notice span{font-size:16px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.page-heading .muted{margin-top:10px}.page-heading h1>span{vertical-align:middle;font-size:12px;letter-spacing:0;background:#e7ebdf;border:1px solid #dfe5d6;border-radius:7px;padding:3px 9px;margin-left:13px;color:#677458}.primary,.secondary{padding:11px 16px;min-height:40px;border-radius:7px;font-size:11px;font-weight:550;display:inline-flex;gap:10px;align-items:center;justify-content:center;transition:background .15s}.primary{background:var(--green);color:#fff}.primary:hover{background:#36674f}.secondary{background:#fff;border:1px solid #dce3d8;color:#50614f}.secondary:hover{background:#f1f5ec}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:31px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px;position:relative}.metric-label{font-size:10px;color:#82907f;display:flex;justify-content:space-between;gap:5px}.metric-icon{font-size:15px;color:#75966b}.metric-value{font-size:28px;font-weight:550;margin:14px 0 10px;letter-spacing:-1px;line-height:1}.metric-value small{font-size:12px;color:#8a9885;font-weight:400;letter-spacing:0;margin-left:6px}.metric-foot{font-size:9px;color:#8d9988}.metric-foot i{width:5px;height:5px;display:inline-block;background:#619961;border-radius:50%;margin-right:4px}.content-grid{display:grid;grid-template-columns:minmax(320px,1fr) 322px;gap:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-heading h2{font-size:16px}.section-heading .muted{font-size:10px}.filters{display:flex;gap:10px;margin-bottom:17px}.search{position:relative;flex:1}.search span{position:absolute;left:12px;top:7px;font-size:20px;color:#9ca696}.search input{width:100%;height:38px;padding-left:34px;font-size:11px}input,select{border:1px solid #dce3d7;background:#fff;border-radius:6px;color:#344933;padding:10px 12px;min-width:0}input::placeholder{color:#a1aa9a}select{font-size:10px;max-width:140px}.vm-list{display:grid;gap:12px}.vm-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;text-align:left;color:inherit;width:100%;position:relative;transition:box-shadow .15s,border-color .15s}.vm-card:hover{border-color:#a0ba91;box-shadow:0 4px 18px #21352a08}.vm-card.selected{border-color:#8eaa77;background:#fcfef8;box-shadow:0 0 0 1px #8eaa7714}.vm-card-top{display:flex;gap:12px;align-items:center}.server-icon{width:37px;height:37px;display:grid;place-items:center;background:#f1f4eb;color:#6a845b;border-radius:8px;font-size:22px}.vm-card h3{font-size:13px;font-weight:600;margin-bottom:5px}.vm-sub{font-size:9px;color:#97a18f}.badge{font-size:9px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;background:#e9f2e4;color:#5d8353;white-space:nowrap}.badge.stopped{color:#8a9183;background:#f0f1ec}.badge.suspended,.badge.provisioning{color:#9c7948;background:#faf1dc}.vm-card-top .badge{margin-left:auto}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.vm-specs{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0 16px;gap:10px;border-bottom:1px solid #ecf0e6;margin-bottom:13px;font-size:11px;color:#51614b}.vm-specs span small{font-size:9px;color:#9ba58f;margin-left:3px}.vm-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#819078}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.3px}.selected-arrow{font-size:17px;color:#618348}.details{background:white;border:1px solid var(--line);border-radius:10px;padding:23px;align-self:start}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.detail-top .server-icon{height:43px;width:43px;font-size:25px}.details h2{font-size:20px}.details .os-label{color:#87937d;font-size:10px;margin-top:7px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 10px}.detail-actions button{font-size:10px;padding:10px}.console-button{width:100%;margin-bottom:13px}.disabled-hint{color:#9ba58e;font-size:9px;line-height:1.6}.details hr,.account-card hr{border:0;border-top:1px solid #e9ede3;margin:22px 0}.detail-section-title{font-size:10px;font-weight:600;margin-bottom:14px;display:flex;justify-content:space-between}.text-button{padding:0;font-size:10px;background:none;color:#63864a}.data-row{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.7;margin-bottom:9px}.data-row dt{color:#95a087}.data-row dd{margin:0;text-align:right;overflow-wrap:anywhere}.pending{background:#faf3e2;color:#9b8050;font-size:9px;padding:10px;border-radius:5px;line-height:1.6;margin-top:14px}.advanced{margin-top:20px;color:#8c977e;font-size:10px}.advanced summary{cursor:pointer}.advanced .secondary{margin-top:12px;width:100%;font-size:9px;color:#a0715e}.empty{border:1px dashed #cfd9c6;border-radius:9px;padding:35px 22px;color:#89957e;font-size:13px;text-align:center;line-height:1.7}.events,.account-card{background:white;border:1px solid var(--line);border-radius:10px;padding:25px}.event{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf1e7;padding:17px 0;font-size:12px}.event small{display:block;font-size:10px;color:#8e9b82;margin-top:6px}.event time{font-size:10px;color:#8e9b82}.event:last-child{border:0}.account-card{max-width:520px}.large{width:56px;height:56px;font-size:20px;margin-bottom:18px}.account-card h2{margin-bottom:7px}.account-card p{font-size:13px;margin-bottom:17px}footer{font-size:9px;display:flex;justify-content:space-between;color:#a1ab97;padding:28px 0;border-top:1px solid var(--line);margin-top:35px}.footer-dot{padding:0 9px}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#172e26;color:#d0ddc8;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story h1{font-size:52px;font-weight:500;color:#eff5e9;margin-top:15px;line-height:1.13}.login-story p{font-size:13px;color:#97ae97;margin-top:23px}.login-story>small{font-size:10px;color:#69826d}.login-story .eyebrow{color:#a5cf87}.orbit-art{height:210px;position:relative;margin:20px 0;display:grid;place-items:center}.orbit-art i{position:absolute;width:260px;height:150px;border:1px solid #496242;border-radius:50%;transform:rotate(-28deg)}.orbit-art i:nth-child(2){transform:rotate(28deg);border-color:#698850}.orbit-art b{font-size:62px;color:#bbec7b;letter-spacing:-5px;transform:rotate(-10deg)}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-panel form{width:100%;max-width:350px}.login-panel h2{font-size:29px;margin-bottom:13px}.login-panel .muted{margin-bottom:30px;font-size:12px}form label{display:block;font-size:11px;font-weight:550;color:#62745b;margin:17px 0}form label input{display:block;width:100%;margin-top:9px;height:44px;font-size:12px}.wide{width:100%;justify-content:space-between;padding:14px 17px}.login-note{font-size:10px;color:#929f89;text-align:center;margin-top:25px;line-height:1.8}.error{color:#ba6254;font-size:11px;min-height:18px;margin:5px 0 14px}.loading{position:fixed;inset:0;display:grid;place-items:center;background:#f5f6f2;color:#789063;font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:#244733;color:#edf6e6;box-shadow:0 7px 30px #12291833;padding:15px 23px;border-radius:8px;max-width:calc(100vw - 32px);font-size:12px}.toast.error-toast{background:#784c40}dialog{border:1px solid #d4ddca;border-radius:12px;padding:29px;width:min(480px,calc(100vw - 32px));box-shadow:0 25px 100px #133b2833;color:#344b2e}dialog::backdrop{background:#0d211b70;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin-bottom:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-columns{display:grid;grid-template-columns:2fr 1fr;gap:12px}input[readonly]{background:#f3f5ed;color:#95a18b}@media(min-width:1500px){.content-grid{grid-template-columns:minmax(350px,1fr) 360px}.vm-card{padding:24px}.details{padding:26px}}@media(max-width:1150px){.sidebar{width:210px;flex-basis:210px;padding:28px 14px}.main-content{padding:23px 24px 0}.topbar{padding:0 24px}.content-grid{grid-template-columns:minmax(260px,1fr) 285px;gap:16px}.details{padding:18px}.metric{padding:16px}.metric-label{font-size:9px}.metric-foot{font-size:8px}h1{font-size:28px}.vm-card{padding:16px}.vm-specs{font-size:10px}}@media(max-width:930px){.sidebar{width:190px;flex-basis:190px}.sidebar .brand{font-size:16px}nav a{font-size:10px}.content-grid{grid-template-columns:1fr}.details{display:block}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vm-card{padding:20px}.details dl{max-width:500px}.login-story{padding:35px}.login-story h1{font-size:39px}.demo-notice{font-size:9px}.profile small{max-width:100px}}@media(max-width:620px){.workspace{display:block}.sidebar{position:relative;width:100%;height:auto;padding:17px 20px}.sidebar>.brand{font-size:15px}.sidebar .brand-mark{width:30px;height:30px;font-size:25px}.sidebar .brand small{font-size:6px}.workspace-label,.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:7px;margin-top:16px}nav a{font-size:9px;padding:10px 8px;gap:6px}nav a>span:first-child{font-size:15px}.nav-count{display:none}.topbar{height:55px;padding:0 20px;font-size:9px}.test-label{font-size:6px;padding:5px}.separator{padding:0 6px}.main-content{padding:20px 18px 0}.demo-notice{margin-bottom:23px;align-items:flex-start;line-height:1.6}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading h1>span{font-size:10px;margin-left:8px}.page-heading .muted{font-size:11px;max-width:230px}.page-heading .secondary{font-size:16px;padding:7px 12px;min-height:35px}.page-heading .secondary span{display:none}.eyebrow{font-size:8px;letter-spacing:1.4px}.metrics{margin-bottom:25px}.metric{padding:16px}.metric-value{font-size:25px}.metric-foot{font-size:8px}.section-heading h2{font-size:15px}.vm-card{padding:17px}.vm-specs span small{display:block;margin:4px 0 0}.vm-specs{padding:16px 0;font-size:11px}.details{margin-top:6px;padding:22px}footer{font-size:8px;gap:15px}.footer-dot{padding:0 3px}.login-screen{display:block}.login-story{padding:25px;min-height:180px}.login-story>div:nth-child(2){margin-top:30px}.login-story h1{font-size:29px}.login-story h1 br{display:none}.login-story p,.orbit-art,.login-story>small{display:none}.login-story .eyebrow{margin-bottom:8px}.login-panel{padding:35px 25px}.login-panel h2{font-size:26px}}

textarea{font:inherit;border:1px solid #dce3d7;background:#fff;border-radius:6px;padding:10px 12px;color:#344933;resize:vertical;min-height:80px}form label textarea,form label select{display:block;width:100%;max-width:none;margin-top:9px;font-size:12px}.request-list{display:grid;gap:16px}.request-card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.request-top,.request-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.request-top h2{margin-bottom:7px}.request-top .badge{white-space:normal;flex-shrink:0;max-width:210px}.request-purpose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:20px 0;color:#596d57}.request-owner{font-size:11px;margin-top:15px;color:#728369;overflow-wrap:anywhere}.request-bottom{border-top:1px solid #edf1e7;padding-top:16px;font-size:10px;color:#86967c}.request-actions{display:flex;gap:10px}.review-note{background:#f3f6ee;border-left:3px solid #aac794;padding:14px;font-size:12px;margin-bottom:18px;white-space:pre-wrap;overflow-wrap:anywhere}.review-note strong{font-size:10px;color:#87967a}.review-note p{margin-top:6px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.request-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:620px){nav{flex-wrap:wrap}.request-top{align-items:flex-start;flex-direction:column}.request-top .badge{max-width:none}.request-card{padding:18px}.request-bottom{flex-wrap:wrap}.page-heading:has(#new-request){flex-wrap:wrap}}

/* Authentication stays visible at the top, including above mobile navigation. */
.topbar{position:sticky;top:0;z-index:10;gap:16px}
.breadcrumb-path{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.topbar-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.topbar-actions button,.login-topbar button{min-height:44px;white-space:nowrap}
.login-topbar{position:absolute;top:16px;right:38px;z-index:10}
.login-panel{padding-top:88px}
@media(max-width:930px){.breadcrumb-home{display:none}.topbar-actions{gap:10px}}
@media(max-width:620px){.workspace{padding-top:64px}.topbar{position:fixed;top:0;left:0;right:0;height:64px;padding:0 18px}.topbar-actions{gap:8px}.login-topbar{top:18px;right:25px}.login-panel{padding-top:35px}.login-story>.brand{max-width:calc(100% - 100px)}}

.user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:32px}
.user-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}
.user-card .avatar{flex-shrink:0}.user-card-info{min-width:0}.user-card h3,.assignment-card h3{font-size:13px;font-weight:600}
.user-card p{font-size:11px;color:#7c8981;overflow-wrap:anywhere;margin-top:5px}.user-card small{display:block;font-size:10px;color:#7c8981;margin-top:8px}
.assignment-list{display:grid;gap:12px}.assignment-card{display:flex;align-items:center;gap:20px;padding:22px;background:white;border:1px solid var(--line);border-radius:10px}
.assignment-machine{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.assignment-machine .server-icon{flex-shrink:0}.assignment-machine h3{overflow-wrap:anywhere}.assignment-machine p{font-size:10px;margin-top:5px}
.assignment-owner{display:grid;gap:5px;min-width:0;flex:1;overflow-wrap:anywhere}.assignment-owner small{font-size:9px;color:#8d9988}.assignment-owner strong{font-size:12px;font-weight:550}.assignment-owner span{font-size:10px;color:#7c8981}.assignment-card>button{flex-shrink:0}
@media(max-width:1150px){.assignment-card{flex-wrap:wrap}.assignment-machine,.assignment-owner{flex-basis:40%}.assignment-card>button{margin-left:auto}}
@media(max-width:620px){.assignment-card{padding:18px;gap:18px}.assignment-machine,.assignment-owner{flex-basis:100%}.assignment-card>button{width:100%;min-height:44px}.user-grid{grid-template-columns:1fr}.page-heading:has(#refresh-management) h1{font-size:23px}}