:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--panel:#fff;--panel-2:#f8f8f7;--surface-pink:#ffadad;--surface-peach:#ffd6a5;--surface-buff:#cb997e;--text:#3b2314;--text-soft:#3d3d3d;--muted:#3b2314a3;--faint:#3b231457;--line:#3b23141a;--line-strong:#3b23142e;--brand:#ff9f1c;--brand-strong:#3b2314;--brand-soft:#fff3df;--support:#fdffb6;--accent-green:#ffe69a;--red:#8f2f2f;--red-soft:#eba0a0;--amber:#7c4d13;--amber-soft:#edc999;--green:#2f6b24;--green-soft:#b6e3a8;--blue:#3d3d3d;--blue-soft:#e5e7a4;--radius:8px;--shadow:0 1px 2px #0a0a0a0a, 0 10px 28px #0a0a0a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot,.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.boot{color:var(--muted)}.login-card{text-align:left;width:min(420px,100%);padding:28px}.login-card h1{margin:18px 0 8px;font-size:28px}.login-card p{color:var(--muted);margin:0 0 24px;line-height:1.55}.login-mark{border-radius:var(--radius);background:var(--brand-soft);width:44px;height:44px;color:var(--brand);place-items:center;display:grid}.auth-shell{background:#fff;grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:stretch;gap:32px;min-height:100vh;padding:28px;display:grid}.auth-shell-simple{grid-template-columns:minmax(320px,520px);place-content:center}.auth-story{color:#fff;background:linear-gradient(145deg,#141824 0%,#050608 100%);border-radius:16px;flex-direction:column;justify-content:center;min-height:calc(100vh - 56px);padding:clamp(28px,5vw,64px);display:flex}.auth-brand,.auth-benefits div{align-items:center;gap:10px;display:flex}.auth-brand span{border-radius:var(--radius);color:#141824;background:#ff9800;place-items:center;width:42px;height:42px;display:grid}.auth-story h1{max-width:720px;margin:42px 0 18px;font-size:clamp(36px,6vw,72px);line-height:.98}.auth-story p{color:#ffffffb8;max-width:600px;margin:0;font-size:18px;line-height:1.65}.auth-benefits{gap:12px;margin-top:42px;display:grid}.auth-benefits div{border-radius:var(--radius);color:#ffffffdb;background:#ffffff0f;border:1px solid #ffffff24;width:fit-content;max-width:100%;padding:11px 13px}.auth-card{align-self:center;width:100%;padding:26px}.auth-tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px;padding:4px;display:grid}.auth-tabs button,.link-button{color:var(--muted);background:0 0;border:0}.auth-tabs button{border-radius:6px;min-height:38px;font-weight:700}.auth-tabs button.active{color:var(--text);box-shadow:var(--shadow);background:#fff}.auth-form{gap:14px;display:grid}.auth-heading h2{margin:0 0 4px;font-size:24px}.auth-heading p,.auth-result p{color:var(--muted);margin:0;line-height:1.55}.input-icon{position:relative}.input-icon svg{color:var(--faint);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon .input{padding-left:38px}.link-button{width:fit-content;color:var(--brand);padding:0;font-weight:700}.auth-message{border-radius:var(--radius);padding:11px 12px;font-size:14px;line-height:1.45}.auth-message.error{color:var(--red);background:#eba0a042}.auth-message.success,.auth-message.info{color:var(--green);background:#b6e3a84d}.auth-separator{color:var(--faint);align-items:center;gap:12px;margin:22px 0;font-size:13px;display:flex}.auth-separator:before,.auth-separator:after{content:"";background:var(--line);flex:1;height:1px}.auth-sso{justify-content:center;width:100%}.auth-code{letter-spacing:8px;text-align:center;font-size:24px;font-weight:800}.auth-result{gap:14px;display:grid}.auth-help{color:var(--muted);margin:-4px 0 0;font-size:13px;line-height:1.45}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);z-index:20;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-header,.sidebar-footer,.topbar{align-items:center;gap:10px;min-height:64px;padding:14px 16px;display:flex}.sidebar-header{border-bottom:1px solid var(--line)}.brand{width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand span{border-radius:var(--radius);background:var(--brand);width:34px;height:34px;color:var(--text);place-items:center;font-weight:800;display:grid}.brand strong{font-size:15px}.nav-scroll{flex:1;padding:14px 10px;overflow:auto}.nav-section{margin-bottom:18px}.nav-section p{color:var(--faint);text-transform:uppercase;margin:8px 10px;font-size:11px;font-weight:700}.nav-link{width:100%;color:var(--muted);border-radius:var(--radius);text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:38px;padding:9px 10px;display:flex}.nav-link:hover{background:var(--panel-2);color:var(--text)}.nav-link.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:700}.sidebar-footer{border-top:1px solid var(--line)}.user-chip{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.user-chip>span,.topbar-user span,.avatar-xl{border-radius:var(--radius);background:var(--panel-2);color:var(--text);place-items:center;font-weight:800;display:grid}.user-chip>span,.topbar-user span{flex:none;width:34px;height:34px}.user-chip div{min-width:0}.user-chip strong,.user-chip small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-chip strong{font-size:13px}.user-chip small{color:var(--muted);text-transform:capitalize;font-size:11px}.workspace{min-width:0}.design-shell,.design-shell .workspace,.design-shell .topbar{background:#fff}.theme-shell .sidebar{color:#fff;background:linear-gradient(#141824 0%,#090b10 100%)}.theme-shell .sidebar-header,.theme-shell .sidebar-footer{background:0 0;border-color:#ffffff14}.theme-shell .brand,.theme-shell .nav-link,.theme-shell .user-chip{color:#ffffffb8}.theme-shell .brand strong,.theme-shell .user-chip strong{color:#fff}.theme-shell .brand span{color:#141824;background:#ff9f1c}.theme-shell .nav-section p,.theme-shell .user-chip small{color:#ffffff6b}.theme-shell .nav-link:hover{color:#fff;background:#ffffff14}.theme-shell .nav-link.active{color:#ffbf69;background:#ff9f1c29}.theme-shell .user-chip>span{color:#fff;background:#ffffff1a}.design-shell .page{background:#fff;max-width:none}.design-shell .topbar{-webkit-backdrop-filter:none;backdrop-filter:none}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffe6;position:sticky;top:0}.command-button{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);max-width:620px;min-height:38px;color:var(--muted);text-align:left;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.command-button kbd{color:var(--faint);border:1px solid var(--line);background:var(--panel-2);border-radius:5px;margin-left:auto;padding:1px 6px}.notification-menu{position:relative}.business-switcher{margin-left:auto;position:relative}.business-trigger{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);max-width:280px;min-height:38px;color:var(--text);align-items:center;gap:9px;padding:0 11px;font-weight:900;display:flex}.business-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.business-trigger:hover{background:var(--panel-2)}.business-popover{z-index:45;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(360px,100vw - 28px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 60px #0f182429}.business-popover header{border-bottom:1px solid var(--line);gap:3px;padding:13px 14px;display:grid}.business-popover header small{color:var(--muted);font-weight:700}.business-list{max-height:360px;padding:6px;display:grid;overflow:auto}.business-list>p{color:var(--muted);margin:0;padding:12px;font-size:13px}.business-item{border-radius:var(--radius);color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;display:grid}.business-item:hover,.business-item.active{background:var(--panel-2)}.business-avatar{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:8px;place-items:center;font-size:12px;font-weight:950;display:grid}.business-item strong,.business-item small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.business-item small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:700}.notification-trigger{position:relative}.notification-trigger>span{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-3px;right:-3px}.notification-popover{z-index:40;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(380px,100vw - 28px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 60px #0f182429}.notification-popover header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.notification-popover header button{color:var(--brand);background:0 0;border:0;font-size:12px;font-weight:900}.notification-list{max-height:360px;display:grid;overflow:auto}.notification-list>p{color:var(--muted);margin:0;padding:16px;font-size:13px}.notification-item{border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;grid-template-columns:9px minmax(0,1fr);gap:10px;padding:12px 14px;display:grid}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:var(--panel-2)}.notification-item>span{background:var(--line-strong);border-radius:50%;width:8px;height:8px;margin-top:6px}.notification-item.unread>span{background:var(--brand)}.notification-item strong,.notification-item small{display:block}.notification-item strong{line-height:1.35}.notification-item small{color:var(--muted);margin-top:4px;font-size:11px}.notifications-page{max-width:none}.notifications-shell{gap:34px;width:min(960px,100%);display:grid}.notifications-heading h1,.notifications-heading p{margin:0}.notifications-heading h1{font-size:28px;line-height:1.2}.notifications-heading p{color:var(--muted);margin-top:5px;font-weight:600;line-height:1.5}.notification-timeline{gap:44px;display:grid}.notification-day{justify-items:start;display:grid}.notification-day-label{border-radius:var(--radius);background:var(--brand);color:#fff;margin-bottom:24px;padding:7px 12px;font-size:13px;font-weight:900}.notification-day-list{width:100%;display:grid}.notification-timeline-item{grid-template-columns:42px minmax(0,1fr);gap:16px;padding-bottom:34px;display:grid;position:relative}.notification-timeline-item:last-child{padding-bottom:0}.timeline-line{background:var(--line-strong);width:2px;position:absolute;top:42px;bottom:0;left:20px}.timeline-icon{z-index:1;background:color-mix(in oklab, var(--text) 72%, white);color:#fff;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:relative}.timeline-icon.unread{background:var(--brand)}.timeline-content{gap:4px;padding-top:1px;display:grid}.timeline-content>strong{color:var(--text);font-size:15px;line-height:1.45}.timeline-content>small{color:var(--muted);font-size:13px;font-weight:600}.timeline-note{border-radius:var(--radius);background:var(--panel-2);width:fit-content;max-width:min(620px,100%);color:var(--muted);gap:4px;margin-top:10px;padding:11px 14px;display:grid}.timeline-note p,.timeline-note span{margin:0}.timeline-note p{color:var(--text);font-weight:800}.timeline-note span{font-size:13px}.topbar-user{margin-left:0}.page{max-width:1480px;padding:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-header>div:first-child{min-width:0}.page-header h1{margin:2px 0 6px;font-size:28px;line-height:1.2}.page-header p{max-width:760px;color:var(--muted);margin:0;line-height:1.5}.eyebrow{color:var(--brand);text-transform:uppercase;font-size:12px;font-weight:800;display:inline-flex}.page-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:16px 18px;display:flex}.card-title{margin:0;font-size:15px}.card-description{color:var(--muted);margin:4px 0 0;font-size:13px}.card-content{padding:16px}.button{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.button-md{min-height:38px;padding:0 14px;font-size:14px}.button-sm{min-height:32px;padding:0 10px;font-size:12px}.button-icon{width:36px;height:36px;padding:0}.button-default{background:var(--brand);color:#fff}.button-default:hover{background:color-mix(in oklab, var(--brand) 86%, black)}.button-secondary{background:var(--brand-soft);color:var(--brand-strong)}.button-outline{background:var(--panel);color:var(--text);border-color:var(--line-strong)}.button-ghost{color:var(--muted);background:0 0}.button-ghost:hover{background:var(--panel-2);color:var(--text)}.button-destructive{background:var(--red);color:#fff}.input{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;min-height:38px;color:var(--text);padding:8px 10px}.input[type=color]{padding:4px}.input[type=file]{padding:7px 10px}.textarea{resize:vertical;min-height:90px}.form-stack{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.field{color:var(--text);gap:7px;display:grid}.field>span{color:var(--muted);font-size:12px;font-weight:800}.field small{color:var(--faint);font-size:12px}.field-span-2{grid-column:span 2}.form-actions,.dialog-footer{justify-content:flex-end;gap:8px;display:flex}.form-error{color:var(--red);background:var(--red-soft);border-radius:var(--radius);border:1px solid #fecaca;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.form-success{color:var(--green);background:var(--green-soft);border:1px solid color-mix(in srgb, var(--green) 28%, var(--line));border-radius:var(--radius);margin:0;padding:10px 12px;font-size:13px;font-weight:700}.landing-save-feedback{align-items:flex-start;gap:9px;display:flex}.landing-save-feedback>svg{flex:none;margin-top:1px}.landing-save-feedback span{gap:2px;display:grid}.landing-save-feedback small{color:color-mix(in srgb, var(--green) 68%, var(--muted));font-size:12px;font-weight:700}.dialog-layer{z-index:60;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog-backdrop{cursor:default;background:#0f172a6b;border:0;position:absolute;inset:0}.dialog{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);width:min(620px,100%);max-height:min(760px,100vh - 36px);position:relative;overflow:auto;box-shadow:0 18px 70px #0f172a47}.dialog-wide{width:min(920px,100%)}.dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.dialog-header h2{margin:0;font-size:18px}.dialog-header p{color:var(--muted);margin:4px 0 0;line-height:1.45}.dialog-body{padding:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{align-items:center;gap:12px;padding:16px;display:flex}.metric>span{border-radius:var(--radius);background:var(--brand-soft);width:38px;height:38px;color:var(--brand);place-items:center;display:grid}.metric-warning>span{background:var(--amber-soft);color:var(--amber)}.metric strong{font-size:24px;line-height:1;display:block}.metric small{color:var(--muted);font-size:12px}.metric-lite{align-content:center;gap:8px;min-height:92px;padding:16px;display:grid}.metric-lite small{color:var(--muted);font-size:12px;font-weight:700}.metric-lite strong{font-size:20px}.list-toolbar{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:10px;padding:14px;display:flex}.list-toolbar>.select{max-width:220px}.search-field{flex:1;max-width:420px;position:relative}.search-field svg{color:var(--faint);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-field .input{padding-left:34px}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.pagination>div{gap:8px;display:flex}.dashboard-grid,.detail-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.55fr);gap:18px;margin-bottom:18px;display:grid}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--faint);text-transform:uppercase;border-bottom:1px solid var(--line);background:var(--panel-2);padding:12px 14px;font-size:11px}.data-table td{border-bottom:1px solid var(--line);color:var(--muted);vertical-align:middle;padding:13px 14px}.data-table td strong{color:var(--text)}.data-table tr:last-child td{border-bottom:0}.data-table tr.is-clickable:hover td{background:#ff9f1c09}.task-title-cell{gap:4px;min-width:220px;display:grid}.task-title-cell small{max-width:460px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.table-control{min-width:118px;min-height:32px;padding:4px 8px;font-size:12px}.table-control-wide{min-width:160px}.table-actions{justify-content:flex-end;gap:6px;display:flex}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.data-table .row-actions{min-width:210px}.row-actions .button{white-space:nowrap}.page-form-error{margin-top:12px}.dialog-copy{color:var(--muted);margin:0;line-height:1.5}.badge{background:var(--panel-2);min-height:22px;color:var(--muted);border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.design-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.design-system-page{background:var(--bg)}.palette-selector{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);gap:16px;margin-bottom:28px;padding:18px;display:grid}.palette-selector-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.palette-selector-head h2{margin:10px 0 6px;font-size:20px}.palette-selector-head p{max-width:760px;color:var(--muted);margin:0;line-height:1.5}.active-palette-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:4px;min-width:260px;padding:12px;display:grid}.active-palette-card small{color:var(--muted);line-height:1.4}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.palette-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:138px;color:var(--text);text-align:left;gap:8px;padding:12px;display:grid}.palette-option:hover,.palette-option.active{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.palette-option strong{font-size:14px}.palette-option small{color:var(--muted);font-size:12px;line-height:1.4}.palette-preview{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:5px;height:38px;display:grid}.palette-preview i{border:1px solid var(--line);border-radius:6px}.design-span-2{grid-column:span 2}.design-hero{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:18px;margin-bottom:28px;padding:22px;display:grid}.design-hero h2{margin:12px 0 8px;font-size:26px;line-height:1.2}.design-hero p{max-width:820px;color:var(--muted);margin:0;line-height:1.55}.design-checklist{align-content:start;gap:8px;display:grid}.design-checklist span{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:700;display:flex}.section-title{margin:26px 0 12px}.section-title h2{margin:0 0 4px;font-size:18px}.section-title p{color:var(--muted);margin:0;line-height:1.45}.component-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.signal{border-radius:var(--radius);align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.signal-info{background:var(--blue-soft);color:var(--blue)}.signal-warning{background:var(--amber-soft);color:var(--amber)}.signal-success{background:var(--green-soft);color:var(--green)}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.swatch-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}.swatch{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:3px 10px;padding:10px;display:grid}.swatch span{border:1px solid var(--line-strong);border-radius:var(--radius);grid-row:span 2;width:38px;height:38px}.swatch strong,.swatch small{min-width:0}.swatch small{color:var(--muted)}.swatch em{color:var(--faint);grid-column:2;font-size:11px;font-style:normal}.spec-list,.filter-demo,.option-grid,.state-grid,.route-grid,.permission-grid,.media-pattern-grid,.inventory-grid,.command-list,.alert-stack,.control-demo{gap:10px;display:grid}.spec-row,.route-card,.permission-card,.media-pattern-grid>div,.inventory-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:5px;padding:10px;display:grid}.spec-row span,.spec-row small,.route-card small,.permission-card small,.media-pattern-grid small,.inventory-item small{color:var(--muted);font-size:12px;line-height:1.4}.route-grid,.permission-grid,.media-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-columns:minmax(0,1fr) 220px;gap:14px;padding:12px;display:grid}.detail-preview-main{align-content:start;gap:9px;display:grid}.detail-preview-main h3,.detail-preview-main p{margin:0}.detail-preview-main p{color:var(--muted);line-height:1.5}.detail-preview-main .badge{width:fit-content}.detail-preview-side{gap:8px;display:grid}.detail-preview-side div{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:3px;padding:10px;display:grid}.detail-preview-side small,.access-demo p{color:var(--muted);font-size:12px;line-height:1.45}.chart-showcase,.chart-pattern-grid,.project-dashboard-preview,.project-dashboard-grid{gap:18px;display:grid}.chart-showcase{margin-bottom:18px}.chart-card-wide{min-width:0}.project-dashboard-preview,.project-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.34fr);align-items:stretch}.chart-dashboard-main,.project-chart-panel,.chart-dashboard-side,.project-budget-panel{align-content:start;gap:14px;min-width:0;display:grid}.chart-dashboard-main,.project-chart-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);padding:16px}.chart-dashboard-main h3,.project-chart-panel h3{margin:10px 0 4px;font-size:22px;line-height:1.2}.chart-dashboard-main p,.project-chart-panel p,.chart-pattern-description{color:var(--muted);margin:0;line-height:1.45}.chart-svg{width:100%;height:auto;overflow:visible}.chart-svg-large,.project-status-chart{min-height:230px}.chart-grid-lines line{stroke:var(--line);stroke-width:1px}.chart-area{fill:var(--brand);opacity:.18}.chart-line-primary,.chart-line-muted{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.chart-line-primary{stroke:var(--brand)}.chart-line-muted{stroke:var(--muted);opacity:.62}.chart-svg rect{fill:color-mix(in srgb, var(--brand) 68%, transparent);stroke:var(--brand);stroke-width:1px}.project-status-chart text{fill:var(--muted);font-size:12px;font-weight:700}.chart-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-dot-primary{background:var(--brand)}.legend-dot-muted{background:var(--muted)}.legend-bar{background:color-mix(in srgb, var(--brand) 58%, transparent);border-radius:3px!important}.chart-dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-kpi-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-content:space-between;gap:6px;min-height:118px;padding:14px;display:grid}.mini-kpi-card small,.mini-kpi-card span{color:var(--muted);font-size:12px;font-weight:800}.mini-kpi-card strong{font-size:30px;line-height:1}.chart-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-pattern-card .card-content{gap:12px;display:grid}.chart-mini{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);place-items:center;min-height:150px;display:grid;overflow:hidden}.chart-mini svg{width:100%;height:150px}.chart-bars{align-items:end;gap:10px;width:82%;height:120px;display:flex}.chart-bars span{background:color-mix(in srgb, var(--brand) 72%, transparent);border:1px solid var(--brand);border-radius:7px 7px 3px 3px;flex:1;min-width:10px}.donut-chart{background:radial-gradient(circle at center, var(--panel-2) 0 55%, transparent 56%), conic-gradient(var(--brand) 0 64%, var(--brand-soft) 64% 100%);border-radius:50%;place-items:center;width:116px;height:116px;display:grid}.donut-chart span{color:var(--text);font-size:22px;font-weight:900}.budget-preview{gap:12px;display:grid}.budget-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-columns:minmax(120px,.38fr) minmax(120px,1fr) 52px;align-items:center;gap:12px;padding:10px;display:grid}.budget-row strong,.budget-row small{display:block}.budget-row small,.budget-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.budget-row>span,.project-budget-meter{background:var(--brand-soft);border-radius:999px;height:9px;overflow:hidden}.budget-row>span i,.project-budget-meter span{border-radius:inherit;background:var(--brand);height:100%;display:block}.access-demo{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);align-content:start;gap:10px;padding:14px;display:grid}.access-demo p{max-width:520px;margin:0}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-item{align-content:start}.inventory-item .badge{width:fit-content}.filter-demo{grid-template-columns:minmax(220px,1fr) 150px 150px auto auto;align-items:center}.upload-zone{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel-2);gap:8px;margin-top:14px;padding:16px;display:grid}.upload-zone small{color:var(--muted)}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid label,.switch-demo,.range-demo{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.state-grid .state,.state-grid .empty{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-height:190px}.breadcrumb-demo,.tabs-demo,.toolbar-demo,.pagination-demo{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.breadcrumb-demo{color:var(--muted);font-size:13px}.breadcrumb-demo strong{color:var(--text)}.tabs-demo{border-bottom:1px solid var(--line)}.tabs-demo button,.toggle-group-demo button{color:var(--muted);border-radius:var(--radius) var(--radius) 0 0;background:0 0;border:0;padding:9px 10px;font-weight:800}.tabs-demo button.active{color:var(--brand-strong);background:var(--brand-soft)}.pagination-demo{color:var(--muted);justify-content:space-between;margin:12px 0 0;font-size:13px}.accordion-demo{gap:8px;display:grid}.accordion-demo details{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.accordion-demo summary{cursor:pointer;padding:10px;font-weight:800}.accordion-demo p{color:var(--muted);margin:0;padding:0 10px 10px;font-size:13px}.progress-demo{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;height:10px;overflow:hidden}.progress-demo span{background:var(--brand);height:100%;display:block}.skeleton-demo{gap:8px;margin-top:14px;display:grid}.skeleton-demo span{background:linear-gradient(90deg, var(--panel-2), var(--brand-soft), var(--panel-2));border-radius:999px;height:14px}.skeleton-demo span:nth-child(2){width:78%}.skeleton-demo span:nth-child(3){width:52%}.switch-demo input{display:none}.switch-demo span{background:var(--brand);border-radius:999px;width:38px;height:22px;position:relative}.switch-demo span:after{content:"";background:var(--panel);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;right:2px}.range-demo{justify-content:space-between}.range-demo input{width:60%}.toggle-group-demo{border:1px solid var(--line);border-radius:var(--radius);width:fit-content;display:inline-flex;overflow:hidden}.toggle-group-demo button{border-radius:0}.toggle-group-demo button.active{background:var(--brand-soft);color:var(--brand-strong)}.alert-demo,.toast-demo{border-radius:var(--radius);border:1px solid var(--line);align-items:flex-start;gap:9px;padding:10px;display:flex}.alert-demo span,.toast-demo span{gap:2px;display:grid}.alert-demo small{color:var(--muted);font-size:12px}.alert-info{background:var(--blue-soft);color:var(--blue)}.alert-danger{background:var(--red-soft);color:var(--red)}.toast-demo{background:var(--panel);max-width:280px;box-shadow:var(--shadow);margin-left:auto}.tooltip-demo{border:1px solid var(--line);border-radius:var(--radius);width:fit-content;color:var(--muted);padding:8px 10px;font-size:13px;display:inline-flex;position:relative}.tooltip-demo em{border-radius:var(--radius);background:var(--text);width:max-content;max-width:220px;color:var(--panel);padding:7px 9px;font-size:12px;font-style:normal;position:absolute;bottom:calc(100% + 6px);left:0}.command-demo{gap:10px;display:grid}.command-list button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);text-align:left;color:var(--text);align-items:center;gap:8px;padding:9px 10px;display:flex}.design-note{color:var(--muted);align-items:center;gap:8px;margin:14px 0 0;font-size:13px;display:flex}.task-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:230px;color:var(--text);text-align:left;box-shadow:var(--shadow);align-content:space-between;gap:18px;padding:18px;display:grid;position:relative;overflow:hidden}.project-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 18px 42px #0f18241f}.project-card-accent{height:4px;position:absolute;inset:0 0 auto}.project-card-head,.project-card-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-icon{border-radius:var(--radius);background:var(--brand-soft);width:42px;height:42px;color:var(--brand);place-items:center;display:grid}.project-card-body{gap:9px;display:grid}.project-card-body h2,.project-card-body p{margin:0}.project-card-body h2{font-size:20px;line-height:1.25}.project-card-body p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.project-card-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-start;font-size:12px}.project-card-meta span{align-items:center;gap:5px;display:inline-flex}.project-tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:fit-content;box-shadow:var(--shadow);flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:6px;display:flex}.project-tabs button{border-radius:var(--radius);min-height:36px;color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;font-weight:800;display:inline-flex}.project-tabs button:hover{background:var(--panel-2);color:var(--text)}.project-tabs button.active{background:var(--brand);color:#fff}.project-overview{grid-template-columns:minmax(0,1fr) minmax(280px,.35fr);gap:18px;display:grid}.project-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.project-overview>section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);align-content:start;gap:12px;min-height:280px;padding:22px;display:grid;position:relative;overflow:hidden}.project-card-accent.static{position:absolute;inset:0 0 auto}.project-overview h2,.project-overview p{margin:0}.project-overview h2{margin-top:10px;font-size:28px;line-height:1.2}.project-overview p{max-width:820px;color:var(--muted);white-space:pre-wrap;font-size:15px;line-height:1.65}.project-overview aside{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-content:start;display:grid}.status-stat-grid,.project-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.status-stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);align-content:space-between;min-height:110px;padding:14px;display:grid}.status-stat .badge{width:fit-content}.status-stat strong{font-size:30px}.project-budget-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px}.project-budget-head{align-items:center;gap:10px;display:flex}.project-budget-head>span{border-radius:var(--radius);background:var(--brand-soft);width:38px;height:38px;color:var(--brand);place-items:center;display:grid}.project-budget-head strong,.project-budget-head small{display:block}.project-budget-head small,.project-budget-values small,.project-schedule-list span{color:var(--muted);font-size:12px;font-weight:800}.project-budget-values,.project-schedule-list{gap:10px;display:grid}.project-budget-values div,.project-schedule-list div{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.project-budget-values strong,.project-schedule-list strong{text-align:right}.team-member-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:14px;display:grid}.team-member-card .badge{grid-column:2;width:fit-content}.team-avatar{border-radius:var(--radius);background:var(--brand-soft);width:42px;height:42px;color:var(--brand);place-items:center;font-weight:900;display:grid}.team-member-card strong,.team-member-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.team-member-card small{color:var(--muted);font-size:12px}.project-activity-list{gap:10px;display:grid}.project-activity-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-columns:12px minmax(0,1fr);gap:12px;padding:12px;display:grid}.project-activity-item>span{background:var(--brand);border-radius:50%;width:10px;height:10px;margin-top:5px}.project-activity-item p,.project-activity-item small{color:var(--muted);margin:3px 0 0}.project-activity-item small{font-size:12px}.task-toolbar .select{width:190px}.task-search{width:min(320px,100%)}.task-board{grid-template-columns:repeat(4,minmax(230px,1fr));gap:14px;padding-bottom:4px;display:grid;overflow-x:auto}.task-column{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);align-content:start;gap:10px;min-width:230px;padding:10px;display:grid}.task-column>header{justify-content:space-between;align-items:center;min-height:28px;display:flex}.task-column>header strong{color:var(--muted);font-size:13px}.task-column-list{gap:10px;display:grid}.task-column-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:86px;color:var(--faint);place-items:center;font-size:13px;display:grid}.task-column-create{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel);min-height:36px;color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.task-column-create:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.task-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:8px;padding:10px;display:grid;box-shadow:0 1px 2px #0a0a0a0a}.task-card-open{text-align:left;width:100%;color:inherit;background:0 0;border:0;gap:8px;padding:0;display:grid}.task-card:hover{border-color:#ff9f1c6b;box-shadow:0 10px 26px #0a0a0a14}.task-card-head,.task-card-meta,.task-tags,.detail-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.task-card-head{justify-content:space-between}.task-card h3{color:var(--text);margin:0;font-size:14px;line-height:1.35}.task-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.task-card-meta{color:var(--muted);font-size:11px}.task-card-meta span{align-items:center;gap:4px;display:inline-flex}.task-tags span,.detail-tags span{background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800}.task-card-status{min-height:32px;font-size:12px}.task-detail-dialog{width:min(1180px,100vw - 36px)}.task-detail-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:18px;display:grid}.task-detail-main{align-content:start}.task-detail-side{align-content:start;gap:12px;display:grid}.task-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:10px;padding:12px;display:grid}.task-section>header{align-items:center;gap:8px;display:flex}.task-section>header strong{font-size:13px}.comment-list,.document-list,.activity-list,.compact-form{gap:8px;display:grid}.comment-item,.document-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:9px}.comment-item strong,.comment-item small{display:block}.comment-item small,.document-item small,.activity-item small{color:var(--muted);font-size:11px}.comment-item p,.task-section p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.document-item{color:var(--text);align-items:center;gap:9px;text-decoration:none;display:flex}.document-item span{min-width:0;display:grid}.document-item strong,.document-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-item{color:var(--muted);grid-template-columns:10px minmax(0,1fr);gap:8px;display:grid}.activity-item>span{background:var(--brand);border-radius:50%;width:8px;height:8px;margin-top:7px}.activity-item p{margin:0;font-size:12px;line-height:1.45}.activity-item strong{color:var(--text)}.state,.empty{min-height:160px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.empty strong{color:var(--text)}.empty p{max-width:420px;margin:0}.empty-error{color:var(--red)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.visual-card{place-items:center;min-height:360px;display:grid;overflow:hidden}.visual-card img{object-fit:cover;width:100%;height:100%}.product-thumb{border:1px solid var(--line);background:var(--panel-2);border-radius:var(--radius);place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.info-list{gap:0;display:grid}.info-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:12px 0;display:flex}.info-row:last-child{border-bottom:0}.info-row span{color:var(--muted)}.info-row strong{text-align:right}.media-grid,.placeholder-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.media-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%}.media-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.media-picker-toolbar{grid-template-columns:minmax(0,1fr) 190px;gap:10px;margin-bottom:12px;display:grid}.media-picker-grid button{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);text-align:left;gap:7px;padding:8px;display:grid}.media-picker-grid button:hover{border-color:var(--brand)}.media-picker-grid img{aspect-ratio:4/3;object-fit:cover;background:var(--panel-2);border-radius:6px;width:100%}.media-picker-grid span,.media-picker-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-picker-grid small{color:var(--faint);font-size:11px}.catalog-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.catalog-manager{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.catalog-manager-menu{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);gap:8px;padding:10px;display:grid;position:sticky;top:18px}.catalog-manager-menu-head{border-bottom:1px solid var(--line);gap:3px;margin-bottom:2px;padding:8px 8px 10px;display:grid}.catalog-manager-menu-head strong{color:var(--text)}.catalog-manager-menu-head span{color:var(--muted);font-size:12px;font-weight:700}.catalog-manager-menu button{border-radius:var(--radius);width:100%;min-height:58px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.catalog-manager-menu button>svg{border-radius:var(--radius);background:var(--panel-2);width:34px;height:34px;color:var(--brand);padding:8px}.catalog-manager-menu button span{gap:4px;min-width:0;display:grid}.catalog-manager-menu button strong{color:var(--text);font-size:13px;line-height:1.25;display:block}.catalog-manager-menu button small{color:var(--muted);text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.catalog-manager-menu button em{background:var(--panel-2);min-width:28px;color:var(--muted);text-align:center;border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.catalog-manager-menu button:hover,.catalog-manager-menu button.active{border-color:color-mix(in srgb, var(--brand) 28%, var(--line));background:var(--brand-soft)}.catalog-manager-menu button.active em{background:var(--brand);color:#fff}.catalog-manager-content{min-width:0}.manager-panel .card-header{border-bottom:1px solid var(--line)}.manager-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.manager-toolbar .input{max-width:360px}.settings-panel{min-width:0}.settings-panel-wide{grid-column:1/-1}.settings-panel-head{align-items:flex-start;gap:12px;display:flex}.settings-panel-head>span{border-radius:var(--radius);background:var(--brand-soft);width:34px;height:34px;color:var(--brand);flex:none;justify-content:center;align-items:center;display:inline-flex}.settings-panel-head>div{flex:1;min-width:0}.settings-panel-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.setting-logo-thumb,.attribute-values i{border-radius:var(--radius);border:1px solid var(--line);vertical-align:middle;background:var(--panel-2);width:34px;height:34px;color:var(--muted);display:inline-block;overflow:hidden}.setting-logo-thumb{justify-content:center;align-items:center;display:inline-flex}.setting-logo-thumb img{object-fit:cover;width:100%;height:100%}.attribute-values i{border-radius:999px;width:16px;height:16px}.media-choice{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.media-choice strong,.media-choice small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.media-choice strong{color:var(--text);font-size:13px}.media-choice small{color:var(--muted);font-size:12px}.media-picker-grid.compact{max-height:440px;overflow:auto}.attribute-list{gap:12px;display:grid}.attribute-list section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);padding:14px}.attribute-list header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.attribute-list header>div{align-items:center;gap:8px;display:flex}.attribute-values{flex-wrap:wrap;gap:8px;display:flex}.attribute-values span{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.attribute-value-chip strong{font-size:13px}.attribute-value-chip button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.attribute-value-chip button:hover{background:var(--panel-2);color:var(--text)}.attribute-values small{color:var(--muted)}.landing-summary{gap:14px;display:grid}.landing-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.landing-status a{color:var(--brand);font-weight:800}.landing-blocks{gap:10px;display:grid}.landing-blocks article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:6px;padding:12px;display:grid}.landing-blocks article p{color:var(--muted);margin:0;font-size:13px}.product-hero{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);grid-template-columns:136px minmax(0,1fr) minmax(180px,auto);align-items:center;gap:16px;padding:16px;display:grid}.product-hero-media{aspect-ratio:1;border-radius:var(--radius);background:var(--panel-2);color:var(--muted);place-items:center;display:grid;overflow:hidden}.product-hero-media img{object-fit:cover;width:100%;height:100%}.product-hero-main{min-width:0}.product-hero-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.product-hero-main h2{color:var(--text);margin:0;font-size:24px}.product-hero-main p{color:var(--muted);margin:6px 0 0;line-height:1.5}.product-hero-price{color:var(--muted);justify-items:end;gap:4px;display:grid}.product-hero-price strong{color:var(--text);font-size:24px}.landing-product-preview{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-height:720px;overflow:auto}.landing-create-panel{justify-items:center;gap:18px;padding:32px;display:grid}.landing-builder-shell{gap:18px;display:grid}.landing-builder-manager{grid-template-columns:300px minmax(0,1fr)}.landing-builder-content{gap:18px;min-width:0;display:grid}.landing-builder-section-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:12px;padding:12px;display:grid}.landing-builder-section-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.landing-builder-section-head strong{color:var(--text);display:block}.landing-builder-section-head small{color:var(--muted);white-space:normal;margin-top:2px;display:block}.landing-builder-section-form{gap:12px;display:grid}.landing-builder-status{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.landing-builder-menu-subhead{border-top:1px solid var(--line);gap:3px;margin-top:4px;padding:10px 8px 2px;display:grid}.landing-builder-menu-subhead strong{color:var(--text);text-transform:uppercase;letter-spacing:.02em;font-size:12px}.landing-builder-menu-subhead span{color:var(--muted);font-size:11px;font-weight:700}.landing-builder-block-panel{gap:12px;display:grid}.landing-block-type-menu{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.landing-block-type-menu button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-height:72px;color:var(--muted);text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title count""help help";gap:4px 10px;padding:12px 14px;display:grid}.landing-block-type-menu button strong{color:var(--text);grid-area:title;font-size:13px}.landing-block-type-menu button small{color:var(--muted);grid-area:help;font-size:12px;line-height:1.35}.landing-block-type-menu button em{min-width:28px;color:var(--muted);text-align:center;background:#fff;border-radius:999px;grid-area:count;align-self:start;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.landing-block-type-menu button:hover,.landing-block-type-menu button.active{border-color:color-mix(in srgb, var(--brand) 26%, var(--line));background:var(--brand-soft)}.landing-block-type-menu button.active em{background:var(--brand);color:#fff}.landing-builder-group-editor-head{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.landing-builder-group-editor-head>div:first-child{gap:5px;min-width:0;display:grid}.landing-builder-group-editor-head strong{color:var(--text);font-size:15px;line-height:1.25;display:block}.landing-builder-group-editor-head small{color:var(--muted);white-space:normal;font-size:12px;line-height:1.45;display:block}.landing-builder-group-editor-head--standalone{padding:14px 0 2px}.landing-builder-group-editor-actions{flex-shrink:0;gap:8px;display:flex}.landing-builder-block-form--active{border-top:1px solid var(--line);gap:14px;padding-top:16px;display:grid}.landing-builder-block-list{gap:10px;display:grid}.landing-builder-block-list article{border:1px solid var(--line);border-radius:calc(var(--radius) - 4px);background:var(--panel-2);cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;display:flex}.landing-builder-block-list article:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line))}.landing-builder-block-list article.selected{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--panel));box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 12%, transparent)}.landing-builder-block-list article.inactive{opacity:.58}.landing-builder-block-list article>div:first-child{gap:5px;min-width:0;display:grid}.landing-builder-block-list strong,.landing-builder-block-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-builder-block-list small{color:var(--muted);font-size:12px}.landing-media-field{gap:8px;min-width:0;display:grid}.landing-detail-media-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:12px;padding:12px;display:grid}.landing-detail-media-panel .landing-media-picker{background:var(--panel)}.landing-detail-media-meta{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.landing-form-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:12px;padding:12px;display:grid}.landing-form-section-head{gap:3px;display:grid}.landing-form-section-head strong{color:var(--text);font-size:14px}.landing-form-section-head small{color:var(--muted);font-size:12px;line-height:1.4}.landing-form-section--media .landing-media-picker{background:var(--panel)}.landing-testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-media-picker{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:10px;padding:10px;display:grid}.landing-media-selected{border-radius:calc(var(--radius) - 4px);background:var(--panel);align-items:center;gap:10px;min-height:56px;padding:8px;display:flex}.landing-media-selected img{object-fit:cover;border-radius:6px;width:44px;height:44px}.landing-media-selected div{gap:2px;min-width:0;display:grid}.landing-media-selected strong,.landing-media-selected small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-media-selected small{color:var(--muted)}.landing-media-selected .button{margin-left:auto}.landing-media-actions,.landing-media-upload{flex-wrap:wrap;gap:8px;display:flex}.landing-media-upload{align-items:end}.landing-media-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;max-height:260px;display:grid;overflow:auto}.landing-media-grid button{border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;border-radius:8px;gap:6px;padding:7px;display:grid}.landing-media-grid button.active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 18%, transparent)}.landing-media-grid img{aspect-ratio:4/3;object-fit:cover;background:var(--muted-surface);border-radius:6px;width:100%}.landing-media-grid span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.company-shell{grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.company-menu{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);gap:6px;padding:10px;display:grid;position:sticky;top:18px}.company-menu-head{border-bottom:1px solid var(--line);gap:4px;margin-bottom:4px;padding:6px 8px 12px;display:grid}.company-menu-head strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.company-menu-head span{color:var(--muted);font-size:12px;font-weight:700}.company-menu button{border-radius:var(--radius);min-height:40px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:0 10px;font-weight:800;display:flex}.company-menu button.active,.company-menu button:hover{border-color:var(--line);background:var(--panel-2);color:var(--text)}.company-content{gap:14px;min-width:0;display:grid}.company-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.company-summary>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:5px;padding:14px;display:grid}.company-summary span,.company-summary small{color:var(--muted);font-size:12px;font-weight:700}.company-summary strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.company-readonly{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);color:var(--muted);margin:0;padding:10px 12px;font-size:13px;font-weight:700}.company-section .card-header{align-items:flex-start}.company-section .card-header>div:first-child{gap:4px;min-width:0;display:grid}.card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.company-branding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-media-field{min-width:0}.company-dialog{width:min(980px,100%)}.company-dialog .dialog-body{background:color-mix(in srgb, var(--panel) 78%, var(--panel-2))}.company-dialog-form{gap:12px}.company-dialog-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);align-items:stretch;gap:12px;display:grid}.company-form-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:12px;padding:14px;display:grid}.company-form-section--side,.company-form-section--muted{background:var(--panel-2)}.company-form-section-head{gap:3px;min-width:0;display:grid}.company-form-section-head strong{color:var(--text);font-size:13px}.company-form-section-head small{color:var(--muted);font-size:12px;font-weight:700}.company-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-dialog-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.company-dialog-grid--single{grid-template-columns:1fr}.company-dialog .textarea{min-height:76px}.company-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.company-mini-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:8px;padding:14px;display:grid}.company-mini-card>div:first-child{flex-wrap:wrap;gap:6px;display:flex}.company-mini-card strong,.company-mini-card p,.company-mini-card small{min-width:0}.company-mini-card strong{color:var(--text);font-size:15px}.company-mini-card p{color:var(--text);margin:0;font-size:13px}.company-mini-card small{color:var(--muted);line-height:1.45}.company-mini-card .row-actions{justify-content:flex-start;padding-top:4px}.team-dashboard{gap:14px;display:grid}.team-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.team-summary>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:6px;padding:14px;display:grid}.team-summary svg{color:var(--brand)}.team-summary span{color:var(--muted);font-size:12px;font-weight:800}.team-summary strong{color:var(--text);font-size:20px}.team-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:14px;display:grid}.team-panel .card-header{align-items:flex-start}.team-member-list,.business-team-list{gap:10px;display:grid}.business-member-card,.business-team-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:12px;padding:14px;display:grid}.business-member-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.business-member-main{gap:5px;min-width:0;display:grid}.business-member-main strong,.business-team-card-head strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.business-member-main small,.business-team-card-head small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.team-card-badges,.team-chip-list{flex-wrap:wrap;gap:6px;display:flex}.business-team-card-head{justify-content:space-between;gap:12px;display:flex}.business-team-card-head>div:first-child{gap:4px;min-width:0;display:grid}.team-chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.team-chip button{color:var(--muted);background:0 0;border:0;padding:0;display:inline-flex}.team-add-member,.permission-scope-form{grid-template-columns:minmax(0,1fr) minmax(130px,.4fr) auto auto;align-items:center;gap:8px;display:grid}.team-permission-dialog{width:min(1120px,100%)}.permission-editor{gap:18px;display:grid}.permission-editor section{gap:10px;display:grid}.permission-editor h3{color:var(--text);margin:0;font-size:15px}.permission-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.permission-module-card,.permission-scoped-list article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:10px;padding:12px;display:grid}.permission-module-card>div:first-child,.permission-scoped-list article>div:first-child{gap:4px;display:grid}.permission-module-card strong,.permission-scoped-list strong{color:var(--text);font-size:13px}.permission-module-card small,.permission-scoped-list small,.permission-empty{color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.permission-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.permission-actions label{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted);align-items:center;gap:6px;padding:7px 8px;font-size:12px;font-weight:800;display:flex}.permission-actions input{accent-color:var(--brand)}.permission-scoped-list{gap:8px;display:grid}.permission-scoped-list article{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr) auto;align-items:center}@media (width<=980px){.company-shell{grid-template-columns:1fr}.company-menu{position:static}.company-summary,.team-summary,.company-card-grid,.company-branding-grid,.team-layout,.permission-module-grid,.company-dialog-layout,.company-dialog-grid,.company-dialog-grid--four,.business-member-card,.team-add-member,.permission-scope-form,.permission-scoped-list article,.permission-actions{grid-template-columns:1fr}.field-span-2{grid-column:auto}}@media (width<=720px){.company-summary{grid-template-columns:1fr}}.landing-builder-preview-bottom{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:14px}.landing-preview-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.landing-preview-toolbar>div{gap:6px;display:flex}.landing-preview-frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-height:calc(100vh - 220px);overflow:auto}.landing-preview-frame.mobile{max-width:390px;margin-inline:auto}.public-landing-shell{background:#fff;min-height:100vh}.public-landing-404{text-align:center;place-content:center;gap:10px;min-height:100vh;padding:24px;display:grid}.public-landing-404 h1{color:#111;margin:0}.public-landing-404 p{color:#666;margin:0}.lp-renderer{color:#111;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lp-renderer *{box-sizing:border-box}.lp-hero{background:color-mix(in srgb, var(--lp-primary) 92%, #fff);color:#fff;grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);align-items:center;gap:36px;min-height:620px;padding:clamp(32px,6vw,86px);display:grid}.lp-hero-copy{gap:18px;display:grid}.lp-hero-copy span{color:color-mix(in srgb, var(--lp-accent) 75%, #fff);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:900}.lp-hero-copy h1{max-width:820px;margin:0;font-size:clamp(40px,6vw,78px);line-height:.98}.lp-hero-copy p{color:#ffffffc7;max-width:640px;margin:0;font-size:clamp(17px,2vw,21px);line-height:1.55}.lp-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.lp-hero-actions a,.lp-footer a,.lp-cta a{background:var(--lp-accent);color:#111;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:900;text-decoration:none;display:inline-flex}.lp-hero-actions strong{font-size:22px}.lp-hero-media{aspect-ratio:4/5;background:#ffffff14;border-radius:8px;place-items:center;display:grid;overflow:hidden}.lp-hero-media img,.lp-detail img,.lp-detail iframe,.lp-feature-card img,.lp-info-grid article>img,.lp-gallery img{object-fit:cover;width:100%;height:100%}.lp-trust-bar{background:#e5e7eb;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.lp-trust-bar div{text-align:center;background:#fff;justify-content:center;align-items:center;gap:10px;min-height:76px;padding:14px;display:flex}.lp-trust-bar div>span:last-child{gap:2px;display:grid}.lp-trust-bar small{color:#666;font-size:12px;font-weight:700}.lp-block-icon{flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.lp-block-icon.image img{object-fit:cover;border-radius:6px;width:28px;height:28px}.lp-section{padding:clamp(34px,6vw,76px)}.lp-card-grid,.lp-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.lp-feature-card,.lp-info-grid article,.lp-testimonial{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:22px;display:grid}.lp-feature-card>img,.lp-info-grid article>img{aspect-ratio:4/3;background:#f3f4f6;border-radius:8px}.lp-feature-card h3,.lp-info-grid h3{margin:0;font-size:20px}.lp-feature-card p,.lp-info-grid p,.lp-detail p,.lp-testimonial p,.lp-faq p,.lp-cta p,.lp-footer p{color:#555;margin:0;line-height:1.6}.lp-detail-list{gap:28px;display:grid}.lp-detail{grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);align-items:center;gap:28px;display:grid}.lp-detail.reverse{grid-template-columns:minmax(280px,.86fr) minmax(0,1fr)}.lp-detail.reverse img,.lp-detail.reverse iframe{order:-1}.lp-detail span{color:var(--lp-accent);font-weight:900}.lp-detail h2,.lp-faq h2,.lp-cta h2,.lp-footer h2{margin:6px 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.08}.lp-detail img,.lp-detail iframe,.lp-gallery img{aspect-ratio:4/3;background:#f3f4f6;border-radius:8px}.lp-detail iframe{border:0}.lp-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.lp-gallery img.wide{aspect-ratio:16/7;grid-column:1/-1}.lp-stars{color:var(--lp-accent);gap:3px;display:flex}.lp-testimonial footer{align-items:center;gap:12px;display:flex}.lp-testimonial footer img,.lp-testimonial footer>span{color:#fff;object-fit:cover;background:#111;border-radius:999px;width:42px;height:42px}.lp-testimonial footer>span{place-items:center;font-weight:900;display:grid}.lp-testimonial footer div{gap:2px;display:grid}.lp-testimonial footer small{color:#666}.lp-faq{background:#f8fafc;gap:12px;display:grid}.lp-faq details{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 18px}.lp-faq summary{cursor:pointer;font-weight:900}.lp-cta,.lp-footer{text-align:center;background:#f8fafc;border-radius:8px;justify-items:center;gap:14px;padding:clamp(28px,5vw,58px);display:grid}.lp-footer.dark{color:#fff;background:#111}.lp-footer.dark p{color:#ffffffb8}@media (width<=900px){.product-hero,.landing-builder-stack,.lp-hero,.lp-detail,.lp-detail.reverse{grid-template-columns:1fr}.product-hero-price{justify-items:start}.lp-detail.reverse img,.lp-detail.reverse iframe{order:0}.lp-trust-bar,.lp-card-grid,.lp-info-grid,.lp-gallery{grid-template-columns:1fr}.lp-hero{min-height:auto}}.profile-panel{max-width:640px;padding:20px}.profile-grid{grid-template-columns:minmax(280px,.35fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.profile-theme-panel{padding:18px}.profile-theme-head{justify-content:space-between;gap:14px;margin-bottom:16px;display:flex}.profile-theme-head h2,.profile-theme-head p{margin:0}.profile-theme-head h2{font-size:18px}.profile-theme-head p,.profile-theme-head strong{color:var(--muted);font-size:13px;line-height:1.45}.profile-theme-head strong{color:var(--brand);white-space:nowrap}.profile-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.profile-theme-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:142px;color:var(--text);text-align:left;gap:8px;padding:12px;display:grid}.profile-theme-option:hover,.profile-theme-option.active{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.profile-theme-option strong{font-size:14px}.profile-theme-option small{color:var(--muted);font-size:12px;line-height:1.4}.avatar-xl{width:68px;height:68px;margin-bottom:14px;font-size:22px}.hide-desktop,.scrim{display:none}@media (width<=1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-grid,.design-grid-3,.task-detail-layout{grid-template-columns:1fr}.design-span-2{grid-column:auto}.design-hero,.palette-selector-head,.filter-demo,.state-grid,.inventory-grid,.project-dashboard-preview,.project-dashboard-grid,.chart-pattern-grid{grid-template-columns:1fr}.palette-selector-head{display:grid}.palette-grid{grid-template-columns:1fr}.active-palette-card{min-width:0}.dashboard-grid,.detail-grid{grid-template-columns:1fr}}@media (width<=820px){.auth-shell{grid-template-columns:1fr;padding:16px}.auth-story{min-height:auto;padding:28px}.auth-story h1{margin-top:28px;font-size:34px}.app-shell{grid-template-columns:1fr}.sidebar{width:min(320px,100vw - 34px);transition:transform .18s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim.show{z-index:15;background:#0f172a59;border:0;display:block;position:fixed;inset:0}.hide-desktop{display:inline-flex}.page{padding:18px}.page-header{display:block}.page-actions{margin-top:14px}.list-toolbar,.pagination{flex-direction:column;align-items:stretch}.list-toolbar>.select,.search-field{max-width:none}.metric-grid,.form-grid,.swatch-grid,.route-grid,.permission-grid,.media-pattern-grid,.chart-dashboard-side,.detail-preview,.catalog-manager,.catalog-settings-grid,.project-card-grid,.project-overview,.project-stats-grid,.status-stat-grid,.project-team-grid,.profile-grid,.profile-theme-grid,.option-grid{grid-template-columns:1fr}.profile-theme-head{display:grid}.budget-row{grid-template-columns:1fr}.task-toolbar,.task-toolbar .select,.task-search{width:100%}.media-picker-toolbar{grid-template-columns:1fr}.catalog-manager-menu{position:static}.dialog{max-height:calc(100vh - 24px)}.command-button span{display:none}}