:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18202c;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#111827;color:#dbe2ef;z-index:30;display:flex;flex-direction:column}.brand{height:70px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #273246}.brand>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#4a4fe4;color:#fff;font-weight:900}.brand>span.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:10px}.brand>span.brand-mark.has-logo{background:#fff}.login-logo{width:48px;height:48px;object-fit:contain;display:block}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:#8ea0bd;text-transform:uppercase;letter-spacing:.12em}.brand button{display:none;margin-left:auto;background:transparent;color:#fff}.sidebar nav{padding:18px 12px;display:grid;gap:5px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#aebbd0;text-decoration:none;padding:11px 12px;border-radius:9px;font-size:14px;font-weight:650}.sidebar nav a svg{width:18px}.sidebar nav a:hover,.sidebar nav a.active{background:#27334a;color:#fff}.workspace{min-height:100vh;margin-left:270px}.workspace>header{height:70px;background:#fff;border-bottom:1px solid #e0e5eb;display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;z-index:20}.workspace header small,.workspace header strong{display:block}.workspace header small{font-size:10px;text-transform:uppercase;color:#7a8799;letter-spacing:.12em}.logout{margin-left:auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;background:#f2f4f7;color:#5d6878}.logout svg,.menu svg{width:18px}.menu{display:none;background:#eef1f5;border-radius:8px;padding:8px}.workspace main{padding:30px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-head h1{font-size:28px;margin:5px 0}.page-head p{margin:0;color:#718096;font-size:14px}.eyebrow{font-size:10px!important;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#4a4fe4!important}.page-head button,.section-head button,.row button,.modal-actions button:not(.secondary){background:#4a4fe4;color:#fff;padding:10px 14px;border-radius:9px;font-weight:700}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.kpi{background:#fff;border:1px solid #e0e5eb;border-radius:12px;padding:18px;box-shadow:0 4px 18px #1e283c0d}.kpi small{display:block;color:#718096;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}.kpi strong{display:block;font-size:28px;margin-top:8px}.panel{background:#fff;border:1px solid #e0e5eb;border-radius:12px;padding:22px;margin-top:20px;box-shadow:0 4px 18px #1e283c0a}.panel h2{font-size:17px;margin:0 0 16px}.steps{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#667085}.steps span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#ecedff;color:#4a4fe4;font-weight:800}.table-wrap{overflow-x:auto;padding:0}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th{text-align:left;padding:12px 18px;background:#f4f6f8;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#718096}.table-wrap td{padding:14px 18px;border-top:1px solid #e8ecf0;font-size:13px}.table-wrap td strong,.table-wrap td small{display:block}.table-wrap td small{margin-top:4px;color:#7a8799}.table-wrap td a{color:#4a4fe4}.table-wrap td svg{width:18px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef1f5;font-size:10px;font-weight:800;text-transform:uppercase}.status.active,.status.completed{background:#dff8ee;color:#087e59}.status.trial,.status.pending{background:#fff0cf;color:#9b6200}.status.suspended,.status.expired,.status.revoked{background:#ffe2e2;color:#b02d2d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-head{display:flex;justify-content:space-between;align-items:center}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #e8ecf0}.row strong,.row small{display:block}.row small{color:#7a8799}.secret{margin-top:14px;background:#fff7db;padding:14px;border-radius:8px}.secret strong,.secret code,.secret small{display:block}.secret code{margin-top:7px;max-height:140px;overflow:auto;overflow-wrap:anywhere}.secret small{margin-top:8px;color:#7a6440}.secret-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.secret-actions button,.identity-panel>button{display:flex;align-items:center;gap:7px;background:#4a4fe4;color:#fff;padding:9px 12px;border-radius:8px;font-weight:700}.secret-actions button svg,.identity-panel>button svg,.section-head button svg{width:16px;height:16px}.identity-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.identity-panel h2{margin:4px 0 10px}.client-id{display:block;font-size:15px;overflow-wrap:anywhere}.identity-panel .muted{margin-bottom:0;font-size:12px}.inline-message{margin-top:12px;padding:10px;border-radius:8px;background:#eef1ff;color:#3439a8;font-size:12px}.section-head button:disabled{opacity:.6;cursor:not-allowed}.panel pre{max-height:330px;overflow:auto;background:#f4f6f8;padding:14px;border-radius:8px;font-size:11px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:grid;place-items:center;padding:20px;z-index:100}.modal-card{width:min(650px,100%);background:#fff;border-radius:14px;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#111827;color:#fff}.modal-head h2{margin:0}.modal-head button{background:transparent;color:#fff}.modal-head svg{width:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px}.form-grid label{font-size:12px;font-weight:700;text-transform:capitalize}.form-grid input,.form-grid select{display:block;width:100%;padding:10px;margin-top:7px;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:#18202c}.modal-actions{display:flex;justify-content:flex-end;gap:10px;background:#f4f6f8;padding:14px 22px}.modal-actions button{padding:9px 14px;border-radius:8px}.modal-actions .secondary{background:#fff;border:1px solid #dce1e7}.error{margin:0 22px 18px;background:#ffe8e8;color:#a82a2a;padding:10px;border-radius:8px;font-size:12px}.login-page,.center{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #e0e5eb;border-radius:18px;padding:38px;box-shadow:0 22px 60px #1e283c1f}.login-icon{width:42px;height:42px;color:#4a4fe4}.login-card h1{font-size:32px;margin:10px 0}.login-card>p{color:#718096;line-height:1.6}.login-card label{display:block;font-size:12px;font-weight:700;margin-top:18px}.login-card input{width:100%;padding:11px;margin-top:7px;border:1px solid #dce1e7;border-radius:9px}.login-card form>button{width:100%;padding:12px;margin-top:22px;background:#4a4fe4;color:#fff;border-radius:9px;font-weight:800}.muted{color:#7a8799}.theme-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#eef1f5;color:#4a4fe4}.theme-toggle svg{width:18px}.theme-toggle+.logout{margin-left:0}.scrim{display:none}:root[data-cm-theme=dark]{color-scheme:dark;color:#e5e7eb;background:#0b1120}:root[data-cm-theme=dark] body{background:#0b1120;color:#e5e7eb}:root[data-cm-theme=dark] .workspace{background:#0b1120}:root[data-cm-theme=dark] .workspace>header{background:#111827;border-color:#263247}:root[data-cm-theme=dark] .workspace header small,:root[data-cm-theme=dark] .page-head p,:root[data-cm-theme=dark] .muted,:root[data-cm-theme=dark] .row small,:root[data-cm-theme=dark] .table-wrap td small{color:#94a3b8}:root[data-cm-theme=dark] .panel,:root[data-cm-theme=dark] .kpi,:root[data-cm-theme=dark] .login-card,:root[data-cm-theme=dark] .modal-card{background:#111827;border-color:#263247;box-shadow:none}:root[data-cm-theme=dark] .row,:root[data-cm-theme=dark] .table-wrap td{border-color:#263247}:root[data-cm-theme=dark] .table-wrap th,:root[data-cm-theme=dark] .modal-actions{background:#182235;color:#94a3b8}:root[data-cm-theme=dark] .panel pre{background:#0b1120;color:#cbd5e1}:root[data-cm-theme=dark] .form-grid input,:root[data-cm-theme=dark] .form-grid select,:root[data-cm-theme=dark] .login-card input{background:#0b1120;border-color:#334155;color:#f8fafc}:root[data-cm-theme=dark] .logout,:root[data-cm-theme=dark] .theme-toggle,:root[data-cm-theme=dark] .menu{background:#1e293b;color:#cbd5e1}:root[data-cm-theme=dark] .secret{background:#352d16;color:#fef3c7}:root[data-cm-theme=dark] .secret small{color:#d6c487}:root[data-cm-theme=dark] .inline-message{background:#1e2a52;color:#c7d2fe}:root[data-cm-theme=dark] .identity-panel .client-id,:root[data-cm-theme=dark] code{color:#c7d2fe}:root[data-cm-theme=dark] .modal-actions .secondary{background:#111827;border-color:#334155;color:#e5e7eb}:root[data-cm-theme=dark] .login-card>p{color:#94a3b8}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.brand button,.menu{display:block}.workspace{margin-left:0}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:25;opacity:0;pointer-events:none}.scrim.show{opacity:1;pointer-events:auto}.workspace main{padding:20px}}@media(max-width:620px){.kpis,.detail-grid,.form-grid{grid-template-columns:1fr}.workspace>header{padding:0 14px}.workspace main{padding:16px}.login-card{padding:26px}.page-head{align-items:flex-start;gap:15px;flex-direction:column}.identity-panel{align-items:flex-start;flex-direction:column}}.builder-page{max-width:1500px;margin:0 auto}.builder-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:18px;background:linear-gradient(135deg,#1e1b4b,#4338ca 55%,#0891b2);color:#fff;box-shadow:0 18px 50px #312e8138}.builder-hero h1{margin:6px 0 8px;font-size:34px}.builder-hero p{margin:0;color:#dbeafe;max-width:720px}.builder-hero>svg{width:56px;height:56px;opacity:.85}.builder-layout{display:block}.builder-section,.builder-export{margin-top:22px;padding:24px;border:1px solid #e0e5eb;border-radius:14px;background:#fff;box-shadow:0 5px 20px #1e283c0a}.builder-section>div:first-child h2,.builder-export h2{margin:0;font-size:18px}.builder-section>div:first-child p,.builder-export p{margin:6px 0 0;color:#718096;font-size:12px;line-height:1.6}.builder-choice{display:flex;gap:8px;margin-top:18px}.builder-choice button,.palette-grid button{padding:10px 13px;border:1px solid #dce1e7;border-radius:9px;background:#f7f8fa;color:#596579;font-weight:700}.builder-choice button.selected,.palette-grid button.selected{border-color:#4a4fe4;background:#ecedff;color:#3439b5}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.builder-field{display:block;font-size:11px;font-weight:750;color:#536075}.builder-field>span,.builder-label{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em}.builder-field input,.builder-field select,.builder-field textarea{width:100%;padding:10px 11px;border:1px solid #dce1e7;border-radius:9px;background:#fff;color:#18202c;outline:none}.builder-field textarea{min-height:86px;resize:vertical}.builder-field input:focus,.builder-field select:focus,.builder-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.builder-warning{margin:15px 0 0!important;padding:12px;border-radius:9px;background:#fff4d8;color:#8a5b00!important}.builder-label{margin:20px 0 9px;font-size:11px;font-weight:800;color:#536075}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-grid button{text-align:left;font-size:11px}.palette-grid span{display:flex;gap:4px;margin-bottom:7px}.palette-grid i{display:block;width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.builder-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.builder-upload-row label,.builder-upload-row button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dce1e7;border-radius:9px;background:#f7f8fa;color:#4f5d70;font-size:11px;font-weight:800;cursor:pointer}.builder-upload-row input{display:none}.builder-upload-row svg{width:16px}.builder-upload-row img{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid #dce1e7}.builder-upload-row small{color:#7a8799}.builder-preview-sticky{position:sticky;top:92px;padding:22px;border:1px solid #e0e5eb;border-radius:16px;background:#fff;box-shadow:0 12px 35px #1e283c14}.builder-art{position:relative;aspect-ratio:1.12/1;margin-top:13px;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 0 0 1px #ffffff40}.builder-art>i{position:absolute;display:block}.builder-art .a{width:62%;height:62%;right:-12%;top:-12%;border-radius:50%}.builder-art .b{width:31%;height:52%;right:11%;bottom:3%;border-radius:999px;rotate:9deg}.builder-art .c{width:55%;height:55%;left:-18%;bottom:-24%;border-radius:50%;border:32px solid}.builder-art .d{width:21%;height:21%;left:28%;top:20%;border-radius:36% 64% 48% 52%;opacity:.9}.builder-art>span{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.builder-art img{position:absolute;width:15%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.16))}.builder-art[data-art=arches] .a{border-radius:50% 50% 8px 8px;right:30%;top:10%}.builder-art[data-art=arches] .c{border-radius:50% 50% 0 0;left:auto;right:-8%;bottom:-35%}.builder-art[data-art=pebbles] i{border-radius:45% 55% 60% 40%/55% 42% 58% 45%}.builder-art[data-art=horizon] .c,.builder-art[data-art=dunes] .c{width:120%;height:62%;left:-10%;bottom:-38%;border-width:0}.builder-art[data-art=portal] .a,.builder-art[data-art=halo] .a{background:transparent!important;border:38px solid currentColor;right:13%;top:8%}.builder-art[data-art=blocks] i,.builder-art[data-art=grid] i,.builder-art[data-art=tiles] i,.builder-art[data-art=mosaic] i{border-radius:8px!important}.builder-art[data-art=ribbon] .a,.builder-art[data-art=waves] .a{width:110%;height:42%;right:-35%;top:5%;border-radius:999px;rotate:-14deg}.builder-art[data-art=ribbon] .c,.builder-art[data-art=waves] .c{width:110%;height:42%;left:-28%;bottom:-5%;border-radius:999px}.builder-art[data-art=bloom] .a{width:48%;height:65%;right:23%;top:4%;border-radius:70% 30%;rotate:32deg}.builder-art[data-art=stacks] .a,.builder-art[data-art=stacks] .b,.builder-art[data-art=stacks] .c,.builder-art[data-art=stacks] .d{height:15%;width:70%;right:8%;left:auto;border-radius:999px;rotate:0;border-width:0}.builder-art[data-art=stacks] .a{top:10%}.builder-art[data-art=stacks] .b{top:32%}.builder-art[data-art=stacks] .c{top:54%}.builder-art[data-art=stacks] .d{top:76%}.builder-art[data-art=split] .a,.builder-art[data-art=prism] .a{top:0;right:38%;bottom:0;left:0;width:auto;height:auto;border-radius:0;clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}.builder-art[data-art=split] .c,.builder-art[data-art=prism] .c{top:0;right:0;bottom:0;left:43%;width:auto;height:auto;border:0;border-radius:0;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%)}.builder-art[data-art=constellation] .a{width:15%;height:15%;right:18%;top:15%}.builder-art[data-art=constellation] .b{width:10%;height:10%;right:48%;bottom:20%}.preview-meta{padding:20px 4px 2px}.preview-meta strong{display:block;font-size:26px}.preview-meta span{display:block;margin-top:5px;color:#6366f1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.preview-meta p{font-size:12px;line-height:1.7;color:#687588}.preview-meta button{padding:10px 15px;color:#fff;font-weight:800}.builder-export{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:linear-gradient(135deg,#111827,#1e293b);color:#fff}.builder-export>div>svg{width:25px;color:#a5b4fc}.builder-export p{color:#aab6c8}.builder-export>button{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;background:#6366f1;color:#fff;font-weight:850}.builder-export>button:disabled{opacity:.6}.builder-export>button svg,.builder-progress svg{width:17px}.builder-progress,.builder-message,.builder-secret{grid-column:1/-1}.builder-progress{display:flex;align-items:center;gap:8px}.builder-message{padding:11px;border-radius:9px;background:#6366f12e;color:#dbeafe!important}.builder-secret{padding:13px;border-radius:9px;background:#fff7db;color:#3f3418}.builder-secret strong,.builder-secret code{display:block}.builder-secret code{margin:5px 0 10px;overflow-wrap:anywhere}.spin{animation:builder-spin 1s linear infinite}@keyframes builder-spin{to{rotate:360deg}}@keyframes builder-calm{50%{transform:scale(1.025)}}@keyframes builder-float{50%{transform:translateY(-10px)}}@keyframes builder-pulse{50%{transform:scale(1.08);filter:brightness(1.08)}}@keyframes builder-drift{50%{transform:translate(12px)}}@keyframes builder-sway{50%{rotate:5deg}}@keyframes builder-bounce{50%{transform:translateY(-18px)}}@keyframes builder-turn{to{rotate:360deg}}@keyframes builder-shimmer{50%{filter:brightness(1.3) saturate(1.2)}}.builder-art[data-motion=calm]>i{animation:builder-calm 5s ease-in-out infinite}.builder-art[data-motion=float]>i{animation:builder-float 4s ease-in-out infinite}.builder-art[data-motion=pulse]>i{animation:builder-pulse 3s ease-in-out infinite}.builder-art[data-motion=drift]>i{animation:builder-drift 5s ease-in-out infinite}.builder-art[data-motion=sway]>i{animation:builder-sway 4s ease-in-out infinite}.builder-art[data-motion=bounce]>i{animation:builder-bounce 2.6s ease-in-out infinite}.builder-art[data-motion=spin] .d{animation:builder-turn 8s linear infinite}.builder-art[data-motion=shimmer]>i{animation:builder-shimmer 3s ease-in-out infinite}:root[data-cm-theme=dark] .builder-section,:root[data-cm-theme=dark] .builder-preview-sticky{background:#111827;border-color:#263247;box-shadow:none}:root[data-cm-theme=dark] .builder-field{color:#aab6c8}:root[data-cm-theme=dark] .builder-field input,:root[data-cm-theme=dark] .builder-field select,:root[data-cm-theme=dark] .builder-field textarea{background:#0b1120;border-color:#334155;color:#f8fafc}:root[data-cm-theme=dark] .builder-choice button,:root[data-cm-theme=dark] .palette-grid button,:root[data-cm-theme=dark] .builder-upload-row label,:root[data-cm-theme=dark] .builder-upload-row button{background:#182235;border-color:#334155;color:#cbd5e1}:root[data-cm-theme=dark] .builder-choice button.selected,:root[data-cm-theme=dark] .palette-grid button.selected{background:#252b5c;border-color:#6366f1;color:#e0e7ff}:root[data-cm-theme=dark] .preview-meta p{color:#94a3b8}:root[data-cm-theme=dark] .builder-warning{background:#3b3017;color:#fde68a!important}@media(max-width:1180px){.builder-preview-sticky{position:static}.builder-art{aspect-ratio:2/1}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.builder-hero{padding:22px}.builder-hero>svg{display:none}.builder-grid{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-export{grid-template-columns:1fr}.builder-export>button{width:100%;justify-content:center}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skeleton-bar{position:relative;display:block;overflow:hidden;background:#e5e9ef}.skeleton-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;translate:-100% 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:skeleton-sweep 1.45s ease-in-out infinite}.skeleton-title{margin:9px 0 12px}.skeleton-kpi{display:flex;min-height:89px;flex-direction:column;justify-content:space-between}.skeleton-content{display:grid;gap:15px}.table-skeleton{min-width:720px;padding:12px 18px}.table-skeleton-row{display:grid;grid-template-columns:1.5fr 1.3fr 1fr .8fr 1fr .25fr;gap:24px;align-items:center;min-height:52px;border-top:1px solid #edf0f3}.table-skeleton-row:first-child{border-top:0}.app-loading-skeleton{display:grid;grid-template-columns:270px 1fr;min-height:100vh;background:#f4f6f8}.app-loading-skeleton>aside{display:flex;align-items:flex-start;gap:12px;padding:17px 18px;background:#111827}.app-loading-skeleton>aside>div{display:grid;gap:8px;padding-top:5px}.app-loading-skeleton aside .skeleton-bar{background:#344054}.app-loading-main>header{display:flex;height:70px;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #e0e5eb}.app-loading-main>main{padding:30px}.skeleton-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:24px}.skeleton-kpis>div,.skeleton-panel{display:grid;gap:13px;padding:18px;border:1px solid #e0e5eb;border-radius:12px;background:#fff}.skeleton-panel{margin-top:20px;padding:22px}.client-detail-skeleton{display:grid;gap:10px}.client-detail-skeleton .detail-grid{margin-top:4px}.field-skeleton{padding-top:1px}@keyframes skeleton-sweep{to{translate:100% 0}}:root[data-cm-theme=dark] .skeleton-bar{background:#273449}:root[data-cm-theme=dark] .skeleton-bar:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}:root[data-cm-theme=dark] .app-loading-skeleton{background:#0b1120}:root[data-cm-theme=dark] .app-loading-main>header,:root[data-cm-theme=dark] .skeleton-kpis>div,:root[data-cm-theme=dark] .skeleton-panel{background:#111827;border-color:#263247}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 9px);z-index:200;translate:-50% 2px;width:max-content;max-width:220px;padding:7px 9px;border-radius:7px;background:#111827;color:#fff;font-size:10px;font-weight:700;line-height:1.25;letter-spacing:.01em;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 8px 22px #0f172a3d;transition:opacity .15s ease,translate .15s ease}.has-tooltip:before{content:"";position:absolute;left:50%;top:calc(100% + 4px);z-index:201;translate:-50% 2px;border:5px solid transparent;border-bottom-color:#111827;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,translate .15s ease}.has-tooltip:hover:after,.has-tooltip:hover:before,.has-tooltip:focus-visible:after,.has-tooltip:focus-visible:before{opacity:1;visibility:visible;translate:-50% 0}.has-tooltip.tooltip-left:after{left:auto;right:0;translate:0 2px}.has-tooltip.tooltip-left:before{left:auto;right:11px;translate:0 2px}.has-tooltip.tooltip-left:hover:after,.has-tooltip.tooltip-left:hover:before,.has-tooltip.tooltip-left:focus-visible:after,.has-tooltip.tooltip-left:focus-visible:before{translate:0 0}.has-tooltip.tooltip-right:after{left:0;translate:0 2px}.has-tooltip.tooltip-right:before{left:11px;translate:0 2px}.has-tooltip.tooltip-right:hover:after,.has-tooltip.tooltip-right:hover:before,.has-tooltip.tooltip-right:focus-visible:after,.has-tooltip.tooltip-right:focus-visible:before{translate:0 0}.table-icon-link{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:8px;transition:background .15s ease}.table-icon-link:hover{background:#eef1ff}:root[data-cm-theme=dark] .has-tooltip:after{background:#e2e8f0;color:#0f172a}:root[data-cm-theme=dark] .has-tooltip:before{border-bottom-color:#e2e8f0}:root[data-cm-theme=dark] .table-icon-link:hover{background:#1e2a52}@media(max-width:900px){.app-loading-skeleton{grid-template-columns:1fr}.app-loading-skeleton>aside{display:none}.skeleton-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.skeleton-kpis{grid-template-columns:1fr}.app-loading-main>main{padding:16px}.has-tooltip:after,.has-tooltip:before{display:none}}@media(prefers-reduced-motion:reduce){.skeleton-bar:after{animation:none}.has-tooltip:after,.has-tooltip:before{transition:none}}.page-actions,.row-actions,.status-editor{display:flex;align-items:center;gap:8px}.page-actions button,.management-empty button{display:inline-flex;align-items:center;gap:7px;background:#4a4fe4;color:#fff;padding:10px 14px;border-radius:9px;font-weight:750}.page-actions button svg,.management-empty button svg,.row-actions button svg,.status-editor button svg{width:15px;height:15px}.row-actions{flex-wrap:wrap}.row-actions button,.status-editor button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;background:#4a4fe4;color:#fff;font-size:11px;font-weight:750}.row-actions .secondary-action{background:#eef1f5;color:#4f5d70}.icon-action{display:inline-grid!important;width:34px;height:34px;place-items:center;padding:0!important;border-radius:8px!important;background:#eef1ff!important;color:#4a4fe4!important}.icon-action svg{width:16px}.management-empty{display:grid;justify-items:center;gap:8px;padding:48px 20px;text-align:center;color:#718096}.management-empty>svg{width:32px;height:32px;color:#aab3c0}.management-empty strong{color:#18202c;font-size:15px}.management-empty p{max-width:440px;margin:0;font-size:12px;line-height:1.6}.form-grid textarea{display:block;width:100%;min-height:84px;padding:10px;margin-top:7px;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:#18202c;resize:vertical}.form-grid .full-field{grid-column:1/-1}.check-field{display:flex!important;align-items:center;gap:9px;align-self:end;min-height:42px;padding:10px 12px;border:1px solid #dce1e7;border-radius:8px;background:#f8fafc}.check-field input{display:inline-block!important;width:16px!important;height:16px;margin:0!important}.modal-actions button:not(.secondary){display:inline-flex;align-items:center;gap:7px}.modal-actions button svg{width:15px}.feature-assignment{display:grid;gap:8px;max-height:55vh;overflow:auto;padding:20px 22px}.feature-option{display:grid;grid-template-columns:auto 1fr 120px;align-items:center;gap:12px;padding:12px;border:1px solid #e1e5ea;border-radius:10px;background:#f8fafc}.feature-option>input[type=checkbox]{width:17px;height:17px}.feature-option span strong,.feature-option span small{display:block}.feature-option span small{margin-top:3px;color:#7a8799;font-size:10px}.feature-option>input[type=number]{width:100%;padding:8px;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:#18202c}.status-editor select{min-width:150px;padding:8px;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:#18202c;font-size:11px}.status-editor button:disabled{opacity:.45;cursor:not-allowed}.status.expiring_soon,.status.grace_period{background:#fff0cf;color:#9b6200}.status.inactive,.status.cancelled,.status.superseded{background:#eef1f5;color:#637083}:root[data-cm-theme=dark] .management-empty strong{color:#e5e7eb}:root[data-cm-theme=dark] .row-actions .secondary-action,:root[data-cm-theme=dark] .icon-action{background:#1e293b!important;color:#c7d2fe!important}:root[data-cm-theme=dark] .form-grid textarea,:root[data-cm-theme=dark] .feature-option>input[type=number],:root[data-cm-theme=dark] .status-editor select{background:#0b1120;border-color:#334155;color:#f8fafc}:root[data-cm-theme=dark] .check-field,:root[data-cm-theme=dark] .feature-option{background:#182235;border-color:#334155}:root[data-cm-theme=dark] .feature-option span small{color:#94a3b8}@media(max-width:720px){.page-actions{align-items:flex-start;flex-direction:column}.feature-option{grid-template-columns:auto 1fr}.feature-option>input[type=number]{grid-column:1/-1}.status-editor{align-items:stretch;flex-direction:column}.status-editor select{min-width:190px}}.page-head>button{display:inline-flex;align-items:center;gap:7px}.page-head>button svg{width:16px;height:16px}.page-head>button:disabled{cursor:not-allowed;opacity:.45}.builder-controls{width:100%}.visual-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:22px;align-items:start;margin-top:20px}.visual-controls{min-width:0}.visual-controls>.builder-grid{margin-top:0}.visual-preview{min-width:0}.visual-preview .builder-preview-sticky{position:sticky;top:92px;margin:0;padding:17px;border:1px solid #dfe4ea;border-radius:14px;background:#f7f8fa;box-shadow:none}.preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.preview-heading p{margin:0}.preview-heading small{display:block;margin-top:5px;color:#7a8799;font-size:10px}.preview-heading>svg{width:21px;height:21px;color:#6366f1}.visual-preview .builder-art{margin-top:0}.visual-preview .preview-meta{padding-bottom:4px}:root[data-cm-theme=dark] .visual-preview .builder-preview-sticky{background:#0d1525;border-color:#334155}:root[data-cm-theme=dark] .preview-heading small{color:#94a3b8}@media(min-width:1081px)and (max-width:1180px){.visual-preview .builder-preview-sticky{position:sticky}.visual-preview .builder-art{aspect-ratio:1.12/1}.visual-workspace{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)}}@media(max-width:1080px){.visual-workspace{grid-template-columns:1fr}.visual-preview .builder-preview-sticky{position:static}.visual-preview .builder-art{aspect-ratio:2/1}.visual-preview{margin-top:0}}@media(max-width:720px){.visual-workspace{gap:16px}.visual-preview .builder-art{aspect-ratio:1.2/1}.visual-preview .builder-preview-sticky{padding:13px}}.builder-art>span:before{content:"";position:absolute;pointer-events:none;transition:width .25s ease,background-color .25s ease}.builder-art[data-layout=rail]>span:before{inset:0 0 0 auto;width:22%;border-left:1px solid rgba(0,0,0,.07);background:#ffffff61;box-shadow:-10px 0 24px #0000000a}.builder-art img{transition:top .28s ease,right .28s ease,bottom .28s ease,left .28s ease,width .28s ease,opacity .2s ease}.builder-art img[data-size=small]{width:10%}.builder-art img[data-size=medium]{width:15%}.builder-art img[data-size=large]{width:20%}.builder-art[data-layout=rail] img[data-slot=top-right]{top:6%;right:3%;bottom:auto;left:auto}.builder-art[data-layout=rail] img[data-slot=middle-right]{top:29%;right:3%;bottom:auto;left:auto}.builder-art[data-layout=rail] img[data-slot=bottom-center]{top:52%;right:3%;bottom:auto;left:auto}.builder-art[data-layout=rail] img[data-slot=bottom-right]{top:75%;right:3%;bottom:auto;left:auto}.builder-art[data-layout=orbit] img[data-slot=top-right]{top:7%;right:14%;bottom:auto;left:auto}.builder-art[data-layout=orbit] img[data-slot=middle-right]{top:42%;right:3%;bottom:auto;left:auto}.builder-art[data-layout=orbit] img[data-slot=bottom-right]{top:auto;right:16%;bottom:7%;left:auto}.builder-art[data-layout=orbit] img[data-slot=bottom-center]{top:auto;right:45%;bottom:4%;left:auto}.builder-art[data-layout=scattered] img[data-slot=top-right]{top:7%;right:5%;bottom:auto;left:auto}.builder-art[data-layout=scattered] img[data-slot=middle-right]{top:38%;right:22%;bottom:auto;left:auto}.builder-art[data-layout=scattered] img[data-slot=bottom-right]{top:auto;right:5%;bottom:7%;left:auto}.builder-art[data-layout=scattered] img[data-slot=bottom-center]{top:auto;right:38%;bottom:9%;left:auto}:root[data-cm-theme=dark] .builder-art[data-layout=rail]>span:before{border-left-color:#ffffff1a;background:#0f172a38}@media(prefers-reduced-motion:reduce){.builder-art img,.builder-art>span:before{transition:none}}.collapse-toggle{display:flex;align-items:center;justify-content:center;background:#eef1f5;border-radius:8px;padding:8px;color:#4a4fe4}.collapse-toggle svg{width:18px}@media(max-width:900px){.collapse-toggle{display:none}}@media(min-width:900px){.shell.collapsed .workspace{margin-left:76px}.sidebar.collapsed{width:76px}.sidebar.collapsed .brand{justify-content:center;padding:0}.sidebar.collapsed .brand>div{display:none}.sidebar.collapsed nav a{justify-content:center;padding:12px}.sidebar.collapsed nav a span{display:none}}.builder-steps{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 4px}.builder-steps button{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #dce1e7;font-size:12px;font-weight:700;color:#5d6878}.builder-steps button .step-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ecedff;color:#4a4fe4;font-size:11px}.builder-steps button.current{background:#4a4fe4;border-color:#4a4fe4;color:#fff}.builder-steps button.current .step-dot{background:#fff3;color:#fff}.builder-steps button.done{border-color:#4a4fe4;color:#4a4fe4}.builder-step:not(.current){display:none}.builder-step-nav{display:flex;align-items:center;gap:10px;margin-top:24px}.builder-step-nav button{background:#4a4fe4;color:#fff;padding:10px 16px;border-radius:9px;font-weight:700}.builder-step-nav button.secondary{background:#fff;border:1px solid #dce1e7;color:#18202c}.builder-step-nav button:disabled{opacity:.5;cursor:not-allowed}.builder-step-nav .next{margin-left:auto}.builder-step-nav .step-count{font-size:12px;font-weight:700;color:#7a8799}
