:root{color:#111827;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #0d1b2a;--navy-2: #122844;--blue: #2563eb;--turquoise: #14b8a6;--line: #e4eaf2;--muted: #64748b;--surface: #ffffff;--shadow: 0 12px 34px rgba(15, 35, 62, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{font-family:Cascadia Code,Consolas,monospace;font-size:.82em}.boot{min-height:100vh;display:grid;place-content:center;gap:34px;background:radial-gradient(circle at 50% 42%,#17375d,var(--navy) 42%,#08111e 100%)}.boot img{width:220px;max-width:55vw}.boot span{justify-self:center;width:64px;height:3px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--turquoise),transparent);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scaleX(.7)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(340px,470px) 1fr;background:var(--navy)}.login-panel{background:#fff;padding:clamp(34px,6vw,84px);display:flex;flex-direction:column;justify-content:center}.login-panel img{width:185px;padding:14px 18px;border-radius:14px;background:var(--navy);margin-bottom:48px}.login-panel h1{margin:6px 0 10px;font-size:2rem;letter-spacing:-.04em}.login-panel p{color:var(--muted);margin:0 0 28px}.login-panel form{display:grid;gap:18px}.login-panel label,.form-grid label,.wizard-body>label{display:grid;gap:8px;color:#334155;font-size:.88rem;font-weight:650}.login-kicker{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}.login-visual{position:relative;overflow:hidden;padding:10vw;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:radial-gradient(circle at 60% 30%,rgba(37,99,235,.35),transparent 33%),linear-gradient(145deg,#0d1b2a,#07111f)}.login-visual:after{content:"";position:absolute;inset:9% 8%;border:1px solid rgba(255,255,255,.08);border-radius:40px;pointer-events:none}.login-visual h2{position:relative;z-index:1;max-width:620px;margin:0;font-size:clamp(2rem,4vw,4.6rem);line-height:1;letter-spacing:-.055em}.login-visual p{position:relative;z-index:1;color:#b8c6d9;max-width:580px;font-size:1.05rem}input,select,textarea{width:100%;min-height:42px;border:1px solid #d7e0ea;border-radius:9px;padding:10px 12px;color:#172033;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.primary,.secondary,.danger-button{min-height:42px;border-radius:9px;padding:10px 17px;border:1px solid transparent;font-weight:750}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),#1d4ed8);box-shadow:0 7px 18px #2563eb33}.secondary{color:#24334a;border-color:#d8e0eb;background:#fff}.danger-button{color:#b91c1c;border-color:#fecaca;background:#fff7f7}.compact{min-height:34px;padding:6px 11px;font-size:.84rem}.form-error{padding:11px 13px;color:#a11320;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;font-size:.88rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr;grid-template-rows:66px 1fr}.sidebar{grid-row:1 / 3;display:flex;flex-direction:column;padding:21px 14px;color:#dce7f7;background:linear-gradient(180deg,#0d1b2a,#07121f)}.brand{display:grid;gap:6px;padding:0 9px 22px;border-bottom:1px solid rgba(255,255,255,.09)}.brand img{width:148px}.brand small{color:#7f93ae;letter-spacing:.04em}.sidebar nav{display:grid;gap:4px;padding-top:18px}.sidebar nav button{display:grid;grid-template-columns:25px 1fr;align-items:center;text-align:left;min-height:42px;padding:8px 11px;color:#aebdd1;border:0;border-radius:9px;background:transparent}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#132b48}.sidebar nav button.active{box-shadow:inset 3px 0 var(--turquoise)}.sidebar nav button span{color:#63e0d2;font-size:1.1rem}.sidebar-foot{margin-top:auto;padding:15px 10px 0;border-top:1px solid rgba(255,255,255,.09)}.sidebar-foot small{color:#70839d}.topbar{display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(12px)}.search{flex:1;position:relative}.search input{max-width:560px;padding-left:38px;border-color:transparent;background:#f2f5f9}.search:before{content:"⌕";position:absolute;left:13px;top:7px;color:#75849a;font-size:1.25rem}.top-actions{display:flex;align-items:center;gap:10px}.environment{padding:5px 9px;border-radius:999px;color:#075985;background:#e0f2fe;font-weight:800;font-size:.69rem;letter-spacing:.06em}.icon-button,.logout{border:0;background:transparent;color:#475569}.avatar{display:grid;place-content:center;width:35px;height:35px;color:#fff;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--turquoise));font-weight:850}.content{min-width:0;padding:28px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0 0 5px;font-size:1.62rem;letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px}.metric,.card,.table-wrap,.wizard,.detail-grid,.notice{border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.metric{min-height:112px;padding:18px}.metric small{display:block;color:var(--muted);font-weight:650}.metric strong{display:block;margin-top:13px;font-size:1.75rem;letter-spacing:-.04em}.metric span{color:var(--turquoise);font-size:.75rem;font-weight:750}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:18px}.card{padding:18px}.card.wide{grid-column:1 / -1}.card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card h3{margin:0;font-size:1rem}.card header>span{color:var(--muted);font-size:.8rem}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.plan-title,.detail-head,.toolbar{display:flex;align-items:center;gap:12px}.plan-title{justify-content:space-between}.stack{display:grid;gap:16px}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.inline-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.inline-actions label{display:grid;flex:1 1 190px;gap:7px;color:#334155;font-size:.82rem;font-weight:700}.inline-actions button{margin-bottom:1px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{padding:5px 8px;color:#334155;border-radius:6px;background:#f1f5f9;font-size:.7rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #edf1f6;vertical-align:middle}th{color:#64748b;background:#f8fafc;font-size:.72rem;text-transform:uppercase;letter-spacing:.045em}td{font-size:.86rem}td small{display:block;margin-top:3px;color:#8290a3}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfdff}.link{color:var(--blue);border:0;background:transparent;font-weight:750;white-space:nowrap}.status{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:999px;color:#475569;background:#f1f5f9;font-size:.72rem;font-weight:800}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.success{color:#047857;background:#ecfdf5}.status.warning{color:#a16207;background:#fffbeb}.status.danger{color:#b91c1c;background:#fef2f2}.muted{color:var(--muted)}.danger{color:#b91c1c;font-weight:750}.warning-total{color:#b45309}.toolbar{justify-content:space-between;margin-bottom:14px}.toolbar input,.toolbar select{max-width:310px}.toolbar.filters{flex-wrap:wrap;justify-content:flex-start}.toolbar.filters input,.toolbar.filters select{flex:1 1 170px;max-width:240px}.inline-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin-bottom:16px}.inline-form label{display:grid;gap:7px;color:#334155;font-size:.82rem;font-weight:700}.inline-form .wide{grid-column:span 2}.plan-form{grid-template-columns:repeat(5,minmax(130px,1fr))}.detail-head{margin:-10px 0 17px;color:var(--muted);font-size:.82rem}.tabs{display:flex;gap:4px;margin-bottom:17px;border-bottom:1px solid var(--line)}.tabs button{padding:10px 14px;color:#64748b;border:0;border-bottom:2px solid transparent;background:transparent;font-weight:700}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.detail-grid,.review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.info{min-width:0}.info small{display:block;color:var(--muted);margin-bottom:5px}.info strong{overflow-wrap:anywhere}.json-card{padding:18px;overflow:auto;border-radius:10px;background:#101b2d;color:#cfe1f5}.json-preview{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px}.value-line{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.value-line span{display:grid;gap:2px;color:var(--muted);font-size:.68rem}.value-line b{color:#172033;font-size:.88rem}.progress{height:8px;overflow:hidden;margin:15px 0 9px;border-radius:6px;background:#e8eef5}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--turquoise))}.progress span.warning{background:#d97706}.progress span.critical{background:#dc2626}.warning-text{color:#a16207;font-weight:750}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.feature-grid article{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff}.feature-grid small{display:block;color:var(--muted);margin-top:3px}.feature-on,.feature-off{display:grid;place-content:center;width:30px;height:30px;border-radius:50%;font-weight:900}.feature-on{color:#047857;background:#d1fae5}.feature-off{color:#64748b;background:#e2e8f0}.integration-bars{display:grid;gap:13px}.integration-bars>div{display:grid;grid-template-columns:100px 1fr 34px;align-items:center;gap:12px}.integration-bars>div>div{height:7px;border-radius:6px;background:#e8eef5;overflow:hidden}.integration-bars i{display:block;height:100%;background:var(--turquoise)}.dashboard-list{display:grid;gap:2px;margin-top:12px}.dashboard-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf1f6}.dashboard-list>div:last-child{border-bottom:0}.dashboard-list span{min-width:0}.dashboard-list strong,.dashboard-list small{display:block}.dashboard-list small{margin-top:3px;color:var(--muted)}.dashboard-list b{white-space:nowrap;font-size:.78rem}.wizard{display:grid;grid-template-columns:220px 1fr;min-height:560px;overflow:hidden}.stepper{list-style:none;margin:0;padding:23px 16px;color:#9aabc0;background:var(--navy)}.stepper li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-height:48px;font-size:.83rem;font-weight:700}.stepper li span{display:grid;place-content:center;width:25px;height:25px;border:1px solid #40546f;border-radius:50%;font-size:.7rem}.stepper li.active{color:#fff}.stepper li.active span{border-color:var(--turquoise);background:var(--turquoise);color:#05221f}.stepper li.done{color:#91dbd1}.wizard-body{display:flex;flex-direction:column;padding:30px}.wizard-body h2{margin:0 0 26px}.wizard-actions{display:flex;justify-content:space-between;margin-top:auto;padding-top:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.limits{grid-template-columns:repeat(3,minmax(0,1fr))}.preview{grid-column:1 / -1;padding:18px;color:#0f4ca5;border-radius:10px;background:#eff6ff;font-size:1.1rem;font-weight:800}.plan-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.plan-select button{display:grid;gap:7px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.plan-select button.selected{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1c}.plan-select span{color:var(--muted);font-size:.78rem}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.toggle-grid label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid var(--line);border-radius:10px}.toggle-grid small{display:block;margin-top:3px;color:var(--muted)}.toggle-grid input{width:42px;min-height:22px;accent-color:var(--turquoise)}.notice{padding:14px 16px;color:#334155}.card+.table-wrap,.table-wrap+.notice{margin-top:16px}.table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:250px}.table-actions select{width:auto;min-width:130px;min-height:34px;padding:5px 8px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;color:var(--muted);font-size:.82rem}.loading{min-height:160px;display:grid;place-content:center;color:var(--muted)}@media(max-width:1180px){.metric-grid,.usage-grid{grid-template-columns:repeat(3,1fr)}.app-shell{grid-template-columns:210px 1fr}}@media(max-width:860px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.app-shell{display:block}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-foot{display:none}.topbar{min-height:64px;padding:10px 16px}.content{padding:20px 15px}.dashboard-grid,.wizard{grid-template-columns:1fr}.stepper{display:flex;overflow:auto;gap:10px}.stepper li{min-width:120px}.form-grid.limits,.usage-grid,.plan-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sidebar nav,.metric-grid,.form-grid,.form-grid.limits,.toggle-grid,.usage-grid,.detail-grid,.review{grid-template-columns:1fr}.top-actions .environment,.top-actions .icon-button{display:none}.page-head{flex-direction:column}.wizard-body{padding:20px 15px}.inline-form{grid-template-columns:1fr}.inline-form .wide,.plan-form .wide{grid-column:auto}.inline-actions{display:grid}}