:root{--brand:#6950df;--ink:#25283d;--muted:#7d8193;--line:#e8e9f0;--page:#f7f8fc;--wa-font-family-body:Inter,"Segoe UI",sans-serif;--wa-color-brand-fill-loud:#6950df;--wa-color-brand-on-loud:white;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:var(--page)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.icon{height:20px;width:20px;flex:none}button,a,wa-select,wa-button{outline-offset:4px}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.app-shell{display:flex;min-height:100vh}
.sidebar{width:252px;background:#202338;color:#bcc0d0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 19px 0;z-index:20;overflow-y:auto;overscroll-behavior-y:contain}
.sidebar>*{flex-shrink:0}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:700;display:flex;align-items:center;color:#fff;padding:0 12px}.brand-dot{color:#ad9bff}.brand-mark{height:29px;display:flex;align-items:center;gap:3px;margin-right:12px;transform:rotate(-12deg)}.brand-mark i{width:6px;border-radius:4px;background:#ae9aff;height:16px}.brand-mark i:nth-child(2){height:27px;background:#ded6ff}.brand-mark i:nth-child(3){height:21px;background:#8d76ef}
.installation-label{display:flex;justify-content:space-between;align-items:center;margin:33px 12px 17px;font-size:9px;letter-spacing:1.8px;color:#a1a6bd;font-weight:650}.installation-label span{font-size:8px;color:#c5bedb;background:#33364e;border-radius:4px;padding:2px 5px;letter-spacing:1px}
.workspace-select{background:#2c3048;padding:13px 12px 14px;border:1px solid #3b3f58;border-radius:10px;margin-bottom:30px}.workspace-select label{font-size:11px;color:#bbc0d5;display:block;margin-bottom:6px}wa-select{display:block;width:100%;color:var(--ink);--wa-form-control-height:38px}wa-select::part(combobox){background:#363a54;border-color:#4a4d67;color:white;font-size:13px}
.nav-label{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#a1a6bd;padding:0 13px;margin-bottom:10px}.nav-item{height:44px;display:flex;gap:12px;align-items:center;padding:0 13px;border-radius:7px;margin-bottom:5px;font-size:13px}.nav-item .icon{width:18px;height:18px;color:#a4abc6}.nav-item:hover{background:#2a2e47;color:white}.nav-item.active{background:#3c355f;color:#e8e0ff}.nav-item.active .icon{color:#bdadff}.active-dot{margin-left:auto;width:5px;height:5px;background:#bdadff;border-radius:50%}.installation-nav-label{margin-top:33px}.sidebar-bottom{margin-top:auto}.sandbox-note{display:flex;align-items:center;gap:8px;font-size:10px;padding:24px 13px;color:#a1a8c3}.status-dot{width:5px;height:5px;background:#82b8a0;border-radius:50%}
.profile{border-top:1px solid #35394e;display:flex;gap:10px;align-items:center;padding:19px 5px 21px}.profile-avatar{width:34px;height:34px;background:#42405d;color:#ded6ff;border-radius:10px;display:grid;place-items:center;font-weight:650}.profile strong{display:block;color:#eef0f6;font-size:12px;font-weight:500}.profile div span{display:block;color:#a1a8c0;font-size:10px}.profile-version{font-size:10px;margin-left:auto;color:#a1a8c0}
.main-shell{margin-left:252px;width:calc(100% - 252px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px;color:#75798c}.breadcrumb .icon{width:12px;height:12px;color:#999eaf}.breadcrumb strong{color:#474b60;font-weight:500}.workspace-chip{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-size:11px;font-weight:650}.purple{background:#eee9ff;color:#7952d3}.blue{background:#e7f0ff;color:#467bbf}.orange{background:#fff0e5;color:#b87940}
.preview-label{font-size:10px;background:#f5f3fc;color:#81739f;padding:5px 10px;border-radius:6px;display:flex;gap:6px;align-items:center}.preview-label>span{width:5px;height:5px;border-radius:50%;background:#a397be}
main{padding:36px 42px 30px;width:100%;max-width:1500px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#797e92;font-weight:650;margin-bottom:5px}h1{font-size:29px;line-height:1.3;letter-spacing:-.9px;margin:0 0 8px;font-weight:650}p{margin:0}.page-heading p{color:var(--muted);font-size:13px}
wa-button{font-family:inherit;font-size:12px}wa-button::part(base){font-family:inherit;font-size:12px;font-weight:550;min-height:39px;border-radius:7px}wa-button .icon{height:15px;width:15px}.welcome-panel{position:relative;overflow:hidden;background:#eeeafa;border:1px solid #e4def5;border-radius:14px;min-height:282px;display:flex;align-items:center;justify-content:space-between;padding:31px 36px}.welcome-copy{z-index:1}.welcome-kicker{font-size:8px;letter-spacing:1.7px;font-weight:650;color:#84709f}.welcome-panel h2{font-size:27px;line-height:1.32;letter-spacing:-.7px;margin:12px 0;color:#34304f;font-weight:600}.welcome-panel p{font-size:12px;color:#776b8c;line-height:1.8;margin-bottom:19px}.welcome-panel wa-button::part(base){background:#7055d8;border-color:#7055d8;color:white}
.workspace-art{position:relative;width:310px;height:230px;flex:none;right:8px}.art-orbit{position:absolute;border:1px solid #e0d8f1;border-radius:50%;width:240px;height:240px;top:-5px;left:25px}.orbit-two{height:310px;width:310px;top:-40px;left:-10px}.art-tile{position:absolute;border-radius:12px;box-shadow:0 12px 35px #4b338d12}.tile-back{width:170px;height:145px;background:#ded6f3;left:100px;top:17px;transform:rotate(12deg);border:1px solid #d3c7ef}.tile-back>span{display:block;width:28px;height:28px;background:#c3b3e7;border-radius:7px;margin:18px}.tile-back i{display:block;width:90px;height:6px;margin:12px 18px;background:#cfc1ec;border-radius:4px}.tile-front{width:180px;height:172px;background:#fff;left:42px;top:42px;transform:rotate(-7deg);padding:17px;border:1px solid #e7e0f5}.art-icon{width:32px;height:32px;display:grid;place-items:center;background:#eee8ff;color:#9172da;border-radius:8px;margin-bottom:10px}.art-icon .icon{width:18px;height:18px}.tile-front b{display:block;font-size:10px;font-weight:600;color:#625877}.art-line{width:110px;height:5px;border-radius:3px;background:#edebf2;margin:8px 0}.art-line.short{width:70px}.art-tags{display:flex;gap:5px;margin-top:13px}.art-tags i{width:30px;height:12px;border-radius:3px;background:#eee4ff}.art-tags i:nth-child(2){background:#e3eefb}.art-tags i:nth-child(3){background:#ffeadb}.art-check{position:absolute;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;left:211px;top:159px;background:#83b7a2;color:white;transform:rotate(9deg);box-shadow:0 5px 15px #4a897927}.art-spark{position:absolute;color:#b4a2d8;font-size:23px;font-weight:400}.spark-one{left:14px;top:44px}.spark-two{right:14px;top:119px;font-size:17px}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:31px 0 18px;gap:18px}h2{font-size:17px;letter-spacing:-.35px;font-weight:600;margin:0}.section-heading p{color:var(--muted);font-size:12px;margin-top:4px}.text-link{font-size:11px;color:#8066ae;display:flex;align-items:center;gap:8px;white-space:nowrap}.text-link .icon{height:14px;width:14px}.text-link:hover{color:var(--brand)}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:22px 22px 0;min-height:212px}.module-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.module-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.module-icon .icon{width:21px;height:21px}.pill{font-size:9px;padding:3px 7px;background:#f5f6f9;color:#797d90;border:1px solid #eff0f5;border-radius:5px}h3{font-size:14px;letter-spacing:-.2px;font-weight:600;margin:0 0 7px}.module-card p{font-size:11px;color:#757b8d;line-height:1.8;min-height:43px;max-width:235px}.module-card-footer{border-top:1px solid #f0f1f6;margin-top:20px;padding:12px 0;font-size:9px;color:#7b8195;display:flex;align-items:center;gap:6px}.planned-dot{width:4px;height:4px;border-radius:50%;background:#a39abf}
.workspace-summary{border:1px solid var(--line);border-radius:10px;background:white;margin-top:23px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.summary-title{display:flex;align-items:center;gap:12px}.workspace-chip.large{width:38px;height:38px;font-size:14px;border-radius:9px}.summary-title h3{font-size:12px;margin-bottom:3px}.summary-title p{font-size:10px;color:#7e8496}.summary-detail span{display:block;font-size:9px;color:#808599;margin-bottom:5px}.summary-detail strong{font-size:10px;font-weight:500;color:#6b6f83}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:0 42px 20px;font-size:9px;color:#858b9f;margin-top:auto}
.info-banner{display:flex;align-items:center;gap:14px;padding:19px 22px;border:1px solid #e5e1f0;background:#f0edf9;border-radius:10px;margin-bottom:24px;color:#7c6c9a;font-size:12px}.empty-panel{text-align:center;background:white;border:1px solid var(--line);border-radius:14px;padding:65px 24px}.empty-panel .module-icon{margin:0 auto 17px;width:55px;height:55px}.empty-panel h2{margin:15px 0 10px;font-size:22px}.empty-panel p{max-width:390px;margin:0 auto 25px;font-size:13px;color:var(--muted)}wa-dialog p{font-size:14px;color:#74798b;line-height:1.8}.menu-toggle{display:none;background:transparent;border:0;padding:7px}.menu-toggle:focus-visible{outline:2px solid var(--brand)}
@media(min-width:1600px){main{padding-top:48px}.welcome-panel{min-height:310px}}
@media(max-width:1100px){.sidebar{width:220px}.main-shell{margin-left:220px;width:calc(100% - 220px)}main{padding:28px}.topbar{padding:0 28px}.page-footer{padding-left:28px;padding-right:28px}.workspace-art{width:240px;transform:scale(.85);transform-origin:center}.welcome-panel{padding:28px}.module-card{padding:17px 17px 0}.workspace-summary{flex-wrap:wrap}}
@media(max-width:820px){.sidebar{width:252px;transform:translateX(-100%);transition:transform .2s}.sidebar.is-open{transform:translateX(0);box-shadow:10px 0 40px #20233840}.main-shell{margin:0;width:100%}.menu-toggle{display:block;margin-left:-7px;margin-right:10px}.topbar{justify-content:flex-start;height:64px}.preview-label{margin-left:auto}.welcome-panel{min-height:270px}.workspace-summary{gap:22px}.summary-title{width:100%}}
@media(max-width:560px){main{padding:25px 18px}.topbar{padding:0 18px}.breadcrumb{font-size:11px;gap:7px}.breadcrumb .workspace-chip{display:none}.preview-label{font-size:0;background:none;padding:0}.preview-label>span{width:7px;height:7px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}.page-heading>wa-button::part(base){min-height:32px;font-size:10px}h1{font-size:27px}.page-heading p{font-size:12px}.welcome-panel{padding:27px 23px;min-height:275px}.welcome-panel h2{font-size:24px}.welcome-kicker{font-size:7px;letter-spacing:1px}.workspace-art{display:none}.module-grid{grid-template-columns:1fr}.module-card{min-height:190px;padding:22px 22px 0}.module-card p{max-width:none;min-height:auto}.section-heading{align-items:flex-start}.section-heading h2{font-size:16px}.section-heading p{font-size:11px;max-width:220px}.text-link{font-size:10px;gap:3px;margin-top:3px}.workspace-summary{padding:20px}.page-footer{padding:0 18px 20px;flex-direction:column;gap:3px}.info-banner{align-items:flex-start}.empty-panel{padding:45px 20px}.empty-panel h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

wa-select::part(display-input){color:#f1edff}wa-select::part(expand-icon){color:#c4bbdf}

.logout-form{padding:0 12px}.logout-form button{background:transparent;border:0;padding:8px 0;color:#c4b8ee;font-size:12px;cursor:pointer}.profile strong{max-width:160px;overflow-wrap:anywhere}