/* 爱橙租 · 深海星云。Every surface uses semantic dark tokens from public appearance. */
:root{color-scheme:dark;--theme-background:#080f20;--theme-surface:#152239;--theme-surface-raised:#1b2c47;--theme-border:#2d405d;--theme-text:#e6edf8;--theme-text-muted:#92a4bc;--theme-primary:#8ed3f4;--theme-accent:#ab9ce5;--theme-gradient-start:#162e49;--theme-gradient-end:#1d1c3b;--theme-nav:#0d162a;--theme-topbar:#0c1528;--theme-surface-end:#111a30;--theme-field:#0b1427;--theme-dim:#6e819d;--theme-border-soft:#20314a;--theme-primary-soft:rgba(142,211,244,.1);--theme-accent-soft:rgba(171,156,229,.1);--theme-primary-glow:rgba(142,211,244,.13);--theme-accent-glow:rgba(171,156,229,.12);--theme-primary-rgb:142,211,244;--theme-accent-rgb:171,156,229;--theme-button-ink:#112238;--theme-success:#86d9b9;--theme-warning:#e6bb83;--theme-danger:#efa3a4;--theme-success-soft:rgba(93,177,141,.13);--theme-warning-soft:rgba(213,164,92,.12);--theme-danger-soft:rgba(221,126,137,.13);--theme-rotation:0deg;--theme-soft:var(--theme-primary-soft);--navy:var(--theme-background);--blue:var(--theme-primary);--ink:var(--theme-text);--muted:var(--theme-text-muted);--line:var(--theme-border-soft);--canvas:var(--theme-background);--cyan:var(--theme-accent);--shadow:0 10px 32px rgba(0,0,0,.15)}
html,body{background:var(--theme-background);color:var(--theme-text)}body{background-image:radial-gradient(ellipse at 65% 5%,var(--theme-primary-glow),transparent 45%),radial-gradient(ellipse at 100% 45%,var(--theme-accent-soft),transparent 46%);background-attachment:fixed}::selection{color:var(--theme-text);background:rgba(var(--theme-primary-rgb),.25)}input,select,textarea{background:var(--theme-field);color:var(--theme-text);border-color:var(--theme-border);box-shadow:inset 0 1px 3px #00000012}input:focus,select:focus,textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-primary-soft)}input::placeholder,textarea::placeholder{color:var(--theme-dim)}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--theme-text);-webkit-box-shadow:0 0 0 1000px var(--theme-field) inset}input[type=checkbox]{accent-color:var(--theme-primary)}input[type=date]::-webkit-calendar-picker-indicator{opacity:.66}button:focus-visible,a:focus-visible{outline-color:var(--theme-primary)}label{color:var(--theme-text-muted)}.muted{color:var(--theme-text-muted)}.blue-text,.text-button{color:var(--theme-primary)}
.brand-icon{background:linear-gradient(140deg,var(--theme-primary),var(--theme-accent));color:var(--theme-button-ink);box-shadow:0 6px 20px var(--theme-primary-soft);border:1px solid #ffffff26}.brand-icon:after{background:#ffffff70}.small-label,.page-eyebrow{color:var(--theme-primary);opacity:.75}.btn.primary{background:linear-gradient(115deg,var(--theme-primary),var(--theme-accent));color:var(--theme-button-ink);border-color:rgba(var(--theme-primary-rgb),.2);box-shadow:0 4px 17px var(--theme-primary-soft);font-weight:600}.btn.primary:hover{box-shadow:0 6px 23px var(--theme-primary-glow);filter:brightness(1.06)}.btn.secondary{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text-muted)}.btn.secondary:hover{background:var(--theme-surface-raised);border-color:rgba(var(--theme-primary-rgb),.5);color:var(--theme-primary)}.icon-button{color:var(--theme-text-muted)}.icon-button:hover{background:var(--theme-primary-soft);color:var(--theme-primary)}.unread-dot{background:var(--theme-accent);border-color:var(--theme-topbar)}
.app-shell{background:transparent}.sidebar{background:linear-gradient(172deg,var(--theme-nav),var(--theme-background));border-right-color:var(--theme-border-soft);color:var(--theme-text-muted)}.side-brand{color:var(--theme-text)}.side-brand small{color:var(--theme-dim)}.workspace-pill{background:rgba(var(--theme-primary-rgb),.025);border-color:var(--theme-border);color:var(--theme-text-muted)}.workspace-dot{background:var(--theme-primary);box-shadow:0 0 8px var(--theme-primary-glow)}.workspace-chevron{color:var(--theme-dim)}.side-scroll{scrollbar-color:var(--theme-border) transparent}.nav-label{color:var(--theme-dim)}.nav-item{color:var(--theme-text-muted)}.nav-item:hover{background:var(--theme-primary-soft);color:var(--theme-text)}.nav-item.active{color:var(--theme-primary);background:linear-gradient(105deg,rgba(var(--theme-primary-rgb),.17),rgba(var(--theme-accent-rgb),.1));box-shadow:inset 0 0 0 1px rgba(var(--theme-primary-rgb),.24),0 4px 18px #00000012}.nav-item.active:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:2px;background:var(--theme-primary);border-radius:2px;box-shadow:0 0 8px var(--theme-primary-glow)}.nav-badge{background:var(--theme-primary-soft);color:var(--theme-primary)}.nav-dot{background:var(--theme-accent)}.sidebar-bottom{background:linear-gradient(0deg,var(--theme-nav),transparent)}.environment-card{background:linear-gradient(130deg,var(--theme-surface),var(--theme-surface-end));border-color:var(--theme-border-soft);box-shadow:inset 0 1px 0 #ffffff03}.env-icon{color:var(--theme-primary)}.environment-card b{color:var(--theme-text-muted)}.environment-card small,.legacy-link{color:var(--theme-dim)}.legacy-link:hover{color:var(--theme-primary)}.topbar{background:var(--theme-topbar);border-bottom-color:var(--theme-border-soft);box-shadow:0 4px 20px #0000000b}.breadcrumb{color:var(--theme-dim)}.breadcrumb strong{color:var(--theme-text-muted)}.breadcrumb i{color:var(--theme-border)}.home-icon svg{color:var(--theme-text-muted)}.online-label{color:var(--theme-text-muted)}.online-label i{background:var(--theme-success);box-shadow:0 0 8px #86d9b921}.topbar-divider{background:var(--theme-border-soft)}.avatar{background:linear-gradient(140deg,var(--theme-primary-soft),var(--theme-accent-soft));border-color:var(--theme-border);color:var(--theme-primary);box-shadow:0 3px 10px #00000012}.profile-button{color:var(--theme-text)}.profile-button small,.chevron{color:var(--theme-text-muted)}.profile-popover{background:var(--theme-surface);border-color:var(--theme-border);box-shadow:0 15px 35px #00000045}.profile-popover p{color:var(--theme-text-muted)}.profile-popover button{background:var(--theme-field);border-color:var(--theme-border);color:var(--theme-primary)}
.page-content{position:relative}.page-heading h1{color:var(--theme-text)}.page-heading p,.date-label{color:var(--theme-text-muted)}.greeting-spark{color:var(--theme-accent)}.welcome-hero{background:linear-gradient(110deg,var(--theme-gradient-start),var(--theme-gradient-end));border:1px solid var(--theme-border);box-shadow:0 10px 32px #00000017,inset 0 1px 0 #ffffff04;color:var(--theme-text)}.welcome-hero:after{content:'';position:absolute;width:210px;height:210px;border-radius:50%;right:195px;top:-90px;background:radial-gradient(circle,var(--theme-primary-glow),transparent 68%);pointer-events:none}.hero-grid{background-image:linear-gradient(rgba(var(--theme-primary-rgb),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--theme-primary-rgb),.055) 1px,transparent 1px);background-size:34px 34px;opacity:.7}.hero-copy h2{color:var(--theme-text);font-weight:500;letter-spacing:1.3px}.hero-tag{color:var(--theme-primary)}.hero-tag>span{background:var(--theme-primary)}.hero-copy p{color:var(--theme-text-muted)}.hero-copy button{color:var(--theme-primary);border-color:rgba(var(--theme-primary-rgb),.3);background:rgba(var(--theme-primary-rgb),.04);backdrop-filter:blur(10px)}.hero-copy button span{color:var(--theme-accent)}.hero-robot{filter:hue-rotate(var(--theme-rotation)) saturate(.64) brightness(.9);opacity:.92}.hero-orbit{width:450px;height:170px;top:26px;right:32px;transform:rotate(-17deg);border-color:rgba(var(--theme-primary-rgb),.18);box-shadow:0 0 0 35px rgba(var(--theme-primary-rgb),.025),0 0 0 73px rgba(var(--theme-accent-rgb),.02)}.hero-orbit:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;right:40px;top:18px;background:var(--theme-accent);box-shadow:0 0 18px 4px rgba(var(--theme-accent-rgb),.2)}.hero-float{background:linear-gradient(130deg,rgba(var(--theme-primary-rgb),.08),rgba(var(--theme-accent-rgb),.055));border-color:rgba(var(--theme-primary-rgb),.15);box-shadow:0 8px 25px #00000017}.hero-float-icon{color:var(--theme-primary);background:var(--theme-primary-soft);border-color:rgba(var(--theme-primary-rgb),.15)}.hero-float small{color:var(--theme-text-muted)}.hero-float b{color:var(--theme-text)}.hero-mark{color:var(--theme-dim)}
.panel,.metric-card,.small-stat{background:linear-gradient(140deg,var(--theme-surface),var(--theme-surface-end));border-color:var(--theme-border);box-shadow:var(--shadow),inset 0 1px 0 #ffffff03}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:'';position:absolute;top:-35px;right:-38px;width:125px;height:100px;background:radial-gradient(ellipse,var(--theme-primary-soft),transparent 70%);pointer-events:none}.metric-head{color:var(--theme-text-muted)}.metric-icon{color:var(--theme-primary);background:var(--theme-primary-soft);border:1px solid rgba(var(--theme-primary-rgb),.08)}.metric-icon.cyan{color:var(--theme-primary);background:var(--theme-primary-soft)}.metric-icon.purple{color:var(--theme-accent);background:var(--theme-accent-soft)}.metric-icon.amber{color:var(--theme-warning);background:var(--theme-warning-soft)}.metric-value{color:var(--theme-text);font-weight:560;letter-spacing:.1px}.metric-value small{color:var(--theme-text-muted)}.metric-value small:last-child:not(:first-child){color:var(--theme-text-muted)}.metric-foot{border-top-color:var(--theme-border-soft);color:var(--theme-dim)}.metric-foot .blue,.metric-foot .cyan{color:var(--theme-primary)}.metric-foot .purple{color:var(--theme-accent)}.metric-foot .amber{color:var(--theme-warning)}.panel-heading h3{color:var(--theme-text);font-weight:500}.panel-heading p{color:var(--theme-text-muted)}.subtle-pill{color:var(--theme-text-muted);background:rgba(var(--theme-primary-rgb),.035);border-color:var(--theme-border-soft)}.segmented{border-color:var(--theme-border-soft);background:var(--theme-field)}.segmented button{color:var(--theme-dim)}.segmented button.active{background:var(--theme-primary-soft);color:var(--theme-primary)}.chart-legend{color:var(--theme-text-muted)}.chart-total{color:var(--theme-text)}.chart-y,.chart-x{color:var(--theme-dim)}.todo-count{color:var(--theme-primary);background:var(--theme-primary-soft);border-color:rgba(var(--theme-primary-rgb),.13)}.todo-row{background:transparent;border-color:var(--theme-border-soft)}.todo-row:hover{background:rgba(var(--theme-primary-rgb),.025)}.todo-row b{color:var(--theme-text-muted)}.todo-row:hover b{color:var(--theme-primary)}.todo-row small{color:var(--theme-dim)}.todo-row strong{color:var(--theme-text);font-weight:500}.todo-row i{color:var(--theme-dim)}.todo-icon{color:var(--theme-warning);background:var(--theme-warning-soft)}.todo-icon.blue,.todo-icon.cyan{color:var(--theme-primary);background:var(--theme-primary-soft)}.todo-icon.purple{color:var(--theme-accent);background:var(--theme-accent-soft)}
.table-wrap{background:transparent;scrollbar-color:var(--theme-border) transparent}table{color:var(--theme-text-muted);background:transparent}th{background:rgba(0,0,0,.12);color:var(--theme-text-muted);border-color:var(--theme-border-soft)}td{color:var(--theme-text-muted);border-bottom-color:var(--theme-border-soft)}td b{color:var(--theme-text);font-weight:450}td small{color:var(--theme-dim)}tbody tr:hover{background:rgba(var(--theme-primary-rgb),.03)}.amount{color:var(--theme-text);font-weight:500}.type-badge{color:var(--theme-primary);background:var(--theme-primary-soft);border:1px solid rgba(var(--theme-primary-rgb),.08)}.type-badge.sale{color:var(--theme-accent);background:var(--theme-accent-soft);border-color:rgba(var(--theme-accent-rgb),.1)}.status{background:rgba(var(--theme-primary-rgb),.04);color:var(--theme-text-muted);border:1px solid rgba(var(--theme-primary-rgb),.07)}.status.blue{background:var(--theme-primary-soft);color:var(--theme-primary)}.status.green{background:var(--theme-success-soft);color:var(--theme-success);border-color:#86d9b914}.status.amber{background:var(--theme-warning-soft);color:var(--theme-warning);border-color:#e6bb8314}.status.purple{background:var(--theme-accent-soft);color:var(--theme-accent)}.status.red{background:var(--theme-danger-soft);color:var(--theme-danger);border-color:#efa3a414}.table-action{color:var(--theme-primary)}.table-action:hover{color:var(--theme-text);background:var(--theme-primary-soft)}.empty-cell{color:var(--theme-dim)}.empty-icon svg{color:var(--theme-border)}.page-footer{color:var(--theme-dim);opacity:.7}.small-stat:after{background:linear-gradient(145deg,var(--theme-primary-soft),var(--theme-accent-soft));border-color:rgba(var(--theme-primary-rgb),.08)}.small-stat>span{color:var(--theme-text-muted)}.small-stat b{color:var(--theme-text);font-weight:500}.small-stat small{color:var(--theme-dim)}.list-tabs button{color:var(--theme-primary)}.list-tabs button span{background:var(--theme-primary-soft);border-color:rgba(var(--theme-primary-rgb),.1);color:var(--theme-primary)}.search-box input{background:var(--theme-field);border-color:var(--theme-border)}.search-box svg{color:var(--theme-dim)}.table-tools>select{color:var(--theme-text-muted)}.product-mini{background:linear-gradient(135deg,var(--theme-primary-soft),var(--theme-accent-soft));border-color:rgba(var(--theme-primary-rgb),.1);color:var(--theme-primary)}.table-footer{border-top-color:var(--theme-border-soft);color:var(--theme-dim)}.page-number{border-color:rgba(var(--theme-primary-rgb),.35);color:var(--theme-primary);background:var(--theme-primary-soft)}.payment-channel h3{color:var(--theme-text)}.payment-channel p{color:var(--theme-text-muted)}.payment-symbol{color:var(--theme-success);background:var(--theme-success-soft)}.payment-symbol.alipay{color:var(--theme-primary);background:var(--theme-primary-soft)}.payment-symbol.offline{color:var(--theme-accent);background:var(--theme-accent-soft)}
.settings-switch{border-color:var(--theme-border-soft)}.settings-switch b{color:var(--theme-text)}.settings-switch p{color:var(--theme-text-muted)}.switch{background:var(--theme-border)}.switch.on{background:var(--theme-primary)}.switch:before{background:var(--theme-text);box-shadow:0 1px 2px #00000040}.switch.on:before{background:var(--theme-button-ink)}.field-title{color:var(--theme-text)}.field-title>span{color:var(--theme-dim)}.delete-row{background:var(--theme-danger-soft);color:var(--theme-danger)}.add-recipient{background:var(--theme-primary-soft);border-color:rgba(var(--theme-primary-rgb),.27);color:var(--theme-primary)}.event-options label{color:var(--theme-text-muted)}.notice-box{background:rgba(var(--theme-primary-rgb),.045);border-color:rgba(var(--theme-primary-rgb),.12);color:var(--theme-text-muted)}.notice-box>span{color:var(--theme-primary)}.channel-illustration{background:radial-gradient(ellipse,var(--theme-primary-glow),transparent 72%)}.channel-illustration>span{background:linear-gradient(135deg,var(--theme-gradient-start),var(--theme-gradient-end));border:1px solid var(--theme-border);color:var(--theme-primary);box-shadow:9px 12px 0 rgba(var(--theme-primary-rgb),.035),13px 14px 25px #00000016}.signal{border-color:rgba(var(--theme-primary-rgb),.13)}.channel-panel>h3{color:var(--theme-text)}.channel-panel>p{color:var(--theme-text-muted)}.channel-stat{border-color:var(--theme-border-soft);color:var(--theme-text-muted)}.channel-stat b{color:var(--theme-primary)}.error-banner,.form-error{background:var(--theme-danger-soft);border-color:rgba(239,163,164,.16);color:var(--theme-danger)}.toast{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-border);box-shadow:0 10px 35px #0000004d}.toast>span{background:var(--theme-success-soft);color:var(--theme-success)}.toast.error{border-color:rgba(239,163,164,.2)}.toast.error>span{background:var(--theme-danger-soft);color:var(--theme-danger)}
.modal-backdrop{background:rgba(3,7,17,.72);backdrop-filter:blur(9px)}.modal{background:linear-gradient(150deg,var(--theme-surface),var(--theme-surface-end));border-color:var(--theme-border);box-shadow:0 30px 85px #00000070;color:var(--theme-text);scrollbar-color:var(--theme-border) transparent}.modal-heading{border-bottom-color:var(--theme-border-soft)}.modal-heading h2{color:var(--theme-text)}.close-button{background:var(--theme-primary-soft);color:var(--theme-text-muted)}.close-button:hover{color:var(--theme-primary)}.form-actions{border-top-color:var(--theme-border-soft)}.form-description{color:var(--theme-text-muted)}.order-estimate{background:var(--theme-primary-soft);border-color:rgba(var(--theme-primary-rgb),.16);color:var(--theme-text-muted)}.order-estimate small{color:var(--theme-dim)}.order-estimate strong{color:var(--theme-primary)}.detail-status strong{color:var(--theme-text)}.detail-grid label{color:var(--theme-dim)}.detail-grid span{color:var(--theme-text-muted)}.detail-items,.detail-vouchers,.detail-actions{border-color:var(--theme-border-soft)}.detail-items h3,.detail-vouchers h3{color:var(--theme-text)}.detail-items>div{background:var(--theme-field);color:var(--theme-text-muted)}.voucher-item{border-color:var(--theme-border)}.voucher-item p{color:var(--theme-text-muted)}.voucher-preview{background:var(--theme-field);border-color:var(--theme-border)}.mobile-overlay{background:#030712ad}
.login-page{background:radial-gradient(ellipse at 18% 75%,var(--theme-primary-glow),transparent 55%),radial-gradient(ellipse at 88% 22%,var(--theme-accent-glow),transparent 48%),var(--theme-background);color:var(--theme-text)}.login-page:before{background-image:linear-gradient(rgba(var(--theme-primary-rgb),.025) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--theme-primary-rgb),.025) 1px,transparent 1px);background-size:60px 60px}.login-top .brand{color:var(--theme-text)}.login-top .brand small{color:var(--theme-text-muted)}.login-top-caption{color:var(--theme-dim)}.eyebrow{color:var(--theme-primary);opacity:.8}.eyebrow i{background:var(--theme-primary);box-shadow:0 0 10px var(--theme-primary-glow)}.login-story h1{color:var(--theme-text);font-weight:450}.login-story h1 em{background:linear-gradient(100deg,var(--theme-primary),var(--theme-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-story>p{color:var(--theme-text-muted)}.login-art>img{filter:hue-rotate(var(--theme-rotation)) saturate(.64) brightness(.92)}.art-orbit{border-color:rgba(var(--theme-primary-rgb),.18)}.orbit-two{border-color:rgba(var(--theme-accent-rgb),.15)}.art-label{background:linear-gradient(130deg,rgba(var(--theme-primary-rgb),.065),rgba(var(--theme-accent-rgb),.055));border-color:rgba(var(--theme-primary-rgb),.17);box-shadow:0 5px 20px #00000023;color:var(--theme-text-muted)}.label-light{background:var(--theme-primary)}.label-two{color:var(--theme-accent)}.login-pillars{color:var(--theme-dim)}.login-pillars b{color:var(--theme-text-muted)}.login-card{background:linear-gradient(150deg,var(--theme-surface),var(--theme-surface-end));border-color:var(--theme-border);box-shadow:0 22px 70px #00000030,inset 0 1px 0 #ffffff04;color:var(--theme-text)}.login-card>.small-label{color:var(--theme-primary)}.login-card h2{color:var(--theme-text);font-weight:500}.login-card>.muted{color:var(--theme-text-muted)}.role-tabs{background:var(--theme-field);border-color:var(--theme-border-soft)}.role-tabs>button{color:var(--theme-text-muted)}.role-tabs>button.active{background:var(--theme-primary-soft);box-shadow:inset 0 0 0 1px rgba(var(--theme-primary-rgb),.13);color:var(--theme-primary)}.login-card label{color:var(--theme-text-muted)}.login-card input{background:var(--theme-field);color:var(--theme-text);border-color:var(--theme-border)}.password-wrap button,.login-remember{color:var(--theme-dim)}.preview-login{border-top-color:var(--theme-border-soft)}.preview-tag{color:var(--theme-primary);opacity:.6}.preview-login p{color:var(--theme-dim)}.preview-login button{background:var(--theme-primary-soft);border-color:rgba(var(--theme-primary-rgb),.15);color:var(--theme-primary)}.back-client,.login-footer{color:var(--theme-dim)}
.appearance-brand{background:linear-gradient(110deg,var(--theme-gradient-start),var(--theme-gradient-end));border-color:var(--theme-border);color:var(--theme-text)}.appearance-brand>span{color:var(--theme-primary)}.appearance-description,.appearance-message{color:var(--theme-text-muted)}.palette-choice{background:var(--theme-field);border-color:var(--theme-border);color:var(--theme-text-muted)}.palette-choice.selected{border-color:var(--theme-primary);background:var(--theme-primary-soft);box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.04)}.palette-swatches i{border:1px solid #ffffff0c}.palette-choice>span:last-child{color:var(--theme-primary)}.color-field{background:var(--theme-field);border-color:var(--theme-border)}.color-field input[type=text],.color-field input[type=color]{background:transparent;color:var(--theme-text)}.appearance-preview{background:linear-gradient(145deg,var(--theme-surface),var(--theme-surface-end))}.theme-mock{border-color:var(--theme-border);background:var(--theme-background);box-shadow:0 12px 30px #00000025}.mock-side{color:var(--theme-text)}.mock-top{color:var(--theme-text-muted)}.mock-stats>div{background:var(--theme-surface);border-color:var(--theme-border-soft);color:var(--theme-text-muted)}.mock-button{color:var(--theme-button-ink)}.appearance-preview-note{color:var(--theme-text-muted)}.appearance-scope,.appearance-savebar{border-top-color:var(--theme-border-soft)}.appearance-scope>span,.appearance-heading-tag{color:var(--theme-primary);background:var(--theme-primary-soft)}.appearance-savebar>span{color:var(--theme-dim)}.appearance-token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.appearance-token{display:flex;align-items:center;gap:9px;border:1px solid var(--theme-border-soft);background:var(--theme-field);border-radius:7px;padding:9px}.appearance-token i{width:28px;height:29px;border-radius:6px;border:1px solid #ffffff1a;flex:none}.appearance-token span{font-size:9px;display:block;color:var(--theme-text-muted)}.appearance-token b{font-weight:400;font-size:8px;letter-spacing:.7px;display:block;margin-top:4px;color:var(--theme-dim)}.palette-note{font-size:9px;line-height:1.8;color:var(--theme-dim);margin-top:14px}.appearance-design-label{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:10px;color:var(--theme-text-muted)}.appearance-design-label i{height:6px;width:6px;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 8px var(--theme-primary-glow)}
@media(max-width:1000px){.appearance-preview{display:block}.appearance-layout{grid-template-columns:1fr}.appearance-preview .theme-mock{max-width:440px;margin:auto}.appearance-token-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.hero-orbit{width:260px;height:100px;top:50px;right:-5px}.appearance-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-choice>b{font-size:9px}.hero-robot{opacity:.86}.welcome-hero:after{right:-40px}.palette-swatches i{width:21px}.appearance-preview{padding:20px}.appearance-preview .theme-mock{height:270px}.appearance-savebar{align-items:flex-start;gap:10px;flex-direction:column}.appearance-savebar>div{align-self:flex-end}}

/* Scoped mock uses the draft palette, including its surfaces and text. */
.mock-side{background:var(--theme-nav);border-right:1px solid var(--theme-border)}.mock-logo{background:linear-gradient(130deg,var(--theme-primary),var(--theme-accent));color:var(--theme-button-ink)}.mock-nav{background:var(--theme-primary-soft)}.mock-top{border-bottom:1px solid var(--theme-border-soft)}.mock-top b{color:var(--theme-text)}.mock-top span{color:var(--theme-text-muted)}.mock-hero{background:linear-gradient(115deg,var(--theme-gradient-start),var(--theme-gradient-end));color:var(--theme-text);border:1px solid var(--theme-border)}.mock-orb{color:var(--theme-accent);background:radial-gradient(circle,var(--theme-accent-soft),transparent 70%)}.mock-stats b{color:var(--theme-primary)}.mock-button{background:linear-gradient(120deg,var(--theme-primary),var(--theme-accent));color:var(--theme-button-ink)}button.legacy-link{font:inherit;font-size:10px;border:0;background:transparent;text-align:left;width:100%;cursor:pointer}.native-info>p{font-size:12px;line-height:1.9;color:var(--theme-text-muted);margin:20px 0}
.chart-legend i{background:var(--theme-primary)}.chart-legend.sale i{background:var(--theme-accent)}.label-one{color:var(--theme-text-muted)}.mock-nav:first-of-type{background:var(--theme-primary);opacity:.8}

.realm-label{display:flex;gap:11px;align-items:center;padding:14px 15px;margin:24px 0;background:linear-gradient(120deg,var(--theme-primary-soft),var(--theme-accent-soft));border:1px solid var(--theme-border);border-radius:9px}.realm-label>span{width:24px;color:var(--theme-primary)}.realm-label svg{width:24px;height:24px}.realm-label b{font-size:12px;font-weight:500;color:var(--theme-text)}.realm-label small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:5px;color:var(--theme-text-muted)}
/* Independent administration realms and lifecycle management. */
.portal-links{display:flex;justify-content:center;gap:25px;margin-top:25px;font-size:11px}.portal-links a{color:var(--theme-text-muted)}.portal-links a:hover{color:var(--theme-primary)}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.managed-checks{display:flex;gap:12px 18px;flex-wrap:wrap;margin:13px 0}.managed-checks label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--theme-text-muted);margin:0}.managed-checks input{width:14px;height:14px;min-height:14px;margin:0;accent-color:var(--theme-primary)}.form-section-title{font-size:11px;color:var(--theme-primary);padding-top:17px;border-top:1px solid var(--theme-border-soft);letter-spacing:1px;margin-top:7px}.product-upload{display:flex;align-items:center;gap:16px;border:1px dashed var(--theme-border);border-radius:10px;padding:16px;background:var(--theme-field)}.product-upload>img,.product-upload>span{width:86px;height:86px;border-radius:10px;object-fit:contain;background:var(--theme-surface);flex:none}.product-upload>span{display:grid;place-items:center;color:var(--theme-primary)}.product-upload>span svg{width:45px;height:45px}.product-upload>div{min-width:0}.product-upload input{font-size:10px;padding:7px;width:100%}.product-upload small{display:block;font-size:9px;line-height:1.8;margin-top:8px;color:var(--theme-dim)}.product-table-image{width:35px;height:35px;object-fit:contain;border-radius:8px;background:var(--theme-field);border:1px solid var(--theme-border-soft);flex:none}.channel-badges{display:flex;gap:5px}.channel-badge{display:inline-block;padding:4px 7px;border-radius:5px;font-size:9px;white-space:nowrap;color:var(--theme-primary);background:var(--theme-primary-soft);border:1px solid var(--theme-border-soft)}.channel-badge.b2c{color:var(--theme-accent);background:var(--theme-accent-soft)}.operation-cell{white-space:normal;min-width:120px;max-width:220px}.table-action{display:inline-block;white-space:nowrap}.danger-action{color:var(--theme-danger)}.delete-confirm{padding-top:20px}.delete-confirm>span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--theme-danger-soft);color:var(--theme-danger);margin:auto}.delete-confirm>span svg{width:25px;height:25px}.delete-confirm h3{text-align:center;font-size:16px;color:var(--theme-text);font-weight:500;margin:20px 0 12px}.delete-confirm>p{line-height:1.9;font-size:12px;color:var(--theme-text-muted);margin-bottom:25px}.agent-settings-panel{padding:26px}.level-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:15px 0 25px}.level-card{position:relative;overflow:hidden;padding:24px;background:linear-gradient(145deg,var(--theme-surface-raised),var(--theme-background));border:1px solid var(--theme-border);border-radius:12px}.level-number{position:absolute;right:14px;top:8px;font-size:64px;font-weight:600;color:var(--theme-primary);opacity:.08;letter-spacing:-5px;pointer-events:none}.level-card h3{font-size:17px;font-weight:500;color:var(--theme-primary);margin:3px 0 8px}.level-card>p{font-size:10px;color:var(--theme-text-muted);margin-bottom:25px}.level-card label{font-size:11px;display:block;margin:18px 0 0}.level-card input{margin-top:8px}.agent-settings-panel .form-actions{margin-top:24px}.modal .full{grid-column:1/-1}@media(max-width:1000px){.level-settings{grid-template-columns:1fr}.level-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 15px}.level-card h3,.level-card>p{grid-column:1/-1;margin:0}}@media(max-width:600px){.level-card{display:block}.level-card>p{margin-top:8px}.product-upload{align-items:flex-start}.product-upload>img,.product-upload>span{width:60px;height:60px}.agent-settings-panel{padding:18px}}
/* Rental and retail are separate operating views; deposits have their own ledger surface. */
.business-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.business-panel{position:relative;overflow:hidden;padding:24px}.business-panel:after{content:'';pointer-events:none;position:absolute;right:-35px;top:-60px;width:180px;height:180px;border:1px solid var(--theme-primary-soft);border-radius:50%;box-shadow:0 0 0 24px var(--theme-primary-soft);opacity:.6}.business-panel.sale:after{border-color:var(--theme-accent-soft);box-shadow:0 0 0 24px var(--theme-accent-soft)}.business-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.business-panel-header h3{font-size:16px;font-weight:500;color:var(--theme-text);margin:0 0 7px}.business-panel-header p{font-size:10px;line-height:1.8;color:var(--theme-text-muted);margin:0}.business-panel-header .text-button{white-space:nowrap;font-size:10px}.business-kpis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;margin:26px 0 22px}.business-kpi span{display:block;font-size:10px;color:var(--theme-text-muted);margin-bottom:10px}.business-kpi strong{display:block;font-size:23px;font-weight:500;letter-spacing:.3px;color:var(--theme-text)}.business-kpi strong small{font-size:12px;font-weight:400;margin-right:5px;color:var(--theme-dim)}.business-kpi.highlight strong{color:var(--theme-primary)}.business-panel.sale .business-kpi.highlight strong{color:var(--theme-accent)}.business-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--theme-border-soft);padding-top:15px;color:var(--theme-text-muted);font-size:10px}.business-panel-foot b{color:var(--theme-primary);font-weight:500}.business-panel.sale .business-panel-foot b{color:var(--theme-accent)}.deposit-ledger{display:flex;gap:26px;align-items:center;border:1px solid var(--theme-border);border-radius:12px;background:linear-gradient(105deg,var(--theme-gradient-start),var(--theme-surface-end));padding:21px 24px;margin:0 0 24px}.deposit-ledger-intro{min-width:165px}.deposit-ledger-intro h3{font-size:13px;font-weight:500;color:var(--theme-text);margin:0 0 7px}.deposit-ledger-intro p{font-size:9px;color:var(--theme-text-muted);line-height:1.8;margin:0}.deposit-ledger-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.deposit-ledger-item span{display:block;color:var(--theme-text-muted);font-size:9px;margin-bottom:7px}.deposit-ledger-item b{font-size:15px;font-weight:500;white-space:nowrap;color:var(--theme-primary)}.deposit-ledger-item em{font-size:9px;font-style:normal;margin-right:3px}.order-scope-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(115deg,var(--theme-gradient-start),var(--theme-gradient-end));border:1px solid var(--theme-border);border-radius:12px;padding:19px 23px;margin-bottom:22px}.order-scope-title{display:flex;align-items:center;gap:13px}.order-scope-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--theme-primary-soft);color:var(--theme-primary)}.order-scope-title svg{width:22px;height:22px}.order-scope-title b{font-size:13px;font-weight:500;color:var(--theme-text)}.order-scope-title p{font-size:10px;color:var(--theme-text-muted);margin:6px 0 0;line-height:1.7}.order-scope-banner.sale .order-scope-title>span{background:var(--theme-accent-soft);color:var(--theme-accent)}.order-scope-banner>span{font-size:9px;letter-spacing:1.5px;color:var(--theme-text-muted);white-space:nowrap}.module-summary.order-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.statistics-note{color:var(--theme-text-muted);font-size:9px;line-height:1.8;margin:-8px 0 20px}.recent-order-controls{display:flex;align-items:center;gap:20px}.recent-order-controls .segmented{display:flex}.recent-order-controls .segmented button{padding:5px 11px}.tasks-panel .todo-row{padding-top:12px;padding-bottom:12px}.stat-unavailable{color:var(--theme-warning);font-size:10px;line-height:1.8;margin:0 0 15px}@media(max-width:1050px){.business-overview{gap:15px}.business-panel{padding:21px}.business-kpi strong{font-size:20px}.deposit-ledger{flex-direction:column;align-items:stretch;gap:18px}.deposit-ledger-intro{display:flex;align-items:center;gap:18px}.deposit-ledger-intro h3{margin:0}.module-summary.order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.business-overview{grid-template-columns:1fr}.business-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 18px}.deposit-ledger{padding:19px}.deposit-ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.deposit-ledger-intro{display:block}.deposit-ledger-intro h3{margin-bottom:6px}.order-scope-banner{padding:17px}.order-scope-banner>span{display:none}.recent-order-controls{align-items:flex-end;gap:10px;flex-direction:column}.recent-order-controls .text-button{font-size:9px}.business-kpi strong{font-size:24px}}
.deposit-ledger-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.business-kpi strong small:last-child{font-size:11px}.business-panel-foot{flex-wrap:wrap}@media(max-width:760px){.deposit-ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.chart-split-total{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--theme-text-muted)}.chart-split-total b{font-weight:500;color:var(--theme-primary);margin-left:3px}.chart-split-total>span:last-child b{color:var(--theme-accent)}.chart-split-total i{font-style:normal;color:var(--theme-border)}@media(max-width:600px){.chart-split-total{font-size:9px;gap:6px}}
