/* AMZ Tool visual language: light surfaces, blue interaction, dark primary actions. */
:root{--color-primary:#1D4ED8;--color-primary-hover:#1E40AF;--color-primary-light:#EFF6FF;--color-ink:#0F172A;--color-ink-soft:#334155;--color-text:#0F172A;--color-text-secondary:#64748B;--color-text-muted:#94A3B8;--color-border:#D9E1EC;--color-border-light:#E8EDF3;--color-surface:#FFFFFF;--color-page:#F4F7FA;--color-panel:#F8FAFC;--color-warning:#F59E0B;--color-warning-light:#FFF7DB;--color-success:#16A34A;--color-success-light:#ECFDF3;--color-danger:#DC2626;--color-danger-light:#FEF2F2;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-card:0 1px 2px #0f172a0a,0 8px 24px #0f172a0d;--shadow-button:0 4px 12px #0f172a1f;--transition-fast:160ms ease;--ink:var(--color-ink);--muted:var(--color-text-secondary);--green:var(--color-primary);--mint:var(--color-primary-light);--line:var(--color-border);--bg:var(--color-page);--amber:#B45309;--red:var(--color-danger);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px;color:var(--color-text)}
body{background:var(--color-page)}button,input,select,textarea{transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}button{min-height:42px;border-radius:9px;font-size:14px;font-weight:600;color:var(--color-ink-soft);border-color:#CBD5E1;padding:10px 16px}button:hover{border-color:#93B4ED;background:#F8FAFC}button.primary{background:#111827;border-color:#111827;color:#fff;min-height:46px}button.primary:hover{background:#253248;border-color:#253248;box-shadow:var(--shadow-button)}button.small{min-height:34px;font-size:12px;padding:7px 12px}button:disabled{opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #93C5FD;outline-offset:3px}input:not([type=checkbox]):not([type=radio]),select{height:42px;font-size:14px;border:1px solid #CBD5E1;border-radius:9px}input:focus,select:focus,textarea:focus{border-color:#2563EB;box-shadow:0 0 0 3px #2563eb1f}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary)}textarea{border-radius:9px;min-height:90px}input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--color-danger);background:var(--color-danger-light)}.field>span{color:var(--color-ink-soft);font-size:13px;font-weight:500}.field small{font-size:12px;color:var(--color-text-secondary)}a{color:var(--color-primary)}h1,.ledger .pagehead h1{font-size:36px;line-height:1.3;font-weight:700;letter-spacing:-1px}h2{font-size:20px}h3{font-size:16px}.pagehead{margin-bottom:28px;align-items:center}.pagehead p{font-size:15px;margin-top:10px;line-height:1.75;color:var(--color-text-secondary)}.eyebrow{display:none}
.layout.amz-layout,body:has(.ledger) .layout.amz-layout{display:grid;grid-template-columns:208px minmax(0,1fr);grid-template-rows:64px 1fr;grid-template-areas:"header header" "sidebar main";min-height:100vh}.amz-layout>.topbar{grid-area:header;height:64px;padding:0 32px;background:#fff;border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:8}.amz-layout>.sidebar{grid-area:sidebar;top:64px;height:calc(100vh - 64px);padding:28px 16px;background:#fff;border-right:1px solid var(--color-border-light)}.amz-layout>.main{grid-area:main}.amz-brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--color-ink);text-decoration:none!important;white-space:nowrap}.amz-brand strong{font-size:16px}.amz-brand small{font-size:12px;color:var(--color-text-secondary)}.amz-brand-icon{width:34px;height:34px;background:#111827;border-radius:9px;color:white;display:grid;place-items:center}.amz-brand-icon svg{width:21px;height:21px}.amz-brand-divider{height:20px;width:1px;background:var(--color-border);margin:0 4px}.amz-status{display:flex;align-items:center;gap:7px;border:1px solid var(--color-border-light);border-radius:999px;background:var(--color-panel);padding:6px 10px;font-size:11px;color:var(--color-text-secondary)}.amz-status i{width:6px;height:6px;background:#16A34A;border-radius:50%}.user{gap:12px}.avatar{background:#EEF2F6;color:#334155;border:1px solid #E2E8F0}.nav-caption{color:var(--color-text-muted);letter-spacing:1px;font-size:11px;margin:0 14px 16px}.amz-layout .nav{gap:6px}.amz-layout .nav button,body:has(.ledger) .amz-layout .nav button{padding:12px;gap:12px;color:var(--color-text-secondary);font-weight:500;border-radius:9px;min-height:44px}.amz-layout .nav button.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.amz-layout .nav button:hover{background:#F1F5F9}.amz-layout .nav .glyph{width:18px;height:20px;display:flex;align-items:center}.glyph svg{width:18px;height:18px}.sidebar-bottom{border-color:var(--color-border-light);padding:20px 12px 0}.amz-sidebar-icon{display:block;color:#94A3B8;margin-bottom:12px}.amz-sidebar-icon svg{width:22px;height:22px}.sidebar-bottom b{display:block;font-size:12px;font-weight:500;color:#475569}.sidebar-bottom p{margin-top:7px;font-size:11px;color:var(--color-text-muted)}.amz-layout .content,body:has(.ledger) .amz-layout .content{padding:36px 40px 48px;max-width:1680px}
.panel,.stat,.product-card,.l-cards article{border:1px solid var(--color-border);border-radius:14px;background:white;box-shadow:0 1px 2px #0f172a04}.panel-title{padding:20px 24px;border-color:var(--color-border-light)}.panel-pad{padding:24px}.stat{padding:24px;transition:border-color var(--transition-fast)}.stat:hover{transform:none;border-color:#93B4ED}.stat.featured{background:#fff;color:var(--color-ink);border-color:var(--color-border)}.stat.featured .stat-number{color:var(--color-primary)}.stat-number{font-family:inherit;font-weight:700;font-size:36px;letter-spacing:-1px}.stat-label{color:#64748B;font-size:13px;opacity:1}.stat-foot{color:#64748B;font-size:12px;opacity:1}.bar{background:#EEF2F6}.bar i{background:#7896CB}.banner{background:#FFFBEB;border:1px solid #F5E7BC;border-radius:12px;padding:18px 22px}.banner p{color:#89632D}.banner strong{color:#854D0E}.banner button{border-color:#E5D3A5;color:#854D0E}.note{background:var(--color-panel);border:1px solid var(--color-border-light);border-radius:10px;color:#64748B;font-size:13px}.badge{border-radius:999px;background:#ECFDF3;color:#15803D;font-size:11px;font-weight:600;padding:5px 10px}.badge.warn{background:#FFF7DB;color:#B45309}.badge.red{background:#FEF2F2;color:#DC2626}.badge.gray{background:#F1F5F9;color:#475569}.selected-bar{background:#EFF6FF;border:1px solid #DBEAFE}.timeline-dot{background:#94A3B8}.timeline-row{border-color:var(--color-border-light)}.timeline-row p,.timeline-row time{color:#64748B}.no-photo{background:#EEF2F6;color:#94A3B8}.product-photo{background:#EEF2F6}.product-card:hover,.l-cards article:hover{border-color:#93B4ED;box-shadow:var(--shadow-card)}.product-code,.product-foot{color:#64748B}.empty{color:#64748B;font-size:14px}.error{color:var(--color-danger)}pre{background:#F8FAFC;border:1px solid #E8EDF3;color:#475569}.tabs button{color:#64748B}.tabs button.active{background:#EFF6FF;color:#1D4ED8}.file-button{border-radius:9px;font-size:13px;color:#334155}.import-zone{border:1px dashed #B8C5D6;background:#F8FAFC;border-radius:14px;min-height:160px}.import-zone:hover{border-color:#2563EB;background:#EFF6FF}.report-grid div{background:#F8FAFC;border:1px solid #E8EDF3;border-radius:10px}.scanbox{background:#F8FAFC}#toast{background:#0F172A;color:white;border-radius:10px;box-shadow:var(--shadow-card)}
.ledger .pagehead{margin-bottom:24px}.l-workflow{background:white;border:1px solid var(--color-border);border-radius:14px;padding:18px 24px;gap:18px;margin-bottom:28px;font-size:13px}.l-workflow b,.l-form-section h3 b{background:#FBBF24;color:#111827;border:0;border-radius:7px;width:28px;height:28px;font-size:13px;font-weight:700}.l-workflow i{color:#94A3B8}.l-workflow span{gap:10px;color:#334155;font-weight:500}.l-workflow small{color:#64748B;font-size:12px}.l-tabs{border-color:var(--color-border);gap:24px;margin-bottom:24px}.l-tabs button{color:#64748B;font-size:14px;font-weight:500;min-height:46px;border-bottom-width:2px}.l-tabs button.active{color:#1D4ED8;border-color:#1D4ED8}.l-controls{margin:0 0 20px;gap:12px}.l-display{font-size:13px;margin:20px 0 16px}.l-display b{color:#0F172A}.l-display button.primary{background:#EFF6FF;border-color:#BFDBFE;color:#1D4ED8;min-height:34px;box-shadow:none}.l-display select{font-size:12px;height:34px;min-height:34px}.l-column-menu summary{padding:8px 12px;color:#475569;font-size:12px;border-radius:8px}.l-column-menu>div{border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.l-table-scroll{border-radius:14px;border-color:var(--color-border);max-height:calc(100vh - 380px)}.l-table th,.l-table th.l-operations,th{background:#F8FAFC;color:#64748B;font-weight:500;border-bottom-color:#E8EDF3}.l-table td{padding:18px 14px;font-size:13px;border-bottom-color:#E8EDF3}.l-table small{color:#64748B;font-size:12px}.l-table .l-history,.l-history{color:#A16207;font-size:11px}.l-table .l-operations{border-left-color:#E8EDF3}.l-table tbody tr:hover{background:#F8FAFC}.l-thumb,.l-detail-photo{background:#F8FAFC;border:1px solid #E8EDF3;border-radius:10px}.l-thumb{width:68px;height:68px}.l-link{min-height:0;padding:0;color:#1D4ED8;border:0;border-radius:0;background:transparent;box-shadow:none;font-weight:500}.l-name,.l-table .l-name{font-size:15px;font-weight:600;color:#0F172A}.l-link:hover{background:transparent;color:#1D4ED8}.l-stock{font-size:13px}.l-quick td{background:#EFF6FF!important}.l-table .l-operations .small{background:#fff;border-color:#D9E1EC;color:#334155}.l-card-photo{background:#EEF2F6}.l-card-info{padding:20px}.l-card-info p{font-size:13px}.pagination{color:#64748B;font-size:13px;margin-top:24px}
dialog{background:#fff;border-color:#D9E1EC;border-radius:18px;box-shadow:0 16px 64px #0f172a26}dialog::backdrop,.l-drawer::backdrop{background:#0f172a4d;backdrop-filter:none}.modal-head,.l-drawer-head{padding:22px 28px;border-color:#E8EDF3}.modal-head h2,.l-drawer-head h2{color:#0F172A}.modal-head .icon,.l-drawer-head .icon{width:34px;min-height:34px;height:34px;padding:0;background:#F8FAFC;border-color:#E8EDF3;color:#64748B;font-size:20px}.modal-body{padding:28px}.modal-footer,.l-form-footer{border-color:#E8EDF3;background:#fff;padding:18px 24px}.l-drawer{border-radius:18px 0 0 18px}.l-drawer-body{padding:24px 28px}.l-meta div,.l-receipt{border-color:#E8EDF3}.l-detail-image p,.l-meta dt,.l-item p{color:#64748B;font-size:13px}.l-meta dd{font-size:14px}.l-item{border-color:#D9E1EC;border-radius:10px}.l-item:has(input:checked){background:#EFF6FF;border-color:#93C5FD}.l-receipt{background:#F8FAFC}.l-mode{background:#F1F5F9;border-radius:10px;padding:4px;gap:4px}.l-mode button{font-size:13px;min-height:42px;font-weight:500;color:#64748B}.l-mode button.active{background:#fff;color:#1D4ED8;border-color:#D9E1EC;box-shadow:0 1px 3px #0f172a0d}.l-form-section{border-color:#E8EDF3;padding-bottom:24px;margin-bottom:24px}.l-form-section h3{font-size:16px;gap:12px;margin-bottom:20px}.l-stock-options label{background:white;border-color:#D9E1EC;border-radius:10px}.l-stock-options label:has(input:checked){background:#EFF6FF;border-color:#93C5FD}.l-stock-options input{accent-color:#1D4ED8}.l-picked{background:#EFF6FF;border:1px solid #DBEAFE}.l-success-mark{background:#ECFDF3;color:#15803D}.l-photo-stage{background:#EEF2F6;padding:24px}.l-photo-stage img{box-shadow:0 12px 40px #0f172a1f}.l-photo-footer{border-top:1px solid #E8EDF3}.auth-story{background:#0F172A}.auth-story .eyebrow{display:block;color:#93C5FD}.auth-story p{color:#CBD5E1}.auth-lines{display:none}.auth-box p{color:#64748B}.auth-box h2{font-size:32px}
/* Registration: a 420px action panel next to a live sample preview. */
.l-register{width:min(1080px,calc(100vw - 48px));max-height:92dvh}.l-register:has(#ledger-registration){overflow:hidden}#ledger-registration{display:grid;grid-template-columns:420px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:min(850px,92dvh)}#ledger-registration>.modal-head{grid-column:1/-1;background:#fff}#ledger-registration>.modal-head p{font-size:13px}#ledger-registration>.l-reg-body{padding:24px;overflow:auto;min-height:0}#ledger-registration>.l-form-footer{grid-column:1/-1;position:static;gap:10px}#ledger-registration .field-row{gap:0 12px}#ledger-registration .field small{font-size:11px}#ledger-registration .l-stock-options{grid-template-columns:1fr;gap:10px}#ledger-registration .l-stock-options label{padding:14px 14px 14px 40px}.amz-reg-preview{background:#EEF2F6;border-left:1px solid #E8EDF3;padding:28px;overflow:auto;min-width:0}.amz-reg-preview summary{font-size:14px;color:#334155;font-weight:600;padding:0 0 24px;list-style:none}.amz-reg-preview summary span{float:right;color:#64748B;font-size:11px;font-weight:400;margin-top:3px}.amz-sample-preview{background:#fff;border:1px solid #D9E1EC;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card)}.amz-preview-image{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#F8FAFC;color:#94A3B8;border-bottom:1px solid #E8EDF3}.amz-preview-image>svg{width:40px;height:40px}.amz-preview-image span{font-size:12px}.amz-preview-image img{height:100%;width:100%;object-fit:contain;padding:16px}.amz-preview-info{padding:22px}.amz-preview-info small{font-size:12px;color:#64748B}.amz-preview-info h3{margin:10px 0 8px;font-size:20px;overflow-wrap:anywhere}.amz-preview-info p{font-size:13px;color:#64748B;overflow-wrap:anywhere}.amz-preview-info .mono{color:#1D4ED8;margin-bottom:8px}.amz-summary{padding:24px 0 0}.amz-summary h3{font-size:15px}.amz-summary dl{margin:14px 0}.amz-summary dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:13px}.amz-summary dt{color:#64748B;flex-shrink:0}.amz-summary dd{margin:0;color:#334155;text-align:right;overflow-wrap:anywhere}.amz-preview-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #D9E1EC;padding-top:16px;color:#64748B}.amz-preview-note svg{width:18px;height:18px;flex-shrink:0;color:#1D4ED8}.amz-preview-note p{font-size:12px;line-height:1.8}.amz-upload{position:relative;display:flex;min-height:128px;align-items:center;justify-content:center;border:1px dashed #B8C5D6;background:#F8FAFC;border-radius:12px;padding:18px;cursor:pointer}.amz-upload:hover,.amz-upload.dragging{border-color:#2563EB;background:#EFF6FF}.amz-upload:focus-within{outline:3px solid #BFDBFE}.amz-upload input{position:absolute;inset:0;opacity:0;width:100%!important;height:100%!important;cursor:pointer}.amz-upload-title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.amz-upload-title svg{width:24px;height:24px;color:#64748B}.amz-upload-title b{font-size:13px;font-weight:500}.amz-upload-title small{font-size:11px;color:#64748B}#amz-upload-info{font-size:11px;color:#64748B;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-wrap:anywhere}#amz-upload-info:empty{display:none}#amz-upload-info button{min-height:30px;padding:5px 8px;font-size:12px;border:0;color:#DC2626}#l-reg-image-preview{margin:12px 0}#l-reg-image-preview:empty{display:none}.amz-upload.has-file{border-style:solid;border-color:#BFDBFE}
@media(min-width:1101px){.amz-reg-preview summary{pointer-events:none}.l-table-scroll{background:white}.compact .l-table td{padding:10px 12px}}
@media(max-width:1100px){.layout.amz-layout,body:has(.ledger) .layout.amz-layout{grid-template-columns:176px minmax(0,1fr)}.amz-layout>.topbar{padding:0 24px}.amz-layout>.sidebar,body:has(.ledger) .amz-layout>.sidebar{padding:24px 12px}.amz-layout .content,body:has(.ledger) .amz-layout .content{padding:32px 24px}.amz-brand small,.amz-brand-divider,.user>.muted{display:none}h1,.ledger .pagehead h1{font-size:32px}.pagehead{flex-wrap:wrap}.pagehead p{font-size:14px}.l-workflow{padding:18px;gap:14px}.l-workflow small{display:none}.l-table-scroll{max-height:none;border:0;border-radius:0;background:transparent}.l-table tbody>tr{border-color:#D9E1EC;border-radius:14px;margin-bottom:16px;box-shadow:0 1px 2px #0f172a04}.l-table tbody>tr>td{padding:12px 18px}.l-table tbody tr:not(.l-quick)>td:first-child{padding:18px;border-color:#E8EDF3}.l-table td[data-label]::before{color:#64748B;font-size:11px;margin-bottom:6px}.l-table .l-operations{border-color:#E8EDF3;padding:14px 18px}.l-table .l-thumb{width:64px;height:64px}.l-table .l-product{gap:16px}.l-tabs{gap:18px}.l-tabs button{font-size:13px}.l-controls{gap:8px}.l-display{gap:16px}.l-display .actions{gap:8px}.amz-status{display:none}}
@media(max-width:1000px){.l-register{width:min(760px,calc(100vw - 32px))}.l-register:has(#ledger-registration){overflow:auto}#ledger-registration{display:block;height:auto}#ledger-registration>.l-reg-body{overflow:visible;padding:24px}#ledger-registration>.l-form-footer{position:sticky;bottom:0}#ledger-registration>.modal-head{position:sticky;top:0}.amz-reg-preview{border-left:0;border-top:1px solid #D9E1EC;padding:24px;overflow:visible}.amz-reg-preview summary{padding:0;cursor:pointer}.amz-reg-preview summary::before{content:'▸';margin-right:8px;color:#64748B}.amz-reg-preview details[open] summary{padding-bottom:20px}.amz-reg-preview details[open] summary::before{content:'▾'}#ledger-registration .l-stock-options{grid-template-columns:1fr 1fr}.amz-preview-image{height:180px}}
@media(max-width:767px){.layout.amz-layout,body:has(.ledger) .layout.amz-layout{display:flex;flex-direction:column}.amz-layout>.topbar{height:64px;min-height:64px;padding:0 16px;position:sticky;gap:8px}.amz-brand{gap:9px}.amz-brand strong{font-size:15px}.amz-brand-icon{height:32px;width:32px}.user{gap:8px}.user>.avatar,.user>.muted{display:none}.user>span{font-size:12px}.amz-layout>.sidebar,body:has(.ledger) .amz-layout>.sidebar{height:auto;position:static;padding:8px 12px;border:0;border-bottom:1px solid #E8EDF3}.amz-layout .nav{gap:4px;flex-direction:row;overflow:auto}.amz-layout .nav button,body:has(.ledger) .amz-layout .nav button{min-height:38px;padding:9px 12px;font-size:12px;gap:8px}.amz-layout .nav .glyph{display:none}.nav-caption,.sidebar-bottom{display:none}.amz-layout .content,body:has(.ledger) .amz-layout .content{padding:24px 16px 40px}h1,.ledger .pagehead h1{font-size:30px}.pagehead{gap:16px;margin-bottom:24px}.pagehead p{font-size:14px}.pagehead .actions{justify-content:flex-start}.ledger .pagehead .actions{width:100%;display:flex}.ledger .pagehead .actions .primary{margin-left:auto}.l-workflow{padding:14px 12px;gap:9px;font-size:11px;margin-bottom:24px}.l-workflow b{height:24px;width:24px;border-radius:6px;font-size:12px}.l-workflow span{gap:6px}.l-tabs{gap:18px;margin-bottom:20px}.l-tabs button{font-size:12px;min-height:40px}.l-controls{margin-bottom:16px}.l-display{font-size:12px}.l-table tbody>tr>td{padding:10px 16px}.l-table .l-name{font-size:14px}.l-table small{font-size:11px}.l-stock{font-size:12px}.l-display .actions{flex-wrap:wrap}.l-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.l-card-info{padding:14px}.l-card-info p{font-size:12px}.stats{gap:12px}.stat{padding:18px}.stat-number{font-size:30px}.stat-foot{font-size:11px}.l-register{margin:0;width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0}#ledger-registration>.modal-head{padding:20px 16px}#ledger-registration>.l-reg-body{padding:20px 16px}#ledger-registration .field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.amz-reg-preview{padding:20px 16px}.amz-reg-preview summary{font-size:13px}.amz-reg-preview summary span{font-size:10px}.l-drawer{width:100vw;border-radius:0}.l-drawer-head,.l-drawer-body,.l-drawer-nav{padding:20px 16px}.l-form-footer{padding:14px 16px}.l-form-footer button{font-size:12px;min-height:40px}.l-form-footer button.primary{min-height:42px}.l-form-footer>span{flex-basis:100%;font-size:12px}.modal-head{padding:20px}.modal-body{padding:20px}.l-photo-stage{padding:12px}.l-photo-footer{gap:12px}.auth-form{padding:24px}.panel-title,.panel-pad{padding:20px}.badge{font-size:11px;padding:4px 9px}.l-stock-options label{min-width:0}.l-stock-options small{font-size:11px}}
body:has(.ledger) .amz-layout .nav button.active,.amz-layout .nav button.active:hover{background:#EFF6FF;color:#1D4ED8;font-weight:600}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}