@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24344a;background:#f4f7fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--text:#24344a;--muted:#7f8ca1;--line:rgba(105,128,158,.16);--surface:rgba(255,255,255,.66);--strong:rgba(255,255,255,.78);--nav:rgba(255,255,255,.56);--shadow:0 10px 35px rgba(66,91,123,.07);--blue:#526eab;--blue-bg:rgba(108,141,203,.12)}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}button:focus-visible{outline:3px solid rgba(84,123,196,.55);outline-offset:2px}h1,h2,p{margin:0}h1,h2,.brand strong{font-family:Manrope,DM Sans,sans-serif}.shell{min-height:100vh;display:flex;position:relative;isolation:isolate;overflow:hidden}.shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.21;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.16' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient{position:fixed;z-index:-2;filter:blur(62px);border-radius:50%;pointer-events:none}.ambient-a{width:650px;height:650px;top:-200px;left:-170px;background:radial-gradient(circle,rgba(168,196,240,.32),transparent 68%)}.ambient-b{width:800px;height:680px;right:-280px;bottom:-260px;background:radial-gradient(circle,rgba(180,206,210,.32),rgba(205,187,236,.15),transparent 70%)}.glass{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px #fffc;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.sidebar{width:254px;min-height:100vh;flex-shrink:0;display:flex;flex-direction:column;position:relative;z-index:4;border-left:0;border-top:0;border-bottom:0;border-radius:0;background:var(--nav);padding:26px 15px}.brand{display:flex;align-items:center;gap:12px;padding:6px 10px 43px}.brand-icon{width:39px;height:39px;flex-shrink:0;border:1px solid rgba(106,142,193,.31);border-radius:12px;background:linear-gradient(145deg,#eef6ffcc,#cddbf670);display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);justify-content:center;align-content:center;gap:3px;box-shadow:inset 0 1px 2px #ffffffd9,0 4px 12px #698fc61f}.brand-icon span{background:linear-gradient(145deg,#799bd1,#597db9);border-radius:3px}.brand strong{font-size:18px;letter-spacing:-.7px;white-space:nowrap}.brand strong span{font-weight:500;color:#6180b5}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.15px;margin-top:3px}.sidebar-label{color:#a2aebd;letter-spacing:1.5px;font-size:9px;font-weight:700;padding:0 13px;margin-bottom:13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;border:1px solid transparent;border-radius:11px;background:transparent;color:#77879d;text-align:left;padding:13px;display:flex;gap:13px;align-items:center;cursor:pointer;font-size:13px;font-weight:600;transition:.18s ease}.nav-item:hover{background:#8ba5c71f;color:var(--text)}.nav-item.selected{color:#4169a4;border-color:#7198c82e;background:linear-gradient(115deg,#d2e3fb9c,#f4f8ff7d);box-shadow:0 3px 12px #597aa70d,inset 0 1px #ffffffb3}.nav-item .chevron{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:15px 11px}.side-info{display:flex;align-items:center;gap:8px;color:#7186a3;font-size:11px;font-weight:600}.sidebar-bottom small{display:block;margin-top:9px;color:#a8b3c2;font-size:10px}.main{flex:1;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);padding:0 clamp(22px,4.1vw,68px);display:flex;align-items:center;justify-content:space-between}.crumb{display:flex;gap:12px;align-items:center;color:#9aa8b7;font-size:12px}.crumb span{color:#5b6b82;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.top-env{font-size:9px;font-weight:800;color:#8292a5;letter-spacing:1.1px}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#ffffff80;color:#8494a8}.content{width:min(1200px,100%);margin:0 auto;padding:48px clamp(22px,4.1vw,68px) 26px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;color:#8198b2;letter-spacing:1.5px}.heading h1{margin:10px 0 8px;font-size:clamp(26px,3vw,35px);font-weight:750;letter-spacing:-1.4px}.heading p{font-size:13px;color:var(--muted)}.context-badge{white-space:nowrap;display:flex;gap:8px;align-items:center;color:#8b7790;font-size:10px;font-weight:700;border:1px solid rgba(163,137,159,.2);border-radius:99px;padding:10px 12px;background:#f8f0f491}.notice{display:flex;gap:12px;align-items:flex-start;border-radius:14px;border:1px solid rgba(149,160,189,.23);background:#e3e9f75e;padding:17px 20px;margin-bottom:24px;color:#71829e}.notice svg{flex-shrink:0;margin-top:2px}.notice strong{font-size:12px;color:#516986}.notice p{font-size:11px;line-height:1.65;margin-top:4px;color:#7c8b9f}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:21px}.stat{border-radius:17px;padding:21px 24px;min-height:157px}.stat-heading{display:flex;justify-content:space-between;align-items:center;color:#7e8da1;font-size:12px;font-weight:600}.stat-heading svg{color:#9cacc2}.stat>strong{font-family:Manrope,sans-serif;display:block;margin:19px 0 5px;font-size:30px;color:#64778f}.stat small{font-size:10px;color:#a1aec0}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.panel{border-radius:17px;padding:23px;min-height:275px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px}.panel-head h2{font-size:14px;letter-spacing:-.2px}.panel-head p{font-size:11px;color:var(--muted);margin-top:5px}.panel-head>svg{color:#9aaabc}.system-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.system-row:first-of-type{border-top:0}.system-icon{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;color:#7691bc;border-radius:10px;background:#a4bde329}.system-row>div:nth-child(2){min-width:0;flex:1}.system-row strong,.config-list strong{display:block;font-size:11px}.system-row small,.config-list small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;font-size:9px;font-weight:700;white-space:nowrap}.status-pending{color:#947d60;background:#ddbd8c26}.status-ok{color:#5b947e;background:#8dceb22b}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.steps{display:flex;flex-direction:column;gap:20px}.steps>div{display:flex;align-items:center;gap:14px}.steps span{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;color:#7186a4;font-size:10px;font-weight:800;border-radius:9px;background:#9bb6dd21}.steps p{font-size:11px;color:#6d7c92;line-height:1.5}.empty{padding:55px 18px 65px;display:flex;align-items:center;text-align:center;flex-direction:column;gap:12px}.empty-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#91a6c3;background:#a3bee726}.empty strong{font-size:13px}.empty p{max-width:460px;line-height:1.7;font-size:11px;color:var(--muted)}.action-disabled{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:9px 13px;border-radius:10px;color:#a5b0be;background:#b4c3da1c;font-size:11px;cursor:not-allowed}.config-list>div{display:flex;gap:14px;padding:15px 0;align-items:center;border-top:1px solid var(--line)}.config-list>div:first-child{border-top:0}.config-list>div>span:nth-child(2){flex:1}footer{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:#a2afbf;font-size:10px}footer span{display:flex;gap:7px;align-items:center}.mobile-brand,.mobile-close,.mobile-backdrop{display:none}@media(max-width:1020px){.sidebar{width:218px}.content{padding-top:35px}.two-col{grid-template-columns:1fr}.stats{gap:12px}.stat{padding:20px 17px}}@media(max-width:700px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-105%);transition:transform .22s ease;width:258px}.sidebar-open{transform:translate(0)}.mobile-backdrop{display:block;position:fixed;z-index:3;inset:0;background:#212e4440;border:0}.mobile-close{display:grid!important;margin-left:auto}.mobile-brand{display:flex;gap:10px;align-items:center}.mobile-brand strong{font-family:Manrope,sans-serif;font-size:14px}.mobile-brand .brand-icon{width:31px;height:31px;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:2px;border-radius:10px}.icon-button{border:0;background:transparent;color:var(--text);padding:5px;cursor:pointer;display:grid;place-items:center}.topbar{height:67px;padding:0 18px}.crumb{display:none}.top-env{font-size:8px}.content{padding:29px 17px 25px}.heading{display:block;margin-bottom:21px}.heading h1{font-size:27px}.heading p{line-height:1.55}.context-badge{display:inline-flex;margin-top:17px}.stats{grid-template-columns:1fr;gap:11px}.stat{min-height:113px}.stat>strong{margin:8px 0;font-size:24px}.panel{padding:20px 17px}.system-row{gap:8px}.system-row small{line-height:1.5}.notice{padding:15px}.empty{padding:45px 10px}.panel-head{flex-wrap:wrap}.sidebar{overscroll-behavior:contain;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}footer{flex-direction:column;gap:10px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--text:#e2e9f5;--muted:#97a5bb;--line:rgba(169,190,216,.12);--surface:rgba(33,44,64,.63);--strong:rgba(43,56,77,.75);--nav:rgba(29,40,58,.72);--shadow:0 14px 37px rgba(8,15,28,.2);--blue:#94afd9;--blue-bg:rgba(122,163,219,.13);background:#111b2a}.ambient-a{background:radial-gradient(circle,rgba(61,90,148,.28),transparent 70%)}.ambient-b{background:radial-gradient(circle,rgba(42,90,104,.2),rgba(68,51,94,.14),transparent 70%)}.glass{box-shadow:var(--shadow),inset 0 1px #ffffff12}.brand-icon{background:linear-gradient(145deg,#3f5b87b3,#293a57b3);border-color:#85a7d547;box-shadow:inset 0 1px 1px #ffffff17}.brand-icon span{background:linear-gradient(145deg,#9ab7e4,#7194ca)}.brand strong span{color:#9db7df}.sidebar-label{color:#677990}.nav-item{color:#9baac0}.nav-item:hover{color:#e0e9f6;background:#81a3d11a}.nav-item.selected{color:#c3d9f5;border-color:#7198c833;background:linear-gradient(115deg,#5477a742,#435e871f);box-shadow:inset 0 1px #ffffff0d}.side-info{color:#99b2cd}.sidebar-bottom small{color:#778ba1}.crumb span{color:#c4d1e3}.avatar{background:#3d506b4d}.heading h1{color:#e3ebf6}.heading p{color:#9ba9bd}.context-badge{background:#6e4c662e;color:#c9a9bd;border-color:#bc8eae2e}.notice{background:#50659221;color:#a8b9d3;border-color:#839bc32b}.notice strong{color:#c0d0e8}.notice p{color:#9daec7}.stat-heading{color:#a3b0c3}.stat-heading svg{color:#94a8bf}.stat>strong{color:#bdd0e8}.stat small{color:#8295ac}.panel-head>svg{color:#8698af}.system-row strong,.config-list strong{color:#dce8f6}.system-icon{color:#9cb9e3;background:#6a8fc326}.status-pending{color:#d4bb90;background:#c09a641f}.steps span{color:#aac2e0;background:#7094c52b}.steps p{color:#adbbcf}.empty-icon{color:#aac2e3;background:#84aadb21}.empty strong{color:#dce7f5}.action-disabled{color:#8594aa;background:#6c83a117}footer{color:#788ba4}.mobile-backdrop{background:#00000080}}
