@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#24302c;background:#f4f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#20332d;color:#dce7df;padding:30px 22px;display:flex;flex-direction:column}.brand{font-family:Space Grotesk;font-size:20px;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand strong{font-weight:700}.brand-mark{color:#f1be6d;font-size:25px}.eyebrow{font:500 10px DM Mono;letter-spacing:1.7px;color:#8d9e94;margin:0}.sidebar .eyebrow{margin:0 0 12px;color:#7d9185}.fleet-link{color:#aebdb3;font-size:13px;margin:48px 12px 24px}.selected-host{border-top:1px solid #3a4b43;padding:20px 12px 18px;min-width:0}.selected-host strong,.selected-host small{display:block;overflow-wrap:anywhere}.selected-host strong{color:#fff;font-size:16px}.selected-host small,.sidebar-hint{color:#9bab9f;font-size:12px;margin-top:6px}.sidebar-hint{padding:0 12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 13px;color:#aebdb3;border-radius:7px;font-size:14px}.sidebar nav a.active{background:#354c42;color:#fff}.sidebar nav span{float:right;font:12px DM Mono;color:#7eaa8e}.sidebar-footer{margin-top:auto;border-top:1px solid #3a4b43;padding:20px 6px 0;font-size:12px;color:#9bab9f}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#75c992;margin-right:8px}.text-button{display:block;background:none;border:0;color:#9bab9f;padding:18px 0 0;cursor:pointer}main{max-width:1250px;width:100%;padding:44px 58px}header{display:flex;justify-content:space-between;align-items:flex-start}h1,h2{font-family:Space Grotesk;letter-spacing:-1.5px;margin:8px 0}h1{font-size:34px}h1 span{color:#e9ad61;font-size:27px}h2{font-size:20px}.subtitle{color:#829087;margin:8px 0;font-size:14px}.header-actions{display:flex;gap:12px;align-items:center}.search-box{height:40px;width:min(380px,38vw);display:flex;align-items:center;gap:9px;border:1px solid #d9e0d8;background:#fff;border-radius:7px;padding:0 11px;color:#8b9a90}.search-box:focus-within{border-color:#8dbb98;box-shadow:0 0 0 3px #8dbb981c}.search-box>span{font-size:22px;line-height:1}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#24302c;font:13px DM Sans}.search-box input::placeholder{color:#a2ada5}.search-box kbd{border:1px solid #e0e5df;border-radius:4px;padding:3px 5px;color:#9aa69e;font:10px DM Mono;white-space:nowrap}.icon-button,.refresh{border:1px solid #d9e0d8;background:#fff;border-radius:6px;padding:8px 13px;color:#7e8d84;font:12px DM Mono}.avatar{background:#e8b56e;color:#3d3326;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:600}.notice{margin-top:28px;background:#e8eee8;border:1px solid #dce6dc;padding:11px 15px;color:#63766a;border-radius:6px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.stats>div{background:#fff;border:1px solid #e0e6df;padding:19px 21px;border-radius:8px}.stat-label{font:500 10px DM Mono;letter-spacing:1.5px;color:#84958a;display:block}.stats strong{display:block;font:600 31px Space Grotesk;margin:9px 0 2px}.stats small{color:#829087;font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.green{background:#5db77b}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.host-info-panel{grid-column:1 / -1}.host-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.host-info-grid>div{background:#f8faf7;border-radius:6px;padding:12px}.host-info-grid span{display:block;color:#8b998f;font:10px DM Mono;letter-spacing:1px}.host-info-grid strong{display:block;margin-top:7px;font-size:13px}.host-info-card{margin:0 0 18px;background:#fff;border:1px solid #e0e6df;border-radius:8px;padding:18px}.resource-page{margin-top:10px}.resource-preview{margin-top:18px}.panel{background:#fff;border:1px solid #e0e6df;border-radius:8px;padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.add-button{border:0;background:#e8f0e8;color:#3d7552;border-radius:5px;padding:9px 12px;font-size:12px;cursor:pointer;text-decoration:none}.add-button:disabled,.primary:disabled{opacity:.55;cursor:wait}.stack-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack-note{font-size:11px;color:#829087;margin:18px 0 0}.stack-create form,.stack-create label{display:grid;gap:10px}.stack-create form{max-width:760px;gap:20px;margin-top:24px}.stack-create label{color:#63766a;font-size:13px}.stack-create input,.stack-create textarea{width:100%;border:1px solid #d3ddd4;border-radius:6px;padding:11px;font:13px DM Mono,monospace;color:#24302c}.stack-create textarea{resize:vertical}.stack-output{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#f0f5f0;border-radius:6px;font:12px DM Mono,monospace}.form-error{color:#9b3c31;background:#fff0ee;border-radius:6px;padding:12px;white-space:pre-wrap}.secret-warning{color:#7a5518;background:#fdf4e3;border:1px solid #f1e0bd;border-radius:6px;padding:11px 13px;font-size:12px}.secret-store{margin:12px 0 14px;border-radius:6px;padding:12px 15px;font-size:12px;border:1px solid #dce6dc;background:#f8faf7;color:#4d5f54}.secret-store.locked,.secret-store.uninitialized{background:#fdf4e3;border-color:#f1e0bd;color:#6b4c17}.secret-store-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.secret-store-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.secret-store-form p{flex-basis:100%;margin:0 0 4px;line-height:1.5}.secret-store-form input{flex:1 1 200px;border:1px solid #d3ddd4;border-radius:5px;padding:9px 11px;font:13px DM Sans}.stack-secrets{max-width:760px;margin-top:34px;padding-top:24px;border-top:1px solid #e0e6df;display:grid;gap:14px}.stack-secrets h3,.stack-secrets p{margin:0}.stack-secrets code,.stack-note code{font:12px DM Mono,monospace}.secret-form{display:grid;gap:14px}.secret-value.masked{-webkit-text-security:disc}.secret-reveal{display:flex!important;align-items:center;gap:6px;font-size:12px}.secret-reveal input{width:auto!important}.secret-delivery{font-size:12px;color:#63766a}.secret-delivery.failed{color:#9b3c31}.secret-delivery.pending{color:#7a5518}.host-list,.container-list{display:grid;gap:7px}.host-row,.container-row{width:100%;display:flex;align-items:center;text-align:left;border:1px solid transparent;background:#f8faf7;border-radius:6px;padding:12px;gap:10px}.host-row{cursor:pointer}.host-row:hover,.host-row.selected{border-color:#9ec7a8;background:#f0f7f1}.host-icon,.container-icon{width:30px;height:30px;border-radius:5px;background:#e0ece2;display:grid;place-items:center;color:#43825b;font-size:15px}.host-copy,.container-copy{display:grid;gap:4px;flex:1}.host-copy strong,.container-copy strong{font-size:13px}.host-copy small,.container-copy small{font-size:11px;color:#89968d}.online,.state{font-size:11px;color:#64926e}.chevron{font-size:22px;color:#a7b3aa}.container-icon.stopped{background:#f6eadb;color:#bd8750}.state.exited{color:#b48756}.start{border:1px solid #aad0b1;background:#eff8f0;color:#427a51;border-radius:5px;padding:6px 10px;font-size:11px;cursor:pointer}.start:disabled{opacity:.5}.stop{border:1px solid #e3c9a7;background:#fbf3e8;color:#9a6a35;border-radius:5px;padding:6px 10px;font-size:11px;cursor:pointer}.stop:disabled{opacity:.5}.stack-waiting{color:#9a6a35}.empty{text-align:center;color:#85948a;padding:55px 10px;font-size:13px}.empty small{line-height:3;color:#a1ada5}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.resource-panel{min-height:210px}.resource-count{font:11px DM Mono;color:#76947e;background:#edf5ed;border-radius:12px;padding:5px 9px}.resource-list{display:grid;gap:7px}.resource-row{display:flex;align-items:center;gap:10px;background:#f8faf7;border-radius:6px;padding:10px}.resource-icon{width:28px;height:28px;border-radius:5px;display:grid;place-items:center;background:#e4eee4;color:#568c62}.resource-icon.image{background:#f5eadb;color:#b7834e}.resource-copy{display:grid;gap:4px;min-width:0}.resource-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-copy small{font-size:10px;color:#909d94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-empty{text-align:center;color:#96a39a;font-size:12px;padding:38px 8px}.login-page{min-height:100vh;display:grid;place-items:center;background:#eaf0e8}.login-card{background:#fff;width:430px;padding:48px;border:1px solid #dce5dc;border-radius:10px;box-shadow:0 18px 60px #29433414}.login-card .eyebrow{margin-top:62px}.login-card h1{font-size:31px;margin-top:11px}.login-card form{display:grid;gap:18px;margin-top:31px}.login-card label{display:grid;gap:8px;font-size:12px;color:#66756b}.login-card input{border:1px solid #d3ddd4;border-radius:5px;padding:12px;font:14px DM Sans;outline:none}.login-card input:focus{border-color:#70a17c}.primary{border:0;background:#2e5645;color:#fff;padding:13px;border-radius:5px;text-align:left;font-weight:600;cursor:pointer}.primary span{float:right;font-size:18px}.login-note{display:block;text-align:center;color:#a1ada5;margin-top:25px;font-size:11px}@media(max-width:850px){.sidebar{width:205px}main{padding:30px}.content-grid,.resource-grid,.host-info-grid{grid-template-columns:1fr}}@media(max-width:600px){.app-shell{flex-direction:column}.sidebar{width:100%;padding:16px 18px}.fleet-link{margin:12px 0}.selected-host{padding:12px 0}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar nav a{padding:9px}.sidebar nav span,.sidebar-footer{display:none}main{padding:25px 18px}.stats{gap:7px}.stats>div{padding:14px 10px}.stats strong{font-size:25px}.header-actions{width:100%;margin-top:20px}.search-box{width:100%}.login-card{width:calc(100% - 32px);padding:32px}}.fleet-link-next{margin-top:-12px}.fleet-link.active{color:#fff}.grey{background:#a7b3aa}.offline{font-size:11px;color:#89968d}.enrollment-page{display:grid;gap:18px}.enroll-toolbar{justify-content:flex-end}.enroll-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.enroll-form label,.enroll-copy{display:grid;gap:8px;color:#63766a;font-size:13px}.enroll-form label:first-child{flex:1 1 240px}.enroll-form input,.enroll-form select,.enroll-copy input{border:1px solid #d3ddd4;border-radius:6px;padding:10px 11px;font:13px DM Mono,monospace;color:#24302c;background:#fff}.enroll-issued{display:grid;gap:16px;border:1px solid #f1e0bd}.enroll-issued .panel-heading{margin-bottom:0}.enroll-issued .secret-warning{margin:0}.enroll-copy>span,.enroll-command{display:flex;align-items:flex-start;gap:8px}.enroll-copy input{flex:1;min-width:0}.enroll-command pre{flex:1;margin:0;padding:10px 11px;background:#f0f5f0;border-radius:6px;font:12px DM Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.enroll-steps{display:grid;gap:14px;margin:0;padding-left:20px;font-size:13px;line-height:1.5;color:#3f4f47}.enroll-steps .enroll-command{margin:8px 0}.enroll-steps code{font:12px DM Mono,monospace}.enroll-steps small{display:block;color:#829087;font-size:12px}.enroll-list .resource-copy{flex:1}.enroll-list .resource-copy small{white-space:normal}.certificate.overdue{color:#9a6a35!important}.certificate.expired{color:#9b3c31!important}
