:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f7f8f8;background:#08090a;color-scheme:dark;font-feature-settings:"cv01","ss03";--bg:#08090a;--panel:#0f1011;--surface:#191a1b;--surface-hover:#222326;--text:#f7f8f8;--muted:#8a8f98;--soft:#d0d6e0;--accent:#7170ff;--accent-hover:#828fff;--border:rgba(255,255,255,.08);--border-soft:rgba(255,255,255,.05);--success:#10b981}.hub-notice{display:flex;gap:12px;align-items:center;margin:0 0 32px;padding:14px 16px;border:1px solid rgba(96,165,250,.28);border-radius:10px;background:rgba(30,64,175,.13);color:var(--soft);font-size:13px}.hub-notice strong{color:#93c5fd;white-space:nowrap}.portal-grid .portal-tile.portal-tile-disabled{position:relative;cursor:default;border-style:dashed;background:rgba(255,255,255,.025);transform:none;box-shadow:none}.portal-grid .portal-tile.portal-tile-disabled:hover{transform:none;border-color:var(--border);background:rgba(255,255,255,.025);box-shadow:none}.tile-hostname{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color:#a5b4fc!important;font-size:11px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}.status-chip{align-self:flex-start;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-planned{background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.25);color:#cbd5e1}.status-active{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.28);color:#6ee7b7}.status-in-development{background:rgba(59,130,246,.14);border:1px solid rgba(96,165,250,.34);color:#93c5fd}.status-reserved{background:rgba(245,158,11,.12);border:1px solid rgba(251,191,36,.32);color:#fcd34d}.status-retired{background:rgba(225,29,72,.12);border:1px solid rgba(251,113,133,.30);color:#fda4af}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 0,rgba(113,112,255,.12),transparent 30rem),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.topbar{min-height:84px;background:rgba(15,16,17,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:24px;padding:12px 24px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;min-width:205px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(130,143,255,.45);border-radius:10px;background:linear-gradient(145deg,#5e6ad2,#4249a8);font-size:12px;font-weight:600;letter-spacing:.08em;box-shadow:0 0 28px rgba(113,112,255,.22)}.brand>span:last-child{display:grid;line-height:1.2}.brand strong{font-size:15px;font-weight:590}.brand small{color:var(--muted);font-size:12px;margin-top:3px}.account{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--soft);font-size:13px}.account form{margin:0}.logout-button,button{background:rgba(255,255,255,.04);color:var(--soft);border:1px solid var(--border);border-radius:6px;padding:8px 12px;cursor:pointer}.logout-button:hover,button:hover{background:rgba(255,255,255,.08);color:var(--text)}.clock{display:grid;justify-items:end;min-width:180px;padding-left:24px;border-left:1px solid var(--border)}#clock-time{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1}#clock-date{margin-top:7px;color:var(--muted);font-size:14px;line-height:1}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 84px)}nav{background:rgba(15,16,17,.78);padding:28px 16px;border-right:1px solid var(--border-soft)}.nav-label{display:block;padding:0 10px 10px;color:#8a8f98;font-size:10px;font-weight:590;letter-spacing:.12em}.nav-label-spaced{margin-top:28px}nav a{display:block;padding:10px 12px;margin:2px 0;border-radius:6px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:510;transition:background .15s,color .15s,transform .15s}nav a:hover{background:rgba(255,255,255,.05);color:var(--text);transform:translateX(2px)}nav a[aria-current="page"]{background:rgba(113,112,255,.12);color:#daddff;border:1px solid rgba(113,112,255,.14)}main{padding:clamp(28px,5vw,64px);max-width:1440px;width:100%}.public{margin:auto;min-height:100vh;display:grid;place-items:center}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:clamp(24px,4vw,44px);margin-bottom:48px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,rgba(113,112,255,.1),rgba(255,255,255,.02));box-shadow:inset 0 0 42px rgba(0,0,0,.18)}.eyebrow{display:block;color:var(--accent-hover);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.12em;margin-bottom:14px}.dashboard-hero h1{font-size:clamp(32px,5vw,52px);font-weight:510;line-height:1.02;letter-spacing:-1.1px;margin:0 0 18px;max-width:760px}.dashboard-hero p{max-width:670px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}.environment-badge{white-space:nowrap;padding:9px 13px;border:1px solid var(--border);border-radius:999px;color:var(--soft);font-size:12px;background:rgba(255,255,255,.025)}.environment-badge span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 2px 20px}.section-heading h2{font-size:24px;font-weight:510;letter-spacing:-.3px;margin:0}.section-heading p{margin:0;color:var(--muted);font-size:13px}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portal-tile{position:relative;min-height:154px;padding:22px;display:flex;align-items:flex-start;gap:16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text);text-decoration:none;overflow:hidden;transition:transform .18s,border-color .18s,background .18s}.portal-tile:before{content:"";position:absolute;inset:auto -40px -70px auto;width:140px;height:140px;border-radius:50%;background:rgba(113,112,255,.07);filter:blur(4px)}.portal-tile:hover{transform:translateY(-3px);border-color:rgba(130,143,255,.42);background:rgba(255,255,255,.045)}.tile-primary{background:linear-gradient(145deg,rgba(94,106,210,.18),rgba(255,255,255,.025));border-color:rgba(113,112,255,.25)}.tile-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:#c9ccff;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;font-weight:500}.tile-content{display:grid;align-self:center;min-width:0}.tile-content strong{font-size:16px;font-weight:590}.tile-content small{margin-top:7px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-arrow{margin-left:auto;color:#62666d;font-size:18px;transition:color .18s,transform .18s}.portal-tile:hover .tile-arrow{color:var(--accent-hover);transform:translate(2px,-2px)}h1{font-weight:510;letter-spacing:-.7px}.card,.table-wrap{background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:10px;padding:20px}.error{background:#4a1818;color:#ffc9c9;padding:12px;border-radius:6px}.login{background:var(--panel);width:min(430px,92vw);padding:32px;border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 80px #0008}.login label{display:block;margin:16px 0}.login input,.search input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid var(--border);border-radius:6px;background:rgba(255,255,255,.035);color:var(--text)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}.search{display:flex;gap:10px;align-items:end;margin-bottom:16px}.search label{min-width:260px}.hint{color:var(--muted)}.admin-form{display:grid;gap:16px;max-width:850px}.admin-form>label{display:grid;gap:6px}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.admin-form .check{display:flex;align-items:center;gap:8px}.admin-form .check input{width:auto}.admin-form fieldset{border:1px solid var(--border);border-radius:8px;display:grid;gap:8px}.button{display:inline-block;background:#5e6ad2;color:#fff;padding:11px 16px;border-radius:6px;text-decoration:none}mark{font-size:10px;border-radius:3px;padding:2px 4px;background:#5e6ad2;color:#fff}@media(max-width:980px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account>span{display:none}}@media(max-width:700px){.hub-notice{display:block}.hub-notice strong{display:block;margin-bottom:8px}.topbar{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px 16px;padding:12px 16px}.brand{min-width:0}.account{grid-column:1;margin:0}.clock{grid-column:2;grid-row:1 / span 2;padding-left:14px;min-width:142px}#clock-time{font-size:23px}#clock-date{font-size:11.5px}.shell{display:block}nav{display:flex;overflow:auto;padding:10px;border-right:0;border-bottom:1px solid var(--border)}.nav-label{display:none}nav a{white-space:nowrap}main{padding:24px 16px}.dashboard-hero{display:block;margin-bottom:36px}.environment-badge{display:inline-block;margin-top:24px}.section-heading{display:block}.section-heading p{margin-top:7px}.portal-grid{grid-template-columns:1fr}.portal-tile{min-height:126px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}