:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a2340;background:#f3f6f9;font-synthesis:none;--navy: #17213d;--ink: #1a2340;--muted: #6f7890;--line: #e0e6ed;--teal: #008f80;--teal-dark: #087166}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{display:block;margin-bottom:7px;color:#718099;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 18px 22px;color:#fff;background:radial-gradient(circle at 0 0,#167c72 0,transparent 32%),#152039}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#10a693,#7367ff);font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.1em}.brand small{margin-top:3px;color:#aab6c9;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.sidebar nav{display:grid;gap:5px;margin-top:54px}.sidebar nav button{display:flex;align-items:center;gap:11px;padding:12px 13px;border:0;border-radius:10px;color:#aeb9cd;background:transparent;font-size:11px;font-weight:700;text-align:left}.sidebar nav button span{width:20px;color:#84a7b1;font-size:16px;text-align:center}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff12}.sidebar nav button.active{box-shadow:inset 3px 0 #1bc1aa}.operator{display:flex;align-items:center;gap:9px;min-width:0;margin-top:auto;padding:12px 7px;border-top:1px solid #ffffff12}.operator>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#0c8f81;font-size:9px;font-weight:800}.operator div{min-width:0}.operator strong,.operator small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator strong{font-size:9px}.operator small{margin-top:3px;color:#8f9bb1;font-size:8px}.logout{padding:6px 7px;border:0;color:#9ca8bd;background:transparent;font-size:9px;text-align:left}.content{min-width:0;padding:28px clamp(24px,4vw,64px) 70px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.topbar h1{margin:0;color:var(--navy);font-size:31px;letter-spacing:-.045em}.top-actions{display:flex;align-items:center;gap:9px}.status{display:flex;align-items:center;gap:6px;color:#5f6a82;font-size:9px;font-weight:700}.status i{width:7px;height:7px;border-radius:50%;background:#21bd82;box-shadow:0 0 0 4px #21bd8214}.primary,.secondary,.danger-button{min-height:38px;padding:9px 14px;border-radius:9px;font-size:9px;font-weight:800}.primary{border:0;color:#fff;background:linear-gradient(135deg,#0b9e8d,#08786e);box-shadow:0 7px 16px #008f8022}.primary:hover{transform:translateY(-1px)}.primary:disabled,.secondary:disabled,.danger-button:disabled{cursor:default;opacity:.55;transform:none}.secondary{border:1px solid #dbe2ea;color:#58647b;background:#fff}.danger-button{border:1px solid #f0cbd0;color:#b5404c;background:#fff7f8}.alert,.prototype-banner{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px;padding:15px 18px;border:1px solid #d7e2e8;border-radius:13px;color:#5b687e;background:#f9fcfd;font-size:10px;line-height:1.55}.alert strong{flex:0 0 auto;color:#24324d}.alert.danger{border-color:#f0cdd1;color:#a8404a;background:#fff7f8}.metrics,.catalog-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:20px}.metrics article,.catalog-summary article{min-height:106px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 24px #17213d08}.metrics small,.metrics strong,.metrics span,.catalog-summary small,.catalog-summary strong{display:block}.metrics small,.catalog-summary small{color:#7c879d;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metrics strong,.catalog-summary strong{margin-top:11px;color:var(--navy);font-size:26px}.metrics span{margin-top:4px;color:#9aa2b2;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.feature-card{min-height:220px;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px #17213d0a}.feature-card.dark{color:#fff;border:0;background:radial-gradient(circle at 85% 20%,#16a99452,transparent 34%),#17213d}.feature-card h2{max-width:450px;margin:25px 0 10px;font-size:24px;letter-spacing:-.04em}.feature-card p{max-width:540px;color:#718099;font-size:11px;line-height:1.65}.feature-card.dark p,.feature-card.dark .eyebrow{color:#b5c2d5}.feature-card button{margin-top:20px;padding:0;border:0;color:var(--teal);background:transparent;font-size:10px;font-weight:800}.feature-card.dark button{color:#70decf}.table-card,.tenant-card,.create-card,.form-card{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 9px 28px #17213d08}.table-card>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #ebeff3}.table-card h2{margin:0;font-size:17px}.table-card header>small{color:#98a0af;font-size:8px}.compact-list>div{display:grid;grid-template-columns:8px 1.3fr .7fr 1.5fr auto;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid #f0f2f5;font-size:9px}.compact-list>div:last-child{border:0}.compact-list i{width:8px;height:8px;border-radius:50%}.compact-list span,.compact-list code{color:#7e879a}.badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 7px;border-radius:99px;color:#5f687c;background:#eef1f5;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.badge.active,.badge.ready,.badge.existing{color:#08715b;background:#e5f8f1}.badge.planned,.badge.provisioning{color:#8a641b;background:#fff4da}.badge.failed,.badge.deleted,.badge.retired{color:#9f444d;background:#ffeaec}.create-card{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(550px,1.5fr);gap:34px;margin-bottom:18px;padding:24px}.create-copy h2,.form-card h2{margin:0 0 8px;font-size:18px}.create-copy p,.form-card p{color:#737d90;font-size:10px;line-height:1.6}.create-card form{display:grid;grid-template-columns:1fr .8fr 1.35fr 95px auto;align-items:end;gap:10px}label{display:grid;gap:6px;color:#636e83;font-size:8px;font-weight:800}input,select{width:100%;min-width:0;height:38px;padding:8px 10px;border:1px solid #dce2e9;border-radius:8px;color:#28334d;background:#fff;outline:none;font-size:9px}input:focus,select:focus{border-color:#23a997;box-shadow:0 0 0 3px #23a99712}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:6px;padding:0;color:#636e83;font-size:8px;font-weight:800}.swatches{min-height:38px;display:flex;align-items:center;gap:5px}.swatches button,.swatches input[type=color]{width:27px;height:27px;flex:0 0 27px;padding:0;border:3px solid white;border-radius:50%;outline:1px solid #d7dce4}.swatches button.selected{outline:2px solid #17213d;transform:scale(1.08)}.swatches input[type=color]{overflow:hidden}.theme-preview{height:48px;display:grid;align-content:center;padding:7px 10px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#17213d))}.theme-preview small,.theme-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-preview small{font-size:6px;text-transform:uppercase;opacity:.75}.theme-preview strong{font-size:12px}.form-success,.form-error{grid-column:1 / -1;padding:10px 12px;border-radius:8px;color:#15735a;background:#eaf9f3;font-size:9px}.form-error{color:#a3404a;background:#fff0f2}.tenant-list{display:grid;gap:15px}.tenant-card{padding:23px}.tenant-card.deleted{background:#fafbfc}.tenant-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.tenant-card h2{margin:8px 0 5px;font-size:19px}.tenant-card h2 i{width:11px;height:11px;display:inline-block;margin-right:8px;border-radius:50%}.tenant-card header code{color:#8992a4;font-size:8px}.facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0 10px}.facts>div,.usage>div{padding:12px;border-radius:10px;background:#f6f8fa}.facts small,.facts strong,.usage small,.usage strong{display:block}.facts small,.usage small{color:#8790a2;font-size:7px}.facts strong,.usage strong{margin-top:5px;font-size:15px}.usage{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:14px;overflow:hidden;border:1px solid #e9edf1;border-radius:10px;background:#e9edf1}.usage>div{border-radius:0;background:#fff}.tenant-card details{padding-top:13px;border-top:1px solid #edf0f3}.tenant-card summary{color:#657087;font-size:9px;font-weight:800;cursor:pointer}.details-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;padding-top:14px}.details-grid h3{color:#707a90;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.details-grid span{display:block;padding:4px 0;color:#737d91;font-size:9px}.job{padding:9px 11px;border-radius:8px;color:#687389;background:#f2f4f7;font-size:8px}.job.failed{color:#a33d47;background:#fff0f1}.confirmation{margin-top:16px;padding:16px;border:1px solid #f0cbd0;border-radius:12px;background:#fff8f8}.confirmation>strong{color:#a5414b;font-size:11px}.confirmation p{margin:7px 0 13px;color:#815c62;font-size:9px;line-height:1.55}.confirmation label{max-width:420px}.confirmation>div{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.prototype-banner{align-items:center;border-color:#bde2db;background:#f0faf8}.prototype-banner>div{flex:0 0 auto}.prototype-banner span,.prototype-banner strong{display:block}.prototype-banner span{color:#07816f;font-size:7px;font-weight:900;letter-spacing:.13em}.prototype-banner strong{margin-top:4px;color:#155a52;font-size:11px}.prototype-banner p{margin:0}.catalog-summary{grid-template-columns:repeat(4,1fr)}.catalog-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.form-card{position:relative;padding:21px}.form-card .step{position:absolute;top:17px;right:17px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#08796c;background:#e6f8f4;font-size:9px;font-weight:900}.form-card>div{padding-right:30px}.form-card form{display:grid;gap:9px;margin-top:17px}.form-card fieldset{display:grid;gap:5px;padding:9px;border:1px solid #e2e7ec;border-radius:8px}.form-card label.check{display:flex;align-items:center;gap:6px;font-weight:600}.form-card label.check input{width:14px;height:14px}.form-message{padding:8px;border-radius:7px;color:#4e6176;background:#f1f5f7;font-size:8px;line-height:1.4}.catalog-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.resource-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:13px 20px;border-bottom:1px solid #eff2f4}.resource-list>div:last-child{border:0}.resource-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#087b6d;background:#e9f8f5;font-size:11px;font-weight:900}.resource-list strong,.resource-list small,.resource-list code{display:block}.resource-list strong{font-size:10px}.resource-list small{margin-top:3px;color:#778196;font-size:8px}.resource-list code{margin-top:3px;color:#9aa2b1;font-size:7px}.pool-list details{border-bottom:1px solid #edf0f3}.pool-list summary{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer}.pool-list summary strong,.pool-list summary small{display:block}.pool-list summary strong{font-size:10px}.pool-list summary small{margin-top:3px;color:#7e8799;font-size:8px}.pool-list summary>em{color:#657187;font-size:9px;font-style:normal;font-weight:800}.pool-list details>div{display:grid;gap:5px;padding:0 20px 14px}.pool-list details>div>span{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:7px;color:#667188;background:#f6f8fa;font-size:8px}.pool-list p{color:#9299a8;font-size:8px}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-story{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(35px,6vw,85px);color:#fff;background:radial-gradient(circle at 85% 15%,#0ca28a55,transparent 31%),radial-gradient(circle at 15% 85%,#7065ff35,transparent 28%),#131e38}.brand.light small{color:#c1cada}.login-story h1{margin:13px 0 22px;font-size:clamp(48px,6vw,86px);line-height:.94;letter-spacing:-.07em}.login-story p{max-width:530px;color:#bcc6d7;font-size:13px;line-height:1.75}.trust{display:flex;align-items:center;gap:7px;color:#aeb9cc;font-size:9px}.trust i{width:7px;height:7px;border-radius:50%;background:#20c493}.login-panel{display:grid;place-items:center;padding:30px;background:#f3f6f9}.login-card{width:min(420px,100%);padding:34px;border:1px solid #dfe5eb;border-radius:21px;background:#fff;box-shadow:0 24px 70px #17213d15}.login-card h2{margin:0 0 8px;font-size:27px;letter-spacing:-.04em}.login-card p{margin-bottom:24px;color:#788197;font-size:10px;line-height:1.55}.login-card label{margin-bottom:12px}.login-card input{height:44px;font-size:11px}.login-card .primary{width:100%;min-height:45px;margin-top:6px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:#707b90;background:#f3f6f9;font-size:11px}.loading span{width:10px;height:10px;border-radius:50%;background:#0b9c89;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.3;transform:scale(.7)}}@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,1fr)}.create-card{grid-template-columns:1fr}.create-card form{grid-template-columns:repeat(2,1fr)}.catalog-forms{grid-template-columns:1fr 1fr}.catalog-forms .form-card:last-child{grid-column:1 / -1}}@media(max-width:900px){.shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:11px}.brand div,.operator div,.logout,.sidebar nav button{font-size:0}.brand{justify-content:center}.sidebar nav button{justify-content:center;padding:12px}.sidebar nav button span{font-size:17px}.operator{justify-content:center}.content{padding-inline:20px}.dashboard-grid,.catalog-grid,.catalog-forms{grid-template-columns:1fr}.catalog-forms .form-card:last-child{grid-column:auto}.facts{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.content{padding:19px 12px 45px}.topbar{align-items:flex-start;flex-direction:column}.metrics,.catalog-summary{grid-template-columns:repeat(2,1fr)}.create-card form{grid-template-columns:1fr}.facts,.usage{grid-template-columns:repeat(2,1fr)}.tenant-card>header{flex-direction:column}.details-grid{grid-template-columns:1fr}.compact-list>div{grid-template-columns:8px 1fr auto}.compact-list span,.compact-list code{display:none}.login{grid-template-columns:1fr}.login-story{min-height:280px;padding:30px}.login-story h1{font-size:45px}.trust{display:none}.login-panel{padding:22px 14px}}