:root{--ink:#0a0a0a;--ink-2:#1a1a1a;--ink-3:#2a2a2a;--smoke:#f4f4f2;--smoke-2:#eeede9;--smoke-3:#e4e3de;--paper:#fafaf8;--white:#fff;--mid:#8a8a82;--mid-2:#b0afa8;--accent:#0a0a0a;--danger:#c0392b;--success:#1a6b3c;--warning:#c47d0e;--border:1px solid #d8d7d0;--border-dark:1px solid #2a2a2a;--radius:2px;--font-head:"Geist", "DM Mono", monospace;--font-body:"Geist", sans-serif;--font-mono:"DM Mono", monospace;--shadow:0 1px 3px #00000014, 0 4px 16px #0000000a;--shadow-lg:0 4px 24px #0000001f, 0 1px 4px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}.page{min-height:100vh;display:none}.page.active{flex-direction:column;display:flex}#page-login,#page-register{background:var(--white)}.login-wrapper{width:100%;min-height:100vh;display:flex}.login-left{border-right:var(--border-dark);background:var(--white);flex-direction:column;flex-shrink:0;gap:0;width:380px;padding:3rem 2.5rem;display:flex}.login-brand{border-bottom:var(--border-dark);align-items:baseline;gap:.7rem;margin-bottom:3.5rem;padding-bottom:1.2rem;display:flex}.brand-mark{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink);border:1.5px solid var(--ink);padding:.2em .4em;font-size:1.43rem;font-weight:500}.brand-full{letter-spacing:.15em;text-transform:uppercase;color:var(--mid);font-size:.88rem;font-weight:400}.login-form-area{flex:1}.field-label{letter-spacing:.12em;color:var(--mid);font-size:.83rem;font-weight:600;font-family:var(--font-mono);margin-top:1.2rem;margin-bottom:.4rem;display:block}.field-input{border:var(--border-dark);background:var(--smoke);width:100%;font-family:var(--font-body);color:var(--ink);border-radius:var(--radius);outline:none;padding:.65rem .85rem;font-size:1rem;transition:border-color .15s,background .15s}.field-input:focus{border-color:var(--ink);background:var(--white)}.field-select{cursor:pointer}.btn-primary{background:var(--ink);color:var(--white);border:1.5px solid var(--ink);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;border-radius:var(--radius);padding:.7rem 1.4rem;font-size:.88rem;font-weight:500;transition:background .15s,color .15s,transform .1s}.btn-primary:hover{background:var(--ink-3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--ink);border:1.5px solid var(--ink);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;border-radius:var(--radius);background:0 0;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.btn-outline:hover{background:var(--smoke)}.btn-full{text-align:center;width:100%;margin-top:1.5rem;display:block}.btn-sm{padding:.45rem .85rem;font-size:.81rem}.btn-xs{padding:.3rem .6rem;font-size:.78rem}.login-links{justify-content:space-between;margin-top:1rem;display:flex}.link-text{letter-spacing:.06em;color:var(--ink);text-underline-offset:2px;cursor:pointer;font-size:.85rem;text-decoration:underline}.login-notice{border-top:var(--border);color:var(--mid);margin-top:auto;padding-top:2rem;font-size:.85rem;line-height:1.6}.login-right{background:var(--ink);flex:1;align-items:flex-end;padding:4rem;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 39px,#ffffff0a 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#ffffff0a 40px);position:absolute;inset:0}.login-hero{z-index:1;position:relative}.hero-tag{font-family:var(--font-mono);letter-spacing:.18em;color:#ffffff73;margin-bottom:1rem;font-size:.81rem}.hero-title{font-family:var(--font-mono);color:var(--white);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5.5rem);font-weight:300;line-height:1.05}.hero-sub{color:#ffffff80;max-width:360px;margin-bottom:2rem;font-size:.98rem;line-height:1.7}.brand-logos{flex-wrap:wrap;gap:.6rem;display:flex}.logo-pill{color:#ffffff80;font-family:var(--font-mono);letter-spacing:.1em;border:1px solid #fff3;border-radius:1px;padding:.3em .75em;font-size:.78rem}#page-app{background:var(--paper);flex-direction:column;height:100vh;min-height:100vh}.app-header{background:var(--white);border-bottom:var(--border-dark);z-index:100;align-items:center;gap:0;height:52px;padding:0 1rem 0 0;display:flex;position:sticky;top:0}.header-left{border-right:var(--border);flex-shrink:0;align-items:center;gap:.8rem;width:240px;height:100%;padding:0 1rem;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:4px;padding:4px;display:flex}.hamburger--boxed{border:var(--border-dark);border-radius:var(--radius);background:var(--white);justify-content:center;padding:7px 8px;transition:background .12s,border-color .12s}.hamburger--boxed:hover{background:var(--smoke)}.hamburger--boxed.active{background:var(--ink);border-color:var(--ink)}.hamburger--boxed.active span{background:var(--white)}.hamburger span{background:var(--ink);width:18px;height:1.5px;transition:all .2s;display:block}.header-brand{align-items:baseline;gap:.5rem;display:flex;overflow:hidden}.header-brandname{letter-spacing:.1em;color:var(--ink);white-space:nowrap;font-size:.92rem;font-weight:700}.header-brand--link{cursor:pointer;text-decoration:none}.header-brand--link:hover .header-brandname{color:var(--accent,var(--ink));opacity:.7}.header-breadcrumb{font-family:var(--font-mono);letter-spacing:.08em;color:var(--mid);flex:1;padding:0 1.5rem;font-size:.83rem}.header-spacer{flex:1}.header-right{align-items:center;gap:1rem;display:flex;position:relative}.currency-switcher{border:var(--border);border-radius:2px;gap:.15rem;padding:.2rem;display:flex}.curr-btn{font-family:var(--font-mono);letter-spacing:.05em;color:var(--mid);cursor:pointer;background:0 0;border:none;border-radius:1px;padding:.25rem .45rem;font-size:.78rem;transition:background .1s,color .1s}.curr-btn.active{background:var(--ink);color:var(--white)}.user-badge{cursor:pointer;border:var(--border);border-radius:2px;align-items:center;gap:.5rem;padding:.3rem .5rem;transition:background .1s;display:flex}.user-badge:hover{background:var(--smoke)}.user-avatar{background:var(--ink);width:24px;height:24px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex}.user-name{letter-spacing:.05em;font-size:.83rem;font-weight:600;line-height:1.2}.user-name small{color:var(--mid);font-weight:400}.user-menu{background:var(--white);border:var(--border-dark);z-index:200;min-width:160px;box-shadow:var(--shadow-lg);display:none;position:absolute;top:110%;right:0}.user-menu.open{display:block}.user-menu a{letter-spacing:.06em;color:var(--ink);border-bottom:var(--border);font-size:.88rem;font-family:var(--font-mono);padding:.65rem 1rem;text-decoration:none;transition:background .1s;display:block}.user-menu a:last-child{border-bottom:none}.user-menu a:hover{background:var(--smoke)}.subnav{background:var(--white);border-bottom:var(--border);flex-shrink:0;align-items:stretch;height:38px;padding-left:240px;display:flex;overflow-x:auto}.subnav-btn{font-family:var(--font-mono);letter-spacing:.12em;color:var(--mid);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 1.5rem;font-size:.78rem;transition:color .1s,border-color .1s}.subnav-btn.active{color:var(--ink);border-bottom-color:var(--ink)}.app-body{flex:auto;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--white);border-right:var(--border);flex-shrink:0;width:240px;height:100%;transition:width .2s;overflow-y:auto}.sidebar.collapsed{width:0;overflow:hidden}.sidebar-nav{border-bottom:var(--border);padding:1rem 0}.snav-item{font-family:var(--font-mono);letter-spacing:.06em;color:var(--mid);cursor:pointer;align-items:center;gap:.7rem;padding:.6rem 1.2rem;font-size:.88rem;text-decoration:none;transition:background .1s,color .1s;display:flex}.snav-item:hover{background:var(--smoke);color:var(--ink)}.snav-item.active{background:var(--ink);color:var(--white)}.snav-icon{opacity:.6;font-size:.98rem}.snav-internal{color:var(--ink-3)}.snav-internal:before{content:"";display:none}.sidebar-divider{border-bottom:var(--border);height:0}.sidebar-filters{padding:.8rem 0}.filter-group{border-bottom:var(--border);padding:.6rem 0}.filter-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink);padding:.5rem 1.2rem;font-size:.78rem;font-weight:600;display:block}.search-wrap{padding:.3rem .8rem}.filter-search{border:var(--border);background:var(--smoke);border-radius:var(--radius);width:100%;font-size:.88rem;font-family:var(--font-body);outline:none;padding:.45rem .65rem}.filter-head{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem 1.2rem;font-size:.78rem;font-weight:600;display:flex}.filter-arrow{color:var(--mid);font-size:1.03rem}.filter-body{padding:.3rem 1.2rem .5rem}.filter-opt{color:var(--ink-3);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.88rem;display:flex}.filter-opt input{accent-color:var(--ink)}.main-content{background:var(--paper);flex:1;padding:1.5rem 1.5rem 70px;overflow-y:auto}.content-section{animation:.2s fadeIn;display:none}.content-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.section-info{align-items:baseline;gap:.8rem;display:flex}.section-title{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink);font-size:1.13rem;font-weight:500}.section-count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--mid);border:var(--border);white-space:nowrap;border-radius:1px;padding:.2em .5em;font-size:.78rem}.toolbar-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sort-select{border:var(--border);background:var(--white);font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);cursor:pointer;border-radius:var(--radius);outline:none;padding:.4rem .7rem;font-size:.81rem}.view-btn{border:var(--border);cursor:pointer;border-radius:var(--radius);width:28px;height:28px;color:var(--mid);background:0 0;justify-content:center;align-items:center;font-size:.98rem;transition:background .1s,color .1s;display:flex}.view-btn.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.product-grid{background:var(--smoke-3);border:var(--border);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;display:grid}.product-card{background:var(--white);cursor:pointer;transition:background .15s;position:relative;overflow:hidden}.product-card:hover{background:var(--smoke)}.product-card:hover .pc-add-btn{opacity:1}.pc-image-wrap{aspect-ratio:1;background:var(--smoke);width:100%;position:relative;overflow:hidden}.pc-image-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .pc-image-wrap img{transform:scale(1.03)}.pc-variant-dots{gap:3px;display:flex;position:absolute;bottom:.5rem;left:.5rem}.pc-dot{cursor:pointer;border:1px solid #0003;border-radius:50%;width:8px;height:8px}.pc-body{padding:.75rem}.pc-style{font-family:var(--font-mono);letter-spacing:.08em;color:var(--mid);margin-bottom:.2rem;font-size:.78rem}.pc-name{color:var(--ink);letter-spacing:.01em;margin-bottom:.2rem;font-size:.93rem;font-weight:500;line-height:1.3}.pc-color{color:var(--mid);margin-bottom:.4rem;font-size:.85rem}.pc-price{font-family:var(--font-mono);color:var(--ink);font-size:.88rem;font-weight:500}.pc-rrp{font-family:var(--font-mono);color:var(--mid-2);font-size:.78rem}.pc-meta{color:var(--mid-2);margin-top:.3rem;font-size:.78rem}.pc-add-btn{background:var(--ink);color:var(--white);cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.23rem;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.pc-unavailable{opacity:.4}.pc-tag{background:var(--ink);color:var(--white);font-family:var(--font-mono);letter-spacing:.1em;border-radius:1px;padding:.2em .45em;font-size:.68rem;position:absolute;top:.5rem;left:.5rem}.table-card{background:var(--white);border:var(--border);border-radius:var(--radius);overflow:hidden}.table-card-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-card-head{background:var(--smoke);border-bottom:var(--border);font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink);padding:.75rem 1rem;font-size:.81rem;font-weight:600}.data-table{border-collapse:collapse;width:100%;min-width:700px;font-size:.91rem}.data-table th,.data-table td{white-space:nowrap}.data-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;color:var(--mid);background:var(--smoke);border-bottom:var(--border);white-space:nowrap;padding:.6rem .75rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:var(--border);color:var(--ink);vertical-align:middle;padding:.65rem .75rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--smoke)}.data-table a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.status-badge{font-family:var(--font-mono);letter-spacing:.08em;border-radius:1px;padding:.15em .55em;font-size:.75rem;font-weight:500;display:inline-block}.status-reviewing{color:#555;background:#f0f0f0;border:1px solid #d4d4d8}.status-confirmed{color:#15803d;background:#eaf4ee;border:1px solid #b8dfc5}.status-allocated{color:#2541b2;background:#e0eaff;border:1px solid #a8bef5}.status-packing{color:#b45309;background:#fdf3e0;border:1px solid #f5d58a}.status-ready{color:#0e7490;background:#e0f5f5;border:1px solid #a5dadd}.status-shipped{color:#1e40af;background:#ddeaff;border:1px solid #b4cdfa}.status-waiting_for_payment{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.status-completed{color:#14532d;background:#d4edda;border:1px solid #86efac}.status-cancelled{color:#b91c1c;background:#fde8e6;border:1px solid #f5b8b2}.status-draft{color:#71717a;background:#f4f4f5;border:1px dashed #d4d4d8}.status-partially_paid{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.status-paid{color:#15803d;background:#dcfce7;border:1px solid #86efac}.status-overdue{color:#b91c1c;background:#fde8e6;border:1px solid #f5b8b2}.status-open{color:var(--mid);font-family:var(--font-mono);font-size:.88rem}.stats-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--white);border:var(--border);border-radius:var(--radius);padding:1rem;overflow:hidden}.stat-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--mid);margin-bottom:.8rem;font-size:.75rem;font-weight:600}.mini-chart{align-items:flex-end;gap:4px;height:60px;padding:.5rem 0;display:flex}.mini-bar{background:var(--ink);border-radius:1px 1px 0 0;flex:1;min-width:8px;transition:opacity .2s}.mini-bar:hover{opacity:.6}.mini-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.mini-bar-label{font-family:var(--font-mono);color:var(--mid);letter-spacing:.04em;font-size:.68rem}.invoice-summary{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.inv-sum-card{background:var(--white);border:var(--border);border-radius:var(--radius);padding:1rem 1.2rem}.inv-sum-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--mid);margin-bottom:.4rem;font-size:.75rem}.inv-sum-num{font-family:var(--font-mono);color:var(--ink);font-size:1.23rem;font-weight:500}.paid-num{color:var(--success)}.due-num{color:var(--danger)}.inv-sum-bar{background:var(--smoke-3);border-radius:2px;height:3px;margin-top:.6rem;overflow:hidden}.inv-sum-fill{background:var(--ink);border-radius:2px;height:100%}.inv-tabs{border-bottom:var(--border);gap:0;margin-bottom:1rem;display:flex}.inv-tab{font-family:var(--font-mono);letter-spacing:.1em;color:var(--mid);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.55rem 1.2rem;font-size:.81rem;transition:color .1s}.inv-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.tax-invoice-btn-wrap{text-align:right;margin-top:1rem}.profile-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.profile-card{background:var(--white);border:var(--border);border-radius:var(--radius);overflow:hidden}.profile-card-head{background:var(--smoke);border-bottom:var(--border);font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.78rem;font-weight:600;display:flex}.profile-rows{padding:.75rem 1rem}.profile-row{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.91rem;display:flex}.profile-row:last-child{border-bottom:none}.profile-row span{color:var(--mid)}.profile-row strong{font-weight:500}.buyers-list{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.buyer-chip{background:var(--smoke);border:var(--border);border-radius:1px;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.85rem;display:flex}.buyer-chip button{color:var(--mid);cursor:pointer;background:0 0;border:none;font-size:.93rem;line-height:1}.house-order-form{max-width:700px}.form-row-group{gap:1rem;margin-bottom:.5rem;display:flex}.form-field{flex:1;margin-bottom:1rem}.radio-group{gap:1rem;margin-top:.5rem;display:flex}.radio-opt{cursor:pointer;align-items:center;gap:.4rem;font-size:.91rem;display:flex}.radio-opt input{accent-color:var(--ink)}.req-mark{color:var(--danger)}.bm-tabs{border-bottom:var(--border);margin-bottom:1.5rem;display:flex}.bm-tab{font-family:var(--font-mono);letter-spacing:.08em;color:var(--mid);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem 1.4rem;font-size:.85rem;transition:color .1s}.bm-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.bm-section{display:none}.bm-section.active{display:block}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.material-card{background:var(--white);border:var(--border);text-align:center;border-radius:var(--radius);padding:1rem}.material-img{background:var(--smoke);justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto .75rem;font-size:2.5rem;display:flex}.material-name{color:var(--ink);margin-bottom:.5rem;font-size:.88rem;font-weight:500}.material-stock{font-family:var(--font-mono);color:var(--mid);margin-bottom:.5rem;font-size:.78rem}.material-input{border:var(--border);background:var(--smoke);width:100%;font-family:var(--font-mono);text-align:center;border-radius:var(--radius);outline:none;padding:.35rem .5rem;font-size:.88rem}.selection-bar{background:var(--white);border-top:var(--border-dark);z-index:50;justify-content:space-between;align-items:center;height:52px;padding:0 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.selbar-info{flex:1;align-items:center;gap:1rem;display:flex}.selbar-select{border:var(--border);background:var(--smoke);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius);max-width:280px;color:var(--ink);outline:none;padding:.35rem .65rem;font-size:.81rem}.selbar-meta{font-family:var(--font-mono);color:var(--mid);letter-spacing:.05em;font-size:.81rem}.selbar-actions{gap:.5rem;display:flex}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0a80;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{background:var(--white);border:var(--border-dark);box-shadow:var(--shadow-lg);max-height:90vh;animation:.2s modalIn;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}.modal-nav{z-index:10;gap:.3rem;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-nav-btn,.modal-close{background:var(--smoke);border:var(--border);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.93rem;transition:background .1s;display:flex}.modal-nav-btn:hover,.modal-close:hover{background:var(--smoke-3)}.product-modal{width:min(98vw,1480px);max-height:94vh}.product-modal-body{grid-template-columns:480px 1fr 420px;min-height:620px;display:grid}.pm-image-col{border-right:var(--border);background:var(--smoke)}.pm-image-wrap{aspect-ratio:1;background:var(--smoke);justify-content:center;align-items:center;width:100%;font-size:9rem;display:flex;overflow:hidden}.pm-image-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pm-info-col{border-right:var(--border);padding:1.5rem}.pm-title{letter-spacing:.02em;margin-bottom:.3rem;padding-right:3rem;font-size:1.13rem;font-weight:600}.pm-price{font-family:var(--font-mono);color:var(--mid);margin-bottom:1rem;font-size:.98rem}.pm-colors{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.pm-color-thumb{border:1px solid var(--smoke-3);cursor:pointer;border-radius:1px;width:40px;transition:border-color .1s;overflow:hidden}.pm-color-thumb.active{border-color:var(--ink);border-width:2px}.pm-color-thumb img{width:100%;display:block}.pm-window-tag{background:var(--ink);color:var(--white);font-family:var(--font-mono);letter-spacing:.1em;border-radius:1px;margin-bottom:1rem;padding:.25em .7em;font-size:.75rem;display:inline-block}.pm-specs{margin-bottom:1rem}.pm-spec-row{border-bottom:var(--border);justify-content:space-between;padding:.35rem 0;font-size:.88rem;display:flex}.pm-spec-row span{color:var(--mid)}.pm-rrp{color:var(--mid);font-size:.85rem;font-family:var(--font-mono);margin-bottom:.75rem}.pm-description{color:var(--mid);font-size:.88rem;line-height:1.7}.pm-order-col{padding:1.5rem}.pm-size-switch{border:var(--border);border-radius:2px;gap:.25rem;width:fit-content;margin-bottom:1rem;padding:.2rem;display:flex}.sz-btn{font-family:var(--font-mono);letter-spacing:.08em;color:var(--mid);cursor:pointer;background:0 0;border:none;border-radius:1px;padding:.2rem .55rem;font-size:.78rem;transition:background .1s,color .1s}.sz-btn.active{background:var(--ink);color:var(--white)}.pm-qty-table{border:var(--border);border-radius:var(--radius);margin-bottom:.75rem;font-size:.85rem;overflow:auto hidden}.pm-qty-head{background:var(--smoke);border-bottom:var(--border);font-family:var(--font-mono);letter-spacing:.08em;color:var(--mid);min-width:max-content;font-size:.73rem;display:flex}.pm-qty-head span,.pm-qty-row span{text-align:center;border-right:var(--border);box-sizing:border-box;flex:0 0 52px;width:52px;padding:.35rem .2rem}.pm-qty-head span:last-child,.pm-qty-row span:last-child{border-right:none}.pm-qty-row{min-width:max-content;display:flex}.pm-qty-row input{border:none;border-right:var(--border);text-align:center;width:52px;font-family:var(--font-mono);background:var(--white);color:var(--ink);box-sizing:border-box;outline:none;flex:0 0 52px;padding:.35rem .2rem;font-size:.83rem}.pm-qty-row input:last-child{border-right:none}.pm-qty-row input:focus{background:#f0f8ff}.pm-stock-note{color:var(--mid-2);margin-bottom:.5rem;font-size:.78rem}.pm-total-bar{border-top:var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.pm-total-bar span{font-family:var(--font-mono);color:var(--mid);font-size:.85rem}.pm-total-bar div{gap:.4rem;display:flex}.sm-modal{width:min(95vw,300px)}.sm-head{border-bottom:var(--border);font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.85rem;display:flex}.sm-head button{cursor:pointer;color:var(--mid);background:0 0;border:none;font-size:1.13rem}.sm-actions{padding:.5rem 0}.sm-action-btn{border:none;border-bottom:var(--border);text-align:left;width:100%;font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);cursor:pointer;background:0 0;padding:.65rem 1rem;font-size:.85rem;transition:background .1s;display:block}.sm-action-btn:last-child{border-bottom:none}.sm-action-btn:hover{background:var(--smoke)}.sm-action-btn.danger{color:var(--danger)}.checkout-modal{width:min(95vw,720px)}.co-steps{border-bottom:var(--border);display:flex}.co-step{text-align:center;font-family:var(--font-mono);letter-spacing:.06em;color:var(--mid);border-right:var(--border);flex:1;padding:.7rem .5rem;font-size:.81rem;transition:background .15s,color .15s}.co-step:last-child{border-right:none}.co-step.active{background:var(--ink);color:var(--white)}.co-step.done{background:var(--smoke);color:var(--ink)}.co-step-num{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-right:.3rem;font-size:.73rem;display:inline-flex}.co-step.active .co-step-num{border-color:var(--white)}.co-step.done .co-step-num{background:var(--ink);color:var(--white);border-color:var(--ink)}.co-step-panel{max-height:400px;overflow-y:auto}.checkout-meta{background:var(--smoke);border-bottom:var(--border);flex-wrap:wrap;gap:1.5rem;padding:1rem;font-size:.91rem;display:flex}.checkout-meta span{color:var(--mid);margin-right:.3rem}.checkout-product-list{max-height:240px;padding:1rem;overflow-y:auto}.co-product-row{border-bottom:var(--border);align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.co-product-row:last-child{border-bottom:none}.co-thumb{background:var(--smoke);-o-object-fit:cover;object-fit:cover;border:var(--border);flex-shrink:0;width:48px;height:48px}.co-info{flex:1}.co-name{margin-bottom:.2rem;font-size:.93rem;font-weight:500}.co-detail{font-family:var(--font-mono);color:var(--mid);font-size:.78rem}.co-qty{font-family:var(--font-mono);color:var(--ink);text-align:right;font-size:.88rem}.checkout-totals{background:var(--smoke);border-top:var(--border);padding:.75rem 1rem}.checkout-total-row{font-family:var(--font-mono);align-items:center;gap:1rem;font-size:.85rem;display:flex}.checkout-total-row span{color:var(--mid)}.checkout-total-row strong{color:var(--ink);margin-right:1rem}.checkout-actions{border-top:var(--border);align-items:center;gap:.5rem;padding:1rem;display:flex}.co-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--mid);text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;display:block}.co-input{border:var(--border);width:100%;font-family:var(--font-body);background:var(--white);color:var(--ink);border-radius:2px;margin-bottom:.5rem;padding:.55rem .75rem;font-size:.93rem;display:block}.co-input:focus{border-color:var(--ink);outline:none}.co-radio{border:var(--border);cursor:pointer;border-radius:2px;margin-bottom:.35rem;padding:.5rem .75rem;font-size:.91rem;transition:background .1s;display:block}.co-radio:hover{background:var(--smoke)}.co-radio input{margin-right:.5rem}.co-confirm-section{border-bottom:var(--border);padding:.75rem 0}.toast{background:var(--ink);color:var(--white);font-family:var(--font-mono);letter-spacing:.06em;z-index:1000;opacity:0;pointer-events:none;border-radius:1px;padding:.65rem 1.2rem;font-size:.85rem;transition:opacity .25s,transform .25s;position:fixed;bottom:70px;right:1.5rem;transform:translateY(10px)}.toast.show{opacity:1;transform:none}.return-stats{align-items:baseline;gap:.75rem;padding:1rem;display:flex}.return-num{font-family:var(--font-mono);color:var(--ink);font-size:2rem;font-weight:300}.return-label{color:var(--mid);font-size:.88rem}.home-welcome{border-bottom:var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.home-tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--mid);margin-bottom:.5rem;font-size:.75rem}.home-title{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;margin-bottom:.3rem;font-size:1.73rem;font-weight:300}.home-title span{font-weight:600}.home-sub{color:var(--mid);font-size:.91rem}.home-quick-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hqa-btn{background:var(--white);border:var(--border-dark);cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.81rem;transition:background .15s,transform .1s;display:flex}.hqa-btn:hover{background:var(--ink);color:var(--white);transform:translateY(-1px)}.hqa-icon{font-size:1.03rem}.home-kpi-row{background:var(--ink);border:1.5px solid var(--ink);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:1.5rem;display:grid;overflow:hidden}.kpi-card{background:var(--white);padding:1.1rem 1.3rem;transition:background .15s}.kpi-card:hover{background:var(--smoke)}.kpi-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--mid);margin-bottom:.4rem;font-size:.73rem;font-weight:600}.kpi-num{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.02em;margin-bottom:.3rem;font-size:1.63rem;font-weight:500}.kpi-danger{color:var(--danger)}.kpi-change{color:var(--mid);font-size:.81rem}.kpi-change.up{color:var(--success)}.home-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.home-card{background:var(--white);border:var(--border);border-radius:var(--radius);overflow:hidden}.home-card-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.home-card-head{border-bottom:var(--border);background:var(--smoke);font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink);justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.75rem;font-weight:600;display:flex}.home-card-head span{padding-left:10px}.home-season-chart{align-items:flex-end;gap:6px;height:130px;padding:1.2rem 1.2rem .5rem;display:flex}.home-bs-row{border-bottom:var(--border);align-items:center;gap:.75rem;padding:.6rem 1rem;transition:background .1s;display:flex}.home-bs-row:last-child{border-bottom:none}.home-bs-row:hover{background:var(--smoke)}.home-bs-rank{font-family:var(--font-mono);color:var(--mid-2);flex-shrink:0;width:16px;font-size:.78rem}.home-bs-info{flex:1}.home-bs-name{color:var(--ink);font-size:.88rem;font-weight:500}.home-bs-sku{font-family:var(--font-mono);color:var(--mid);font-size:.75rem}.home-bs-bar-wrap{background:var(--smoke-3);border-radius:2px;width:60px;height:4px;margin-top:4px;overflow:hidden}.home-bs-bar{background:var(--ink);border-radius:2px;height:100%}.home-overdue-item{border-bottom:var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.home-overdue-item:last-child{border-bottom:none}.home-ov-left{flex:1}.home-ov-no{font-family:var(--font-mono);color:var(--ink);font-size:.85rem;font-weight:600}.home-ov-detail{color:var(--mid);font-size:.81rem}.home-ov-right{text-align:right}.home-ov-amount{font-family:var(--font-mono);color:var(--danger);font-size:.91rem;font-weight:600}.home-ov-date{color:var(--mid-2);font-size:.78rem}.home-sel-item{border-bottom:var(--border);cursor:pointer;align-items:center;gap:.75rem;padding:.65rem 1rem;transition:background .1s;display:flex}.home-sel-item:last-child{border-bottom:none}.home-sel-item:hover{background:var(--smoke)}.home-sel-num{font-family:var(--font-mono);color:var(--ink);font-size:.81rem;font-weight:600}.home-sel-meta{color:var(--mid);font-size:.83rem}.home-sel-status{margin-left:auto}@media (width<=900px){.home-kpi-row{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--smoke-3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--mid-2)}@media (width<=900px){.login-right{display:none}.login-left{border-right:none;width:100%}.stats-row{grid-template-columns:1fr}.invoice-summary{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.product-modal{width:98vw}.product-modal-body{grid-template-columns:1fr}.pm-image-col,.pm-info-col{border-right:none;border-bottom:var(--border)}.pm-image-wrap{aspect-ratio:4/3}.pm-emoji-display{aspect-ratio:4/3!important}}@media (width<=680px){.subnav{padding-left:0}.sidebar{z-index:80;height:auto;box-shadow:var(--shadow-lg);transition:left .25s;position:fixed;top:52px;bottom:0;left:-240px}.sidebar.open{left:0}.profile-grid{grid-template-columns:1fr}.invoice-summary{grid-template-columns:1fr 1fr}.product-modal-body{grid-template-columns:1fr}.currency-switcher{display:none}.header-left{width:auto}.home-kpi-row{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr}.home-grid>.home-card[style*=grid-column]{grid-column:1!important}.home-welcome{flex-direction:column;gap:1rem}.home-quick-actions{width:100%}.hqa-btn{flex:1;justify-content:center;padding:.5rem;font-size:.75rem}.home-season-chart>div>div:first-child{display:none}.home-season-chart{height:100px;padding:.8rem .8rem .5rem}.stat-card,#taxinv-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.product-card[style*=flex-direction\:row]{overflow:visible}.product-card[style*=flex-direction\:row] .pc-add-btn{width:24px;height:24px;margin-right:.4rem;font-size:1.03rem}.selection-bar{gap:.4rem;height:44px;padding:0 .5rem}.selbar-info{gap:.4rem;min-width:0}.selbar-select{max-width:160px;padding:.25rem .4rem;font-size:.68rem}.selbar-meta{display:none}.selbar-actions .btn-sm{padding:.25rem .5rem;font-size:.71rem}.home-overdue-item{flex-wrap:wrap}.home-ov-right{flex-shrink:0}.home-card-head{padding:.5rem .75rem}.home-bs-row{gap:.5rem;padding:.5rem .75rem}.home-overdue-item,.home-sel-item{padding:.5rem .75rem}.product-modal{border-radius:0;width:100vw;height:100vh;max-height:100vh;margin:0;overflow-x:hidden}.product-modal-body{grid-template-rows:auto auto auto;grid-template-columns:1fr;height:calc(100vh - 48px);overflow-y:auto}.pm-image-col{border-right:none;border-bottom:var(--border)}.pm-image-wrap{aspect-ratio:4/3;font-size:6rem}.pm-emoji-display{aspect-ratio:4/3!important;font-size:6rem!important}.pm-info-col{border-right:none;border-bottom:var(--border);min-width:0;padding:1rem}.pm-title{padding-right:2rem;font-size:1.08rem}.pm-colors{gap:.3rem}.pm-color-thumb{width:32px!important;height:32px!important}.pm-order-col{min-width:0;padding:1rem}.pm-qty-head,.pm-qty-row{min-width:max-content}.pm-qty-head span,.pm-qty-row span{min-width:32px;padding:.3rem .1rem}.pm-qty-row input{min-width:32px;padding:.3rem .1rem;font-size:.78rem}.pm-size-switch{margin-bottom:.75rem}.sz-btn{padding:.2rem .4rem;font-size:.75rem}.pm-total-bar{flex-direction:column;align-items:flex-start;gap:.5rem}.pm-total-bar div{gap:.5rem;width:100%;display:flex}.pm-total-bar div button{flex:1}.modal-nav{top:.5rem;right:.5rem}.modal-nav-btn,.modal-close{width:32px;height:32px}.pm-spec-row{font-size:.85rem}.pm-spec-row strong{text-align:right;word-break:break-all;max-width:55%;font-size:.85rem}}.cat-tree{padding:.5rem 0}.cat-group{border-bottom:var(--border)}.cat-group-head{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;font-size:.78rem;font-weight:700;transition:background .1s;display:flex}.cat-group-head:hover{background:var(--smoke)}.cat-group-body{padding:.2rem 0 .4rem}.cat-item{color:var(--mid);cursor:pointer;letter-spacing:.02em;padding:.32rem 1.2rem .32rem 1.8rem;font-size:.86rem;text-decoration:none;transition:background .1s,color .1s;display:block}.cat-item:hover{background:var(--smoke);color:var(--ink)}.cat-item.active{color:var(--ink);background:var(--smoke);border-left:2px solid var(--ink);padding-left:calc(1.8rem - 2px);font-weight:600}.home-banner{border:1.5px solid var(--ink);border-radius:var(--radius);height:180px;margin-bottom:1.5rem;position:relative;overflow:hidden}.banner-track{height:100%;transition:transform .4s;display:flex}.banner-slide{color:#fff;justify-content:space-between;align-items:center;min-width:100%;height:100%;padding:2rem 2.5rem;display:flex;position:relative}.banner-text{padding-left:20%}.banner-tag{font-family:var(--font-mono);letter-spacing:.18em;color:#ffffff80;margin-bottom:.5rem;font-size:.75rem}.banner-title{font-family:var(--font-mono);letter-spacing:-.01em;margin-bottom:1rem;font-size:1.53rem;font-weight:500;line-height:1.2}.banner-emoji{opacity:.3;-webkit-user-select:none;user-select:none;padding-right:20%;font-size:5rem}.banner-arrow{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:1px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.23rem;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-arrow:hover{background:#fff3}.banner-arrow.left{left:1rem}.banner-arrow.right{right:1rem}.banner-dots{gap:.4rem;display:flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.bdot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:background .2s}.bdot.active{background:#fff}.home-md{margin-bottom:1.5rem}.home-md-grid{background:var(--smoke-3);border:var(--border);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.md-card{background:var(--white);cursor:pointer;text-align:center;padding:1rem .75rem;transition:background .15s}.md-card:hover{background:var(--smoke)}.md-emoji{margin-bottom:.5rem;font-size:2.8rem}.md-badge{background:var(--ink);color:var(--white);font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:.4rem;padding:.15em .5em;font-size:.65rem;display:inline-block}.md-name{color:var(--ink);margin-bottom:.15rem;font-size:.85rem;font-weight:600}.md-color{color:var(--mid);margin-bottom:.3rem;font-size:.78rem}.md-price{font-family:var(--font-mono);color:var(--ink);font-size:.85rem;font-weight:500}@media (width<=680px){.home-banner{height:140px}.banner-title{font-size:1.13rem}.banner-slide{padding:1.2rem 1.5rem}.banner-emoji{font-size:3rem}.home-md-grid{grid-template-columns:repeat(3,1fr)}}