@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--navy-950:#0f1b2d;--blue-600:#2f6fed;--blue-500:#4a81ef;--slate-950:#152033;--slate-700:#45556c;--slate-500:#758397;--slate-300:#cfd7e3;--slate-200:#e3e8ef;--slate-100:#f1f4f8;--surface:#fff;--canvas:#f4f7fb;--green:#2d9b78;--red:#d7525c;--shadow:0 10px 30px #18274012}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);min-width:1080px;color:var(--slate-950);-webkit-font-smoothing:antialiased;margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce5f3;background:radial-gradient(circle at 12% 4%, #4a81ef3d, transparent 28%), var(--navy-950);flex-direction:column;height:100vh;padding:24px 14px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:#fff;align-items:center;gap:11px;padding:0 9px 24px;display:flex}.computer-mark{background:linear-gradient(145deg,#4f88ff,#2d65dc);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 22px #2f6fed59}.computer-mark-screen{border:2px solid #fff;border-radius:3px;width:23px;height:15px;position:relative}.computer-mark-screen:before{content:"";background:#fff;width:2px;height:5px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.computer-mark-screen:after{content:"";background:#fff;border-radius:999px;width:13px;height:2px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.computer-mark-small{border-radius:11px;width:42px;height:42px}.computer-mark-large{border-radius:15px;width:58px;height:58px;box-shadow:0 12px 35px #2f6fed61}.computer-mark-large .computer-mark-screen{border-width:3px;width:31px;height:20px}.brand-title{letter-spacing:.02em;font-size:16px;font-weight:700}.brand-subtitle{color:#8fa0b8;margin-top:2px;font-size:11px}.nav-group+.nav-group{border-top:1px solid #ffffff17;margin-top:17px;padding-top:17px}.nav-label{color:#71839d;letter-spacing:.12em;padding:0 11px 8px;font-size:11px;font-weight:700}.nav-item{color:#b7c4d7;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:42px;margin:3px 0;padding:0 12px;font-size:14px;transition:all .16s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item-active{color:#fff;background:linear-gradient(90deg,#2f6fedf2,#447eefd1);box-shadow:0 7px 18px #1c4eb147}.nav-icon{text-align:center;width:20px;font-weight:800}.sidebar-user{margin-top:auto;padding:18px 8px 0}.user-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.avatar{color:#d9e5fb;background:#324966;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.user-name{color:#fff;font-size:13px;font-weight:700}.user-role{color:#8294ad;margin-top:2px;font-size:11px}.main-area{min-width:0}.topbar{border-bottom:1px solid var(--slate-200);background:#fffffff0;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex}.topbar-title{font-size:15px;font-weight:700}.topbar-meta{color:var(--slate-500);margin-top:3px;font-size:12px}.topbar-actions{align-items:center;gap:10px;display:flex}.brand-switch{color:var(--slate-500);background:#f7faff;border:1px solid #cddaf0;border-radius:8px;align-items:center;gap:8px;padding:4px 5px 4px 10px;font-size:11px;display:flex}.brand-switch select{min-width:110px;color:var(--slate-950);background:#fff;border:0;border-radius:6px;outline:none;padding:5px 8px;font-size:13px;font-weight:800}.logout-button{border:1px solid var(--slate-300);cursor:pointer;color:var(--slate-700);background:#fff;border-radius:8px;padding:7px 10px;font-size:12px}.status-chip{color:#4d6381;background:#f7faff;border:1px solid #d8e3f6;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:inline-flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2d9b7821}.content{padding:28px}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.page-heading h1{letter-spacing:-.02em;margin:0;font-size:25px}.page-heading p{color:var(--slate-500);margin:7px 0 0;font-size:13px}.button-row{gap:10px;display:flex}.button{border:1px solid var(--slate-300);cursor:pointer;min-height:38px;color:var(--slate-700);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.button-primary{border-color:var(--blue-600);color:#fff;background:var(--blue-600);box-shadow:0 7px 17px #2f6fed33}.button:focus-visible,.nav-item:focus-visible,.text-link:focus-visible{outline-offset:2px;outline:3px solid #2f6fed3d}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card,.panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid #d7dee8e0;border-radius:13px}.metric-card{border-left:4px solid var(--blue-600);min-height:112px;padding:16px 18px 15px;position:relative;overflow:hidden}.metric-card:after{display:none}.metric-top{color:var(--slate-500);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.metric-icon{z-index:1;width:34px;height:34px;color:var(--metric-color);background:var(--metric-tint);border-radius:9px;place-items:center;font-size:17px;display:grid}.metric-value{letter-spacing:-.02em;margin-top:11px;font-size:24px;font-weight:800}.metric-note{color:var(--slate-500);margin-top:7px;font-size:11px}.note-alert{color:var(--red)}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:16px;margin-bottom:16px;display:grid}.panel{padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.panel-title{font-size:15px;font-weight:800}.panel-caption,.text-link{color:var(--slate-500);font-size:12px}.text-link{color:var(--blue-600);font-weight:700}.ranking-row{border-bottom:1px solid #eef1f5;grid-template-columns:30px 72px minmax(0,1fr) 72px;align-items:center;gap:9px;min-height:44px;font-size:13px;display:grid}.ranking-row:last-child{border-bottom:0}.rank-number{color:var(--slate-500);font-weight:800}.rank-product{font-weight:800}.progress-track{background:#edf1f6;border-radius:999px;height:8px;overflow:hidden}.progress-value{border-radius:inherit;background:var(--bar-color);height:100%;display:block}.rank-value{text-align:right;color:var(--slate-700);font-weight:700}.customer-tabs{background:var(--slate-100);border-radius:8px;gap:5px;padding:3px;display:flex}.customer-tab{color:var(--slate-500);border-radius:6px;padding:5px 8px;font-size:11px;font-weight:700}.customer-tab-active{color:var(--blue-600);background:#fff;box-shadow:0 2px 7px #283a5414}.customer-row{border-bottom:1px solid #eef1f5;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:56px;display:grid}.customer-row:last-child{border-bottom:0}.rank-medal{color:#936b1b;background:#fff4d7;border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.customer-name{font-size:13px;font-weight:800;display:block}.customer-meta{color:var(--slate-500);margin-top:3px;font-size:11px;display:block}.customer-amount{font-size:13px;font-weight:800}.table-panel{padding:0;overflow:hidden}.table-panel .panel-header{padding:18px 18px 0}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{text-align:left;color:var(--slate-500);background:#f7f9fc;padding:11px 18px;font-size:11px;font-weight:700}.data-table td{color:var(--slate-700);border-top:1px solid #edf1f5;padding:14px 18px}.order-id,.table-strong{color:var(--slate-950);font-weight:800}.tag{color:#247b60;background:#e8f7f1;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.tag-waiting{color:#9a681f;background:#fff4dc}.entry-layout{max-width:980px;margin:0 auto}.entry-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{gap:7px;display:grid}.field-full{grid-column:1/-1}.field label{color:var(--slate-700);font-size:12px;font-weight:800}.input,.select,.textarea{border:1px solid var(--slate-300);width:100%;color:var(--slate-950);background:#fff;border-radius:8px}.input,.select{height:42px;padding:0 12px}.textarea{resize:vertical;min-height:88px;padding:11px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue-500);outline:3px solid #2f6fed1f}.permission-note{color:#4e6381;background:#f4f8ff;border:1px solid #d9e5fa;border-radius:10px;padding:15px;font-size:12px;line-height:1.7}.recent-panel{margin-top:16px}.mini-list{gap:10px;display:grid}.mini-row{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:12px;display:flex}.mini-row:last-child{border-bottom:0}.mini-label{color:var(--slate-700);font-weight:700}.mini-value{color:var(--slate-500)}.brand{border-radius:10px}.brand:hover{background:#ffffff0d}.loading-card,.empty-state{text-align:center;border:1px solid var(--slate-200);min-height:240px;color:var(--slate-500);background:#fff;border-radius:13px;place-content:center;gap:18px;display:grid}.boot-screen{min-height:100vh;color:var(--slate-500);background:var(--canvas);place-content:center;font-size:14px;display:grid}.auth-page{background:#fff;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.auth-visual{color:#fff;background:radial-gradient(circle at 20% 20%,#3f7eff6b,#0000 30%),radial-gradient(circle at 80% 85%,#2d9b7847,#0000 30%),#0e1b2e;place-content:center;padding:60px;display:grid;position:relative;overflow:hidden}.auth-visual:before,.auth-visual:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:320px;height:320px;position:absolute}.auth-visual:before{top:-120px;right:-80px}.auth-visual:after{width:420px;height:420px;bottom:-170px;left:-100px}.auth-visual h1{letter-spacing:.08em;margin:24px 0 10px;font-size:39px;position:relative}.auth-visual p{color:#aabbd2;margin:0;font-size:15px;position:relative}.auth-brand-list{gap:9px;margin-top:32px;display:flex;position:relative}.auth-brand-list span{color:#d8e3f1;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:7px 12px;font-size:12px}.auth-card{place-self:center;width:min(430px,100% - 70px)}.auth-card-head>span,.brand-picker-title>span{color:var(--blue-600);letter-spacing:.18em;font-size:11px;font-weight:900}.auth-card-head h2{margin:10px 0 8px;font-size:28px}.auth-card-head p{color:var(--slate-500);margin:0 0 30px;font-size:13px}.auth-field{gap:8px;margin-top:17px;display:grid}.auth-field span{color:var(--slate-700);font-size:12px;font-weight:800}.auth-field input{border:1px solid var(--slate-300);border-radius:9px;outline:none;height:48px;padding:0 14px}.auth-field input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2f6fed1f}.auth-submit{cursor:pointer;color:#fff;background:var(--blue-600);border:0;border-radius:9px;width:100%;height:48px;margin-top:22px;font-weight:800;box-shadow:0 10px 24px #2f6fed3d}.auth-submit:disabled{opacity:.65}.auth-error{color:#a83942;background:#fff2f3;border:1px solid #f0c3c7;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:12px}.auth-foot{border-top:1px solid var(--slate-200);color:var(--slate-500);margin-top:24px;padding-top:17px;font-size:11px}.brand-page{background:linear-gradient(#f5f8fd,#edf2f8);min-height:100vh}.brand-page-head{border-bottom:1px solid var(--slate-200);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex}.brand-page-head>div{align-items:center;gap:12px;display:flex}.brand-page-head>div>div:last-child b,.brand-page-head>div>div:last-child span{display:block}.brand-page-head>div>div:last-child span{color:var(--slate-500);margin-top:3px;font-size:11px}.brand-page-head button{cursor:pointer;color:var(--slate-500);background:0 0;border:0;font-size:12px}.brand-picker{width:min(1040px,100% - 64px);margin:0 auto;padding:90px 0}.brand-picker-title{text-align:center}.brand-picker-title h1{margin:12px 0 9px;font-size:31px}.brand-picker-title p{color:var(--slate-500);margin:0;font-size:13px}.brand-options{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;display:grid}.brand-option{border:1px solid var(--slate-200);cursor:pointer;text-align:left;min-height:210px;box-shadow:var(--shadow);background:#fff;border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(110px,44%);align-items:end;gap:14px;padding:24px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.brand-option:hover{transform:translateY(-4px);box-shadow:0 18px 45px #18274021}.brand-index{color:#9aabc1;letter-spacing:.1em;font-size:12px;font-weight:900;position:absolute;top:20px;left:22px}.brand-option-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.brand-option strong{font-size:25px}.brand-option small{color:var(--blue-600);margin-top:10px;font-weight:800}.brand-option-logo{background:#fff;border-radius:12px;align-self:center;place-items:center;height:138px;display:grid;overflow:hidden}.brand-option-logo img{object-fit:contain;width:100%;max-height:132px;display:block}.brand-option-logo-brand-chenge img{object-fit:contain;width:100%;max-width:100%;max-height:132px}.toast{z-index:80;border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-width:320px;max-width:520px;padding:13px 15px;font-size:13px;font-weight:700;display:flex;position:fixed;top:18px;right:22px;box-shadow:0 14px 36px #14203329}.toast button{cursor:pointer;background:0 0;border:0;font-size:20px}.toast-ok{color:#1c7054;background:#eefaf5;border-color:#bde2d3}.toast-error{color:#a83942;background:#fff2f3;border-color:#f0c3c7}.compact-metrics .metric-blue{border-left-color:#2f6fed}.compact-metrics .metric-green{border-left-color:#2d9b78}.compact-metrics .metric-orange{border-left-color:#d8922e}.compact-metrics .metric-red{border-left-color:#d7525c}.progress-value{background:var(--blue-600)}.empty-row{text-align:center;color:var(--slate-500);padding:24px;font-size:12px}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0914248c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:22px;overflow:auto;box-shadow:0 24px 80px #0000003d}.modal-wide{width:min(940px,100%)}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{margin:0;font-size:19px}.modal-head button{cursor:pointer;width:34px;height:34px;color:var(--slate-500);background:var(--slate-100);border:0;border-radius:8px;font-size:23px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.check-row{color:var(--slate-700);align-items:center;gap:8px;font-size:13px;display:flex}.warning-box,.conversion-preview{color:#795518;background:#fff9eb;border:1px solid #efd8a9;border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.6}.conversion-preview{color:#405b82;background:#f3f7ff;border-color:#cbdcfb}.conversion-preview strong{color:var(--blue-600)}.toolbar{align-items:center;gap:10px;margin:-6px 0 16px;display:flex}.statement-toolbar{flex-wrap:wrap}.discount-field{color:var(--slate-700);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.discount-input{width:92px}.toolbar-help{color:var(--slate-500)}.search-input{width:360px}.select-inline{width:auto;min-width:220px}.month-input{width:170px}.link-button{cursor:pointer;color:var(--blue-600);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.danger-link{color:var(--red);margin-left:10px}.actions-cell{white-space:nowrap}.actions-cell .link-button+.link-button{margin-left:10px}.tag-muted{color:#68768a;background:#edf0f4}.amount-in{color:#17805f!important}.amount-out{color:#c84954!important}.mini-row small{color:var(--slate-500);margin-top:4px;display:block}.inventory-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.stock-card{border:1px solid var(--slate-200);box-shadow:var(--shadow);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:17px;display:grid}.stock-card small{color:var(--slate-500);margin-top:5px;display:block}.stock-sku{font-size:18px;font-weight:900}.stock-values{background:var(--slate-100);border-radius:9px;grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.stock-values span{color:var(--slate-500);padding:10px 12px;font-size:11px}.stock-values b{color:var(--slate-950);margin-top:4px;font-size:17px;display:block}.finished-stock{background:#edf4ff}.line-editor{border:1px solid var(--slate-200);background:#f8fafc;border-radius:10px;margin:18px 0;padding:14px}.line-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.order-line{grid-template-columns:minmax(160px,1.4fr) 72px 105px 105px 110px 28px;align-items:center;gap:8px;margin-top:8px;display:grid}.unit-hint{color:var(--slate-500);white-space:nowrap;font-size:11px}.remove-button{cursor:pointer;width:28px;height:28px;color:var(--red);background:#ffecef;border:0;border-radius:7px;font-size:18px}.remove-button:disabled{opacity:.35;cursor:not-allowed}.order-total{text-align:right;margin:16px 0 0;font-size:14px}.order-total strong{color:var(--blue-600);margin-left:8px;font-size:22px}.document{color:#111;width:min(100%,1100px);box-shadow:var(--shadow);background:#fff;border:1px solid #d7dce4;margin:0 auto;padding:42px}.doc-title{text-align:center;letter-spacing:.25em;font-family:SimSun,Microsoft YaHei,sans-serif;font-size:28px;font-weight:800}.doc-brand{color:#333;letter-spacing:.08em;margin-bottom:8px;font-size:16px;font-weight:800}.doc-brand.centered{text-align:center}.doc-date{text-align:right;margin:18px 0 8px;font-size:15px}.document table{border-collapse:collapse;table-layout:fixed;width:100%}.document th,.document td{text-align:center;border:1px solid #222;height:46px;padding:8px 10px}.document th{background:#f6f6f6;font-size:15px}.doc-note{margin-top:14px;font-size:12px}.statement-head{text-align:center;justify-content:center;align-items:center;min-height:74px;margin-bottom:22px;display:flex;position:relative}.statement-head>div:first-child{text-align:center}.customer-info{text-align:right;gap:5px;font-size:12px;display:grid;position:absolute;bottom:0;right:0}.customer-info b{font-size:17px}.statement-document table th,.statement-document table td{height:37px;font-size:12px}.payment-lines{flex-wrap:wrap;gap:10px 24px;padding:14px 0;font-size:12px;display:flex}.statement-totals{border:1px solid #222;width:min(420px,100%);margin-top:16px;margin-left:auto}.statement-totals div{border-bottom:1px solid #ccc;justify-content:space-between;padding:10px 14px;display:flex}.statement-totals div:last-child{border-bottom:0}.statement-totals .discount-total{color:#b05a21;background:#fff8ef}.grand-total{background:#f4f6fa;font-size:18px}.statement-foot{color:#555;border-top:1px solid #ddd;margin-top:25px;padding-top:12px;font-size:11px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-grid{gap:16px;display:grid}.backup-panel{border-left:4px solid var(--blue-600)}.backup-panel .panel-header{align-items:flex-start;margin-bottom:12px}.backup-copy{max-width:860px;color:var(--slate-700);font-size:12px;line-height:1.75}.backup-copy p{margin:0}.backup-tags{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.backup-tags span{color:var(--blue-600);background:#eef4ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.backup-warning{color:var(--slate-500)}.backup-message{border-radius:8px;margin-top:13px;padding:10px 12px;font-weight:700}.backup-message-ok{color:#1c7054;background:#eefaf5}.backup-message-error{color:#a83942;background:#fff2f3}@media (max-width:1280px){.inventory-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{html,body{background:#fff;min-width:0;margin:0!important;padding:0!important}.sidebar,.topbar,.page-heading,.no-print,.toast{display:none!important}.app-shell{display:block}.content{padding:0}.document{width:100%;max-width:none;box-shadow:none;border:0;padding:12mm}@page{size:A4 landscape;margin:0}}@media (max-width:1180px){.app-shell{grid-template-columns:204px minmax(0,1fr)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}