@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#172033;font-synthesis:none;--bg:#f4f6fb;--surface:#fff;--surface-2:#f8f9fc;--text:#172033;--muted:#6f7789;--line:#e5e8f0;--nav:#171e35;--primary:#6456e8;--primary-dark:#5144ca;--shadow:0 12px 35px #222a4814;background:#f4f6fb;font-family:DM Sans,system-ui,sans-serif}:root[data-theme=dark]{color:#e8ebf6;--bg:#111625;--surface:#191f31;--surface-2:#20273b;--text:#eef0f8;--muted:#9aa3b8;--line:#2d354c;--nav:#0d1220;--primary:#8577ff;--primary-dark:#7466ee;--shadow:0 14px 40px #00000038;background:#111625}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong{font-family:Manrope,sans-serif}h1{letter-spacing:-.04em;margin-bottom:.45rem;font-size:clamp(1.7rem,3vw,2.35rem)}h2{letter-spacing:-.02em;margin:0;font-size:1.05rem}p{color:var(--muted);line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--primary);margin-bottom:.5rem;font-size:.68rem;font-weight:800}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#fff;z-index:30;flex-direction:column;width:244px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;height:76px;padding:0 20px;display:flex}.brand-mark{background:linear-gradient(145deg,#7568ef,#4b3dc1);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 22px #5a4ae059}.brand>div:nth-child(2){flex-direction:column;display:flex}.brand strong{font-size:.96rem}.brand span{color:#9099b3;font-size:.68rem}.sidebar nav{scrollbar-width:thin;flex:1;padding:14px 10px;overflow-y:auto}.sidebar nav a{color:#aab1c5;border-radius:9px;align-items:center;gap:11px;margin:1px 0;padding:9px 10px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0e}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#7364ef3d,#7364ef14)}.nav-arrow{opacity:0;margin-left:auto}.sidebar nav a.active .nav-arrow{opacity:.6}.sidebar-footer{border-top:1px solid #ffffff14;padding:13px}.bot-state{border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.live-dot{background:#53d69b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #53d69b1f}.bot-state div{flex-direction:column;display:flex}.bot-state strong{font-size:.74rem}.bot-state span{color:#8791ab;font-size:.62rem}.main-column{flex-direction:column;width:calc(100% - 244px);min-height:100vh;margin-left:244px;display:flex}.topbar{background:color-mix(in srgb, var(--surface) 93%, transparent);border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-title>div{flex-direction:column;display:flex}.topbar-title span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.63rem}.topbar-title strong{font-size:.9rem}.top-actions,.topbar-title{align-items:center;gap:12px;display:flex}.icon-button,.mobile-menu,.sidebar-close{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.mobile-menu,.sidebar-close{display:none}.admin-chip{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.admin-chip>div{color:#584bc5;background:#ece9ff;border-radius:9px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.admin-chip span{flex-direction:column;display:flex}.admin-chip strong{font-size:.72rem}.admin-chip small{color:var(--muted);font-size:.58rem}main{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:30px}footer{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:7px;padding:20px 30px;font-size:.68rem;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px;display:flex}.page-header p{max-width:670px;margin-bottom:0;font-size:.88rem}.page-actions{gap:8px;display:flex}.button{white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:var(--primary);color:#fff;box-shadow:0 6px 15px color-mix(in srgb, var(--primary) 24%, transparent)}.button-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.button-quiet{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.button-danger{color:#c7374b;background:#fff1f2;border:1px solid #ffd9df}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.panel-head .eyebrow{margin-bottom:.32rem}.panel-head>svg{color:var(--primary)}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;grid-template-rows:auto auto auto;grid-template-columns:44px 1fr;column-gap:12px;padding:17px;display:grid}.metric-icon{border-radius:11px;grid-row:1/4;place-items:center;width:42px;height:42px;display:grid}.metric-icon svg{width:20px}.tone-indigo{color:#6657dc;background:#eeebff}.tone-green{color:#26976b;background:#e3f8ee}.tone-amber{color:#d8911e;background:#fff2d9}.tone-cyan{color:#168fa8;background:#e1f6fb}.metric>span{color:var(--muted);font-size:.68rem}.metric>strong{letter-spacing:-.04em;font:800 1.5rem Manrope}.metric>small{color:var(--muted);font-size:.62rem}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.span-2{grid-column:span 2}.revenue-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.revenue-item>div:first-child{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.revenue-item span{color:var(--muted);font-size:.68rem}.revenue-item strong{font-size:.85rem}.bar{background:var(--surface-2);border-radius:20px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg,#7668ee,#9c8eff);border-radius:20px;height:100%;display:block}.legend{color:var(--muted);align-items:center;gap:6px;font-size:.65rem;display:flex}.legend i{background:var(--primary);border-radius:50%;width:8px;height:8px}.conversion-panel{text-align:center}.conversion-ring{--value:0deg;background:conic-gradient(var(--primary) var(--value), var(--surface-2) 0);border-radius:50%;place-items:center;width:112px;height:112px;margin:8px auto 14px;display:grid;position:relative}.conversion-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:11px}.conversion-ring strong{z-index:1;font:800 1.5rem Manrope}.conversion-panel p{margin:0;font-size:.72rem}.step-list{grid-template-columns:1fr 1fr;gap:8px;max-height:272px;display:grid;overflow:auto}.step-list>div{background:var(--surface-2);color:var(--muted);border-radius:9px;align-items:center;gap:9px;padding:8px;display:flex}.step-list svg{color:#aab1c3;width:17px}.step-list span{flex-direction:column;font-size:.7rem;display:flex}.step-list small{letter-spacing:.08em;font-size:.52rem}.step-list .step-complete{color:var(--text)}.step-list .step-complete svg{color:#28a879}.table-wrap{margin:-2px;overflow:auto}.table-panel{padding:9px}.table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%}.table-wrap th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--line);padding:11px 12px;font-size:.61rem}.table-wrap td{border-bottom:1px solid var(--line);text-overflow:ellipsis;max-width:320px;padding:12px;font-size:.72rem;overflow:hidden}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:var(--surface-2)}.row-actions{align-items:center;gap:6px;display:flex}.status{letter-spacing:.03em;color:#636c7d;background:#edf0f5;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:.59rem;font-weight:800;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-active,.status-succeeded,.status-connected,.status-ready,.status-sent,.status-completed{color:#21845d;background:#e2f7ed}.status-pending,.status-processing,.status-scheduled,.status-pending-join{color:#a66c11;background:#fff1d5}.status-failed,.status-banned,.status-revoked,.status-permission-problem{color:#b93b50;background:#ffeaed}.status-expired,.status-disabled,.status-disconnected,.status-archived{color:#667082;background:#edf0f5}.empty{text-align:center;min-height:160px;color:var(--muted);place-content:center;display:grid}.empty div{font-size:1.7rem}.empty p{font-size:.72rem}.toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.toolbar>span{color:var(--muted);font-size:.7rem}.filter-select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;margin-left:auto;padding:9px 11px;font-size:.72rem}.search{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;min-width:min(420px,100%);padding:0 11px;display:flex}.search svg{width:16px;color:var(--muted)}.search input{width:100%;height:40px;color:var(--text);background:0 0;border:0;outline:none;font-size:.76rem}.notice{color:#5548ba;background:#eef1ff;border:1px solid #ddd9ff;border-radius:9px;margin:12px 0;padding:11px 13px;font-size:.72rem}.notice-error{color:#a93448;background:#fff0f2;border-color:#ffd5dc}.notice-success{color:#247d5c;background:#e8f8f0;border-color:#c9eedf}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d12229e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:min(760px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 30px 80px #00000047}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label,.inline-setting{color:var(--muted);flex-direction:column;gap:6px;font-size:.69rem;font-weight:700;display:flex}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.resource-sync input,.inline-setting input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);resize:vertical;border-radius:9px;outline:none;padding:10px 11px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent)}.form-grid .check{flex-direction:row;align-self:center;align-items:center}.form-grid .check input{width:auto}.form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.assignment-head{gap:10px;margin-bottom:18px;display:flex}.profile-summary{background:var(--surface-2);border-radius:11px;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:grid}.profile-summary>div{flex-direction:column;gap:3px;display:flex}.profile-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem}.profile-summary strong{font-size:.76rem}.section-title{text-transform:uppercase;letter-spacing:.07em;margin:18px 0 10px;font-size:.75rem}.grant-box{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;margin-bottom:16px;padding:14px}.assignment section{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.assignment h3{text-transform:uppercase;letter-spacing:.06em;font-size:.73rem}.assignment h3 span{color:var(--muted);margin-left:5px}.assignment-row{border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.assignment-row:hover{background:var(--surface-2)}.assignment-row>span{flex-direction:column;margin-right:auto;font-size:.74rem;display:flex}.assignment-row small{color:var(--muted)}.assignment-row>input{accent-color:var(--primary)}.elsewhere{opacity:.76}.resource-sync{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.resource-sync>div{align-items:center;gap:12px;display:flex}.resource-sync h2{margin-bottom:4px}.resource-sync p{margin:0;font-size:.7rem}.sync-icon{width:43px;height:43px;color:var(--primary);background:#eeebff;border-radius:12px;place-items:center;display:grid}.resource-sync form{gap:8px;display:flex}.resource-sync input{min-width:210px}.permission-list{gap:4px;display:flex}.permission-list i{background:var(--surface-2);border-radius:5px;padding:3px 6px;font-size:.58rem;font-style:normal}.log-selected{color:#29845f;gap:5px;font-size:.68rem;font-weight:700;display:flex}.log-selected svg{width:15px}.split-layout{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:15px;display:grid}.narrow-panel{max-width:750px}.wizard{flex-direction:column;gap:6px;display:flex}.wizard>div{background:var(--surface-2);border-radius:9px;align-items:center;gap:10px;padding:9px;display:flex}.wizard b{background:var(--surface);width:29px;height:29px;color:var(--muted);border-radius:8px;place-items:center;font-size:.7rem;display:grid}.wizard>div>span{flex-direction:column;margin-right:auto;font-size:.7rem;display:flex}.wizard small{color:var(--muted);font-size:.58rem}.wizard-done b{color:#27845f;background:#def6eb}.inline-setting{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 90px auto;align-items:center;margin-bottom:10px;padding:9px;display:grid}.inline-setting input{padding:7px}.login-page{background:var(--surface);grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-story{color:#fff;background:#171e35;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";filter:blur(3px);border-radius:50%;position:absolute}.login-story:before{background:radial-gradient(circle,#6f5eee6b,#0000 68%);width:500px;height:500px;bottom:-180px;left:-170px}.login-story:after{border:1px solid #ffffff14;width:480px;height:480px;top:-140px;right:-250px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.story-inner{z-index:2;flex-direction:column;justify-content:space-between;height:100%;padding:7vh 8vw;display:flex;position:relative}.brand-login{border:0;height:auto;padding:0}.brand-login strong{font-size:1.05rem}.login-story .eyebrow{color:#a99fff}.login-story h1{letter-spacing:-.06em;font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.04}.login-story p{color:#abb3c9;max-width:600px;font-size:1rem}.trust-row{align-items:center;gap:12px;display:flex}.trust-row>svg{color:#6ce0ac}.trust-row span{flex-direction:column;display:flex}.trust-row strong{font-size:.8rem}.trust-row small{color:#8f99b3;font-size:.66rem}.login-panel{background:var(--surface);place-items:center;padding:30px;display:grid}.login-panel form{width:min(380px,100%)}.login-icon{color:#5b4dcc;background:#ece9ff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid}.login-panel h2{margin-bottom:7px;font-size:1.6rem}.login-panel form>p{margin-bottom:28px;font-size:.82rem}.login-panel label{flex-direction:column;gap:7px;margin:14px 0;font-size:.72rem;font-weight:700;display:flex}.login-panel input{border:1px solid var(--line);background:var(--surface-2);height:46px;color:var(--text);border-radius:10px;padding:0 12px}.login-submit{width:100%;height:45px;margin:8px 0 18px}.login-panel form>small{text-align:center;color:var(--muted);font-size:.62rem;display:block}.splash{text-align:center;min-height:100vh;color:var(--muted);place-content:center;gap:12px;font-size:.75rem;display:grid}.pulse-logo{background:var(--primary);color:#fff;border-radius:15px;place-items:center;width:52px;height:52px;margin:auto;font:800 1.2rem Manrope;animation:1.4s infinite pulse;display:grid}@keyframes pulse{50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--primary) 0%, transparent)}}@media (width<=1150px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr 1fr}.span-2,.conversion-panel{grid-column:span 2}.split-layout{grid-template-columns:1fr}.login-page{grid-template-columns:1fr 1fr}}@media (width<=820px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:29;background:#0a0e198c;position:fixed;inset:0}.sidebar-close{color:#fff;background:0 0;border-color:#ffffff1a;margin-left:auto;display:grid}.main-column{width:100%;margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 16px}main{padding:22px 16px}.login-page{grid-template-columns:1fr}.login-story{display:none}.resource-sync{flex-direction:column;align-items:flex-start}.resource-sync form{width:100%}.resource-sync input{min-width:0}.page-header{align-items:flex-start}.admin-chip span{display:none}}@media (width<=580px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr}.span-2,.conversion-panel{grid-column:auto}.revenue-row{grid-template-columns:1fr}.page-header{flex-direction:column}.page-actions,.page-actions .button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.search{min-width:0}.resource-sync form,.assignment-head{flex-direction:column}.profile-summary{grid-template-columns:1fr 1fr}.metrics-grid{gap:8px}.panel{padding:15px}.login-panel{padding:24px}.step-list,.inline-setting{grid-template-columns:1fr}.topbar-title>div{display:none}}