body{color:var(--color-ink);background:linear-gradient(135deg,var(--color-surface),var(--color-canvas))}.sidebar,.topbar,.panel,.metric-card,.summary-strip,.quick-action,.form-preview,.navigation-example,.feedback-grid,.tip-card,.user-dropdown,.popover-panel,.modal,.example-drawer{background-color:var(--color-surface);border-color:var(--color-border)}.sidebar{border-right-color:var(--color-border)}.topbar{border-bottom-color:var(--color-border);grid-template-columns:minmax(130px,1fr) minmax(270px,540px) minmax(220px,1fr)}.nav-row.active{background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary)}.nav-row.active:before{background:var(--color-primary)}.nav-row:hover{background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface))}.subnav a:hover,.subnav a.selected,.design-nav .active,.tabs .current{color:var(--color-primary)}.workspace-chip,.sidebar-footer,.top-search,.page-toolbar .toolbar-search,.form-preview-icon{background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface));border-color:color-mix(in srgb,var(--color-border) 80%,var(--color-primary))}.brand-mark{background:linear-gradient(145deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 65%,var(--color-ink)));box-shadow:0 5px 13px color-mix(in srgb,var(--color-accent) 28%,transparent)}.brand-with-logo{padding-bottom:20px;display:block}.brand-logo{width:100%;height:65px;display:block;position:relative}.brand-logo img{object-fit:contain;object-position:left center}.branding-logo-preview{color:#059669;background:#ecfdf5;border-radius:8px;justify-content:center;align-items:center;width:100%;height:144px;display:flex;position:relative;overflow:hidden}.branding-logo-preview img{object-fit:contain;padding:12px}.settings-modal-overlay{z-index:500}.settings-modal-footer{z-index:1;position:sticky;bottom:0}.settings-save-button{background:color-mix(in srgb,var(--color-primary) 68%,#0f172a);color:#fff}.settings-save-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 55%,#0f172a)}.workspace-symbol,.footer-icon{background:color-mix(in srgb,var(--color-accent) 15%,var(--color-surface));color:var(--color-accent)}.button-primary{background:var(--color-primary);box-shadow:0 3px 8px color-mix(in srgb,var(--color-primary) 24%,transparent)}.button-primary:hover{background:color-mix(in srgb,var(--color-primary) 85%,var(--color-ink))}.button-secondary,.button-outline,.period,.field input,.field select,.field textarea,.navigation-example select,.search-input,.pos-search input{background:var(--color-surface);border-color:var(--color-border)}.button-outline,.button-ghost,.text-link,.popover-panel a,.user-dropdown a,.credit-card a{color:var(--color-primary)}.button:disabled{background:color-mix(in srgb,var(--color-primary) 30%,var(--color-surface));box-shadow:none}.page-header h1,.panel-heading h2,.metric-copy strong,.summary-strip strong,.detail-head h3,.finance-pair strong,.credit-card strong{color:var(--color-ink)}.eyebrow{color:var(--color-accent)}.metric-icon-blue,.form-preview-icon{background:color-mix(in srgb,var(--color-primary) 11%,var(--color-surface));color:var(--color-primary)}.metric-icon-teal,.finance-icon.teal{background:color-mix(in srgb,var(--color-accent) 15%,var(--color-surface));color:var(--color-accent)}.metric-icon-amber,.tip-icon{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface));color:var(--color-warning)}.metric-icon-red{background:color-mix(in srgb,var(--color-danger) 13%,var(--color-surface));color:var(--color-danger)}.metric-copy small{color:var(--color-success)}.badge-green{background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface));color:var(--color-success)}.badge-blue{background:color-mix(in srgb,var(--color-primary) 11%,var(--color-surface));color:var(--color-primary)}.badge-amber{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface));color:color-mix(in srgb,var(--color-warning) 78%,var(--color-ink))}.badge-red{background:color-mix(in srgb,var(--color-danger) 13%,var(--color-surface));color:var(--color-danger)}.data-table th{background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface));border-color:var(--color-border)}.data-table td,.table-footer,.panel-heading,.tabs,.form-preview-heading,.form-footer,.total-lines .total-due{border-color:var(--color-border)}.data-table tr:hover td{background:color-mix(in srgb,var(--color-primary) 2%,var(--color-surface))}.tabs .current{border-bottom-color:var(--color-primary)}.sales-bar{background:var(--color-primary)}.profit-bar,.rank-track i{background:var(--color-accent)}.aging-track .blue{background:var(--color-primary)}.aging-track .teal{background:var(--color-accent)}.aging-track .amber{background:var(--color-warning)}.aging-track .red{background:var(--color-danger)}.legend-sales{background:var(--color-primary)}.legend-profit{background:var(--color-accent)}.chart-bars{border-bottom-color:var(--color-border);background:repeating-linear-gradient(to top,transparent 0,transparent 45px,var(--color-border) 46px)}.selection-fields input{accent-color:var(--color-primary)}.field input:focus,.field select:focus,.field textarea:focus,.toolbar-search:focus-within,.top-search:focus-within,.search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--color-primary)}.top-search,.field input,.field select,.field textarea,.navigation-example select{color:var(--color-ink)}.design-nav button{color:#667d9b;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:11px 15px;font-size:12px;font-weight:700}.design-nav button[aria-selected=true]{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.design-nav{margin-bottom:19px}.design-tab-panel{animation:.15s ease-out theme-panel-enter}@keyframes theme-panel-enter{0%{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.design-grid .swatch strong{white-space:normal;text-overflow:clip;min-height:22px;line-height:1.2;overflow:visible}.table-example .data-table{min-width:0}.table-example .data-table th,.table-example .data-table td{padding:10px 8px;font-size:10px}.table-example .data-table td:first-child{white-space:normal;min-width:105px}.theme-editor{padding:0 16px 17px}.theme-intro{color:#607792;margin:0 0 14px;font-size:12px;line-height:1.5}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.theme-token{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;min-width:0;padding:10px}.theme-token-head{align-items:center;gap:9px;margin-bottom:10px;display:flex}.theme-swatch{border:1px solid var(--color-border);border-radius:7px;flex:none;width:30px;height:30px}.theme-token-head strong,.theme-token-head small{display:block}.theme-token-head strong{color:var(--color-ink);font-size:11px}.theme-token-head small{color:#8497ad;margin-top:2px;font-size:9px}.theme-token-fields{align-items:center;gap:7px;display:flex}.theme-token input[type=color]{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:6px;width:38px;height:34px;padding:2px}.theme-token input[type=text]{border:1px solid var(--color-border);width:100%;min-width:0;height:34px;color:var(--color-ink);background:var(--color-surface);border-radius:6px;padding:6px 8px;font:600 11px Consolas,monospace}.theme-token input[aria-invalid=true]{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 5%,var(--color-surface))}.theme-error{color:var(--color-danger);margin-top:5px;font-size:9px;display:block}.theme-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px;padding-top:14px;display:flex}.theme-actions p{color:#64748b;margin:0 auto 0 0;font-size:11px}.theme-feedback{color:var(--color-success);font-size:11px;font-weight:700}.foundation-grid{grid-template-columns:1.45fr 1fr;gap:14px;display:grid}.foundation-grid>.panel:first-child{grid-row:span 2}.foundation-preview{grid-template-columns:1fr 1fr;gap:12px;display:grid}.foundation-preview .panel{min-width:0}.foundation-preview .panel-heading{padding:14px 16px}.foundation-preview .panel-heading h2{font-size:14px}.foundation-preview .component-stack{padding:0 16px 17px}.foundation-preview .metric-card{min-height:88px}.foundation-preview .metric-copy strong{font-size:20px}.foundation-preview .form-grid{padding-top:0}.foundation-status{flex-wrap:wrap;gap:7px;padding:0 16px 16px;display:flex}.foundation-alert{margin:0 16px 16px}.foundation-typography{padding:0 16px 16px}.foundation-typography h3{margin:0 0 7px;font-size:18px}.foundation-typography p{color:#637a98;margin:0;font-size:12px}.design-section{margin-top:0}.design-section .section-heading{margin:2px 0 15px}.design-tab-panel .forms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.preview-table-grid .panel{min-width:0}.preview-table-grid .data-table{min-width:360px}.preview-table-grid .panel-heading h2{font-size:14px}.navigation-panel-grid{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.navigation-panel-grid .navigation-example{display:block}.navigation-example label{justify-content:space-between;margin-top:17px}.navigation-example select{width:220px}.navigation-notes{color:#657b98;padding:0 18px 18px;font-size:11px;line-height:1.5}.navigation-notes strong{color:var(--color-ink)}.navigation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 17px 17px;display:grid}.navigation-list span{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));color:var(--color-ink);border-radius:7px;align-items:center;gap:7px;padding:9px;font-size:11px;display:flex}.navigation-list svg{color:var(--color-primary)}.navigation-mini{gap:9px;padding:0 17px 17px;display:grid}.navigation-mini>div{border:1px solid var(--color-border);background:var(--color-surface);color:#607895;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:11px;display:flex}.navigation-mini strong{color:var(--color-ink)}.record-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.record-preview-grid .panel{min-width:0}.record-preview-grid .detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.record-preview-grid .detail-fields>div:nth-child(2n){border:0}@media (max-width:1280px){.foundation-grid{grid-template-columns:1fr}.foundation-grid>.panel:first-child{grid-row:auto}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.navigation-panel-grid{grid-template-columns:1fr}}@media (max-width:950px){.topbar{grid-template-columns:auto minmax(180px,1fr) auto}.foundation-preview,.preview-table-grid,.record-preview-grid{grid-template-columns:1fr}}@media (max-width:700px){.topbar{grid-template-columns:auto 1fr auto}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-actions p{width:100%}.design-tab-panel .forms-grid{grid-template-columns:1fr}.navigation-example label{justify-content:stretch;display:grid}.navigation-example select{width:100%}}@media (max-width:440px){.theme-grid,.navigation-list{grid-template-columns:1fr}}