:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162a26;background:#f4f6f4;font-synthesis:none;--ink: #162a26;--muted: #6d7a76;--line: #dfe5e1;--surface: #ffffff;--green: #17644f;--green-dark: #0d3e33;--green-soft: #e8f3ed}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:16.5rem minmax(0,1fr);transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:4.75rem minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem 1.15rem;display:flex;flex-direction:column;justify-content:space-between;background:#0d342c;color:#fff;transition:padding .2s ease}.brand{margin:.2rem .65rem 2.8rem;padding:0;color:#fff;background:transparent;border:0;font-size:1.65rem;font-weight:800;letter-spacing:-.07em}.brand-full strong,.brand-mark{color:#8fe0af}.brand-mark{display:none}.workspace-label{margin:0 .65rem .75rem;color:#83a79d;font-size:.65rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}nav{display:grid;gap:.25rem}.nav-item{width:100%;padding:.72rem .8rem;display:flex;gap:.7rem;align-items:center;color:#b8cbc5;background:transparent;border:0;border-radius:.55rem;font-weight:650;text-align:left}.icon{width:1.2rem;height:1.2rem;flex:0 0 auto}.nav-item:hover,.nav-item.active{color:#fff;background:#194a3f}.sidebar-toggle{width:100%;padding:.7rem .8rem;display:flex;align-items:center;gap:.7rem;color:#91aaa3;background:transparent;border:1px solid #285248;border-radius:.55rem;font-size:.72rem;font-weight:700}.sidebar-toggle:hover{color:#fff;background:#17473c}.sidebar.collapsed{padding-inline:.65rem}.sidebar.collapsed .brand{width:100%;margin-inline:0;text-align:center}.sidebar.collapsed .brand-full,.sidebar.collapsed .workspace-label,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .brand-mark{display:inline}.sidebar.collapsed .nav-item,.sidebar.collapsed .sidebar-toggle{justify-content:center;padding-inline:.7rem}.avatar{width:2.2rem;height:2.2rem;display:grid;place-items:center;color:#0f4336;background:#98ddb1;border-radius:.55rem;font-size:.72rem;font-weight:800}.workspace{min-width:0;padding:2.6rem clamp(1.5rem,4vw,4rem)}.topbar{min-height:3.3rem;margin:-1rem 0 2.2rem;padding-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:.55rem;color:#899591;font-size:.68rem}.breadcrumb strong{color:#52645e}.topbar-user{display:flex;align-items:center;gap:.65rem}.user-copy{display:grid;text-align:right}.user-copy small{color:#899591;font-size:.56rem;text-transform:uppercase}.user-copy strong{max-width:16rem;overflow:hidden;color:#30453e;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.topbar-user button{width:2.1rem;height:2.1rem;padding:.45rem;display:grid;place-items:center;color:#61736d;background:#fff;border:1px solid var(--line);border-radius:.5rem}.topbar-user button:hover{color:#9a4938;background:#fff7f5}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.eyebrow{margin:0 0 .55rem;color:#56766d;font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-header h1{margin:0;color:var(--ink);font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.055em;line-height:1.05}.page-header p:not(.eyebrow){margin:.65rem 0 0;color:var(--muted);font-size:.88rem}.primary-action,.drawer form button,.empty-state button{min-height:2.75rem;padding:.7rem 1rem;color:#fff;background:var(--green);border:1px solid var(--green);border-radius:.55rem;font-weight:750}.primary-action:hover,.drawer form button:hover,.empty-state button:hover{background:#104f3e}.metrics{margin-top:2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.metric{min-height:8.2rem;padding:1.15rem;display:grid;grid-template-columns:1fr auto;align-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:.8rem;box-shadow:0 .6rem 1.8rem #263b3510}.metric>span{color:#5f6f6a;font-size:.73rem;font-weight:700}.metric>strong{grid-row:span 2;align-self:center;font-size:2.5rem;letter-spacing:-.06em}.metric>small{color:#8a9692;font-size:.68rem}.metric:before{content:"";width:.45rem;height:.45rem;margin-bottom:.9rem;display:block;background:#8c9a96;border-radius:50%}.metric.success:before{background:#36a371;box-shadow:0 0 0 5px #e5f5eb}.metric.warning:before{background:#d39a35;box-shadow:0 0 0 5px #fbf2dc}.metric.danger:before{background:#cf654e;box-shadow:0 0 0 5px #fae8e4}.table-panel,.detail-panel{margin-top:1.1rem;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:.85rem;box-shadow:0 .7rem 2rem #263b350b}.panel-title{min-height:5.4rem;padding:1.15rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #e8ece9}.panel-title h2{margin:0;font-size:.98rem;letter-spacing:-.02em}.panel-title p{margin:.3rem 0 0;color:var(--muted);font-size:.72rem}.panel-title>span,.panel-title time{color:#84908c;font-size:.68rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:.72rem 1rem;color:#83908c;background:#fafbfa;font-size:.62rem;font-weight:750;letter-spacing:.06em;text-align:left;text-transform:uppercase}td{padding:.92rem 1rem;color:#53635e;border-top:1px solid #edf0ee;font-size:.75rem}tbody tr{cursor:pointer;outline:0;transition:background .15s ease}tbody tr:hover,tbody tr:focus{background:#f6faf7}td:first-child{display:flex;align-items:center;gap:.75rem}.org-mark{width:2.25rem;height:2.25rem;flex:0 0 auto;display:grid;place-items:center;color:#1a5b49;background:#e1f0e7;border-radius:.55rem;font-size:.67rem;font-weight:850}.org-mark.large{width:3.4rem;height:3.4rem;border-radius:.8rem;font-size:.85rem}.org-name{min-width:0;display:grid;gap:.2rem}.org-name strong{color:var(--ink);font-size:.78rem}.org-name small{color:#87928f;white-space:nowrap}.row-arrow{color:#7f8c88;font-size:1.35rem}.status{width:max-content;padding:.35rem .55rem;display:inline-flex;align-items:center;gap:.4rem;color:#91671a;background:#fff5dd;border-radius:2rem;font-size:.6rem;font-weight:800}.status i{width:.38rem;height:.38rem;background:#d39a35;border-radius:50%}.status.active{color:#246348;background:#e4f3e9}.status.active i{background:#42a979}.status.failed{color:#974d3b;background:#fbe9e5}.status.failed i{background:#cf654e}.status.large{padding:.55rem .78rem;font-size:.67rem}.empty-state{min-height:23rem;padding:3rem;display:grid;place-items:center;align-content:center;color:#788681;text-align:center}.empty-state>span{width:3.5rem;height:3.5rem;display:grid;place-items:center;color:#28745d;background:#e5f1e9;border-radius:50%;font-size:1.5rem}.empty-state h3{margin:1rem 0 .2rem;color:var(--ink)}.empty-state p{margin:0 0 1.2rem;font-size:.8rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:flex-end;background:#102c2680;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{width:min(100%,34rem);height:100%;overflow-y:auto;background:#fbfcfb;box-shadow:-1rem 0 4rem #0c241e33;animation:slide-in .2s ease-out}@keyframes slide-in{0%{transform:translate(2rem);opacity:.4}}.drawer>header{padding:2rem;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.drawer h2{margin:0;font-size:1.6rem;letter-spacing:-.04em}.drawer header p:not(.eyebrow){margin:.5rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.drawer .close{width:2.2rem;height:2.2rem;color:#60706b;background:#fff;border:1px solid var(--line);border-radius:50%;font-size:1.25rem}.drawer form{padding:1.8rem 2rem}.drawer label{margin-bottom:1.1rem;display:grid;gap:.45rem;color:#40534d;font-size:.72rem;font-weight:750}.drawer input{width:100%;padding:.78rem .85rem;color:var(--ink);background:#fff;border:1px solid #ccd6d1;border-radius:.5rem;outline:0}.drawer input:focus{border-color:#2c7a63;box-shadow:0 0 0 3px #2c7a6317}.form-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:.8rem}.form-help{margin:-.3rem 0 1.7rem;color:#83908c;font-size:.68rem}.drawer form footer{padding-top:1rem;display:grid;gap:1rem;border-top:1px solid var(--line)}.drawer form footer>span{color:var(--muted);font-size:.7rem}.drawer form footer>div{display:flex;justify-content:flex-end;gap:.6rem}.drawer form .secondary{color:#53645e;background:#fff;border-color:#ccd5d1}.drawer form button:disabled{opacity:.55;cursor:wait}.detail-workspace{padding-top:2.1rem}.back-link{margin:0 0 1.7rem;padding:0;color:#55746b;background:transparent;border:0;font-size:.75rem;font-weight:700}.detail-header{align-items:center}.detail-identity{display:flex;align-items:center;gap:1rem}.detail-header h1{font-size:2.25rem}.detail-grid{margin-top:1.5rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:1rem}.detail-panel{margin-top:0}.identity-panel dl{margin:0;padding:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.identity-panel dl>div{min-width:0;padding:.9rem;background:#f7f9f7;border:1px solid #e9edeb;border-radius:.55rem}dt{margin-bottom:.4rem;color:#7c8985;font-size:.6rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}dd{margin:0;overflow-wrap:anywhere;color:#263b35;font-size:.75rem;font-weight:650}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem}.timeline{margin:0;padding:.3rem 1.25rem 1.25rem;list-style:none}.timeline li{position:relative;min-height:5.8rem;padding:1.1rem 0 1.1rem 1.7rem;display:grid;grid-template-columns:1fr auto;gap:.6rem;border-bottom:1px solid #edf0ee}.timeline li:last-child{border-bottom:0}.timeline li:before{content:"";position:absolute;left:.23rem;top:2rem;bottom:-2rem;width:1px;background:#dbe3df}.timeline li:last-child:before{display:none}.timeline-dot{position:absolute;left:0;top:1.48rem;width:.5rem;height:.5rem;z-index:1;background:#42a979;border:3px solid #e4f3e9;box-sizing:content-box;border-radius:50%}.timeline-dot.provisioning_failed{background:#cf654e;border-color:#fbe9e5}.timeline strong{font-size:.76rem}.timeline p{margin:.35rem 0;color:#697772;font-size:.67rem}.timeline small,.timeline time{color:#8a9591;font-size:.6rem}.timeline time{text-align:right}.alert{margin-top:1rem;padding:.85rem 1rem;display:grid;gap:.25rem;color:#8d4536;background:#fbe9e5;border:1px solid #f0d4cd;border-radius:.6rem;font-size:.72rem}.detail-state{min-height:30rem;display:grid;place-items:center;align-content:center;text-align:center}.detail-state h2{margin:1rem 0 .3rem}.detail-state p{margin:0;color:var(--muted)}.spinner{width:2rem;height:2rem;border:3px solid #dce7e2;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.access{min-height:100vh;padding:2rem;display:grid;place-items:center;color:#fff;background:#0d342c}.access section{width:min(100%,32rem);padding:3rem;background:#153f35;border:1px solid #386358;border-radius:1rem}.access .brand{display:inline-block;margin:0 0 3rem}.access .eyebrow{color:#90c5a5}.access h1{margin:.4rem 0;font-size:2.5rem;letter-spacing:-.05em}.access p:not(.eyebrow){color:#bfd2cc;line-height:1.6}.access button{margin-top:1rem;padding:.75rem 1rem;color:#12372f;background:#9de1b7;border:0;border-radius:.5rem;font-weight:750}@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto;padding:.9rem 1rem;flex-direction:row;align-items:center}.sidebar>div:first-child{display:flex;align-items:center}.brand{margin:0 1rem 0 0}.workspace-label,.sidebar-toggle{display:none}nav{display:flex}.nav-item{width:auto}.workspace{padding:1.5rem 1rem}.topbar{margin-top:0}.page-header{align-items:flex-start;flex-direction:column}.primary-action{width:100%}.metrics{grid-template-columns:1fr 1fr}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){display:none}}@media(max-width:500px){.user-copy{display:none}.metrics{grid-template-columns:1fr}.metric{min-height:6.5rem}.form-row,.identity-panel dl{grid-template-columns:1fr}.drawer>header,.drawer form{padding:1.4rem}.detail-identity{align-items:flex-start}.detail-header{flex-direction:row}.timeline li{grid-template-columns:1fr}.timeline time{text-align:left}}
