:root{--ink:#0d1321;--ink-soft:#334155;--muted:#64748b;--line:#e5e7eb;--bg:#f4f6fb;--card:#fff;--brand:#2563eb;--brand-strong:#1d4ed8;--accent:#7c3aed;--success:#10b981;--warning:#f59e0b;--danger:#dc2626;--sidebar:#0d1321;--sidebar-soft:#1b2436;--radius:12px;--radius-lg:16px;--shadow-card:0 1px 3px #0d13210f;--shadow-hover:0 12px 30px #0d13211a}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-family:Sarabun,Inter,Segoe UI,Leelawadee UI,Tahoma,sans-serif;font-size:15px;line-height:1.6}a,body{color:var(--ink)}a{text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}h1 small{color:var(--muted);letter-spacing:0;font-size:.82rem;font-weight:400}h2{letter-spacing:-.01em;margin:1.4em 0 .6em;font-size:1.08rem;font-weight:700}h3{margin:1.1em 0 .35em;font-size:.95rem;font-weight:600}.muted{color:var(--muted)}.small{font-size:.85em}.num{text-align:right;font-variant-numeric:tabular-nums}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#cbd5e1;z-index:45;flex-direction:column;flex:none;width:248px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{padding:20px 20px 14px}.sidebar-brand:hover{text-decoration:none}.side-nav{flex-direction:column;flex:1;gap:2px;padding:6px 12px;display:flex;overflow-y:auto}.side-group{letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin-top:14px;padding:0 10px 4px;font-size:.68rem;font-weight:700}.side-link{color:#cbd5e1;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:.92rem;transition:background .12s,color .12s;display:flex}.side-link:hover{background:var(--sidebar-soft);color:#fff;text-decoration:none}.side-link.active{background:var(--brand);color:#fff;font-weight:600}.side-link .si{flex:none;place-items:center;width:20px;height:20px;display:grid}.side-link .si svg{stroke:currentColor;fill:none;width:19px;height:19px}.side-count{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.7rem;font-weight:800;display:grid}.side-link.active .side-count{background:#ffffff40}.side-foot{border-top:1px solid #ffffff14;padding:12px;position:relative}.side-user{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.side-user:hover{background:var(--sidebar-soft)}.side-user .su-name{font-size:.88rem;font-weight:600;line-height:1.2}.side-user .su-role{color:#94a3b8;font-size:.74rem}.side-user .su-caret{color:#64748b;margin-left:auto}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:30;align-items:center;gap:14px;padding:12px 22px;display:flex;position:sticky;top:0}.app-topbar .menu-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:none}.app-topbar .app-title{color:var(--ink-soft);letter-spacing:.01em;font-size:.95rem;font-weight:700}.side-scrim{display:none}@media (width<=900px){.sidebar{transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000059}.app-shell.nav-open .sidebar{transform:translate(0)}.app-shell.nav-open .side-scrim{z-index:44;background:#0d132173;display:block;position:fixed;inset:0}.app-topbar .menu-toggle{display:inline-flex}}.user-menu{margin-left:auto;position:relative}.avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0;display:block}.avatar-btn:hover{outline:2px solid #3f3f46}.avatar{-o-object-fit:cover;object-fit:cover;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.avatar-fallback{color:#fff;background:#27272a;font-weight:700}.user-dropdown{background:var(--card);border:1px solid var(--line);z-index:50;border-radius:10px;min-width:210px;display:none;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 30px #00000024}.user-dropdown.show{display:block}.ud-head{border-bottom:1px solid var(--line);background:#fafafa;padding:12px 16px}.user-dropdown a{color:var(--ink);padding:10px 16px;font-size:.92em;display:block}.user-dropdown a:hover{background:#fafafa;text-decoration:none}.ud-logout{border-top:1px solid var(--line);color:var(--danger)!important}.chat-thread{max-width:720px}.chat-msg{flex-direction:column;margin-bottom:12px;display:flex}.chat-customer{align-items:flex-start}.chat-shop{align-items:flex-end}.chat-bubble{border-radius:14px;max-width:78%;padding:9px 14px;line-height:1.55}.chat-customer .chat-bubble{background:#f4f4f5;border-bottom-left-radius:4px}.chat-shop .chat-bubble{background:var(--ink);color:#fff;border-bottom-right-radius:4px}.chat-time{color:var(--muted);margin-top:3px;font-size:.72em}.menu-pick{border:1px solid var(--line);background:#fafafa;border-radius:8px;margin:12px 0;padding:10px 14px}.menu-pick .pick-title{color:var(--ink-soft);margin-bottom:8px;font-size:.88em;display:block}.menu-pick-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px;display:grid}.menu-pick-grid .radio{align-items:center;gap:6px;margin:0;font-size:.9em;display:flex}.menu-pick-grid .radio input{width:auto;margin:0}.profile-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.user-card{margin-bottom:14px;position:relative}.delete-form{margin:0;position:absolute;top:16px;right:16px}.delete-form .btn{color:var(--danger);border-color:#fecaca;padding:4px 12px;font-size:.8em}.container{width:100%;max-width:1180px;margin:0 auto;padding:26px 24px 70px}.badge{--c:#52525b;white-space:nowrap;color:var(--c);background:#f4f4f5;background:color-mix(in srgb,var(--c) 10%,#fff);border:1px solid;border-color:color-mix(in srgb,var(--c) 28%,#fff);border-radius:999px;padding:2px 10px;font-size:.78em;font-weight:600;display:inline-block}.badge-outline{background:#fff;border:1px solid}.status-summary{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.status-chip{background:var(--card);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:5px 14px;font-size:.88em}.status-chip strong{color:var(--ink)}.status-chip:hover{border-color:var(--ink);text-decoration:none}.status-chip.active{border-color:var(--ink);background:var(--ink);color:#fff}.status-chip.active strong{color:#fff}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-bar input,.filter-bar select{border:1px solid var(--line);background:var(--card);font:inherit;color:var(--ink);border-radius:10px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.filter-bar input[type=search]{min-width:230px}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2563eb26}.card table,.orders-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--line);width:100%;overflow:hidden}.card table{border:none}.card td,.card th,.orders-table td,.orders-table th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 14px}.orders-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#fafafa;font-size:.78em;font-weight:600}.orders-table td:first-child,.orders-table td:nth-child(2),.orders-table th{white-space:nowrap}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover td{background:#fafafa}.order-link{font-weight:700}.empty{padding:36px!important}.total-row td{border-top:2px solid var(--ink);font-weight:700}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;font:inherit;color:var(--ink);border-radius:10px;padding:9px 18px;font-size:.92em;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:inline-block}.btn:hover{border-color:var(--ink);text-decoration:none}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-primary:hover{background:#000;transform:translateY(-1px);box-shadow:0 8px 20px #1111132e}.btn-ghost{color:var(--muted);box-shadow:none;background:0 0;border-style:dashed}.btn-block{width:100%}.btn-lg{border-radius:12px;margin-top:16px;padding:13px 30px;font-size:1em}.btn-warn{color:#fff!important;background:#d97706!important;border-color:#d97706!important}label{color:var(--ink-soft);margin:12px 0;font-size:.88em;display:block}label input,label select,label textarea{border:1px solid var(--line);width:100%;font:inherit;background:var(--card);color:var(--ink);border-radius:10px;margin-top:5px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:block}label input:focus,label select:focus,label textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2563eb26}label.checkbox{align-items:center;gap:8px;display:flex}label.checkbox input{width:auto;margin:0;display:inline}.inline-form{margin-bottom:18px}.field-row{align-items:end;gap:12px;display:flex}.field-row label{flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 22px}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}@media (width<=800px){.grid-2{grid-template-columns:1fr}}.order-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alert{border-radius:var(--radius);border:1px solid;padding:12px 16px}.alert-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert-ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.alert-warn{color:#92400e;background:#fffbeb;border-color:#fde68a;margin:12px 0}.alert-warn ul{margin:8px 0 0;padding-left:20px}.alert-warn li{margin-bottom:4px}.notes{padding:0;list-style:none}.notes li{border-left:2px solid var(--line);margin-bottom:8px;padding:5px 12px}.product-search{margin-bottom:10px;position:relative}.product-search input{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:10px 13px}.product-search input:focus{border-color:var(--ink);outline:none}.search-results{z-index:10;background:var(--card);border:1px solid var(--line);border-radius:0 0 10px 10px;max-height:300px;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 10px 24px #00000014}.search-results:empty{display:none}.search-item{cursor:pointer;border-bottom:1px solid #f4f4f5;padding:10px 13px}.search-item:hover{background:#fafafa}.login-page{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-wrap{width:340px}.login-logo{width:230px;height:auto;margin:0 auto 26px;display:block}.login-card{background:var(--card);border-radius:14px;padding:28px 30px 30px}.login-card h1{text-align:center;margin:0 0 6px}.login-card h1 small{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.72em}.pagination{justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.copy-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:14px 0;padding:12px 16px}.copy-box label{color:var(--muted);margin:0 0 6px;font-size:.82em}.copy-row{gap:8px;display:flex}.copy-row input{border:1px solid var(--line);color:var(--ink-soft);background:#fafafa;border-radius:8px;flex:1;padding:8px 11px;font-size:.85em}.track-page{background:var(--bg)}.track-wrap{max-width:640px;margin:0 auto;padding:30px 16px 70px}.track-brand{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.track-logo{height:30px}.track-box{border-radius:var(--radius);background:#f0fdf4;border:1px solid #bbf7d0;margin:16px 0;padding:15px 18px;line-height:1.9}.track-box .btn{margin-top:8px}.track-box-wait{background:#fffbeb;border-color:#fde68a}.tracking-no{letter-spacing:1px;font-size:1.15em}.upload-area{border-radius:var(--radius);text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d4d4d8;margin:12px 0;padding:28px;display:block}.upload-area:hover{border-color:var(--ink);background:#f4f4f5}.stat-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:16px 0 26px;display:grid}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 20px;transition:transform .15s,box-shadow .15s,border-color .15s}.stat-value{letter-spacing:-.03em;font-size:1.7rem;font-weight:800}.stat-label{color:var(--muted);margin-top:2px;font-size:.85em}.stat-danger{background:#fef2f2;border-color:#fecaca}.stat-danger .stat-value{color:var(--danger)}.stat-sub{color:var(--muted);border-top:1px dashed var(--line);margin-top:8px;padding-top:8px;font-size:.82em;display:block}.stat-sub strong{color:var(--ink-soft);font-weight:700}.stat-sub-link{color:var(--muted)}.stat-sub-link:hover{color:var(--ink);text-decoration:none}.stat-card-split{flex-direction:column;padding:0;display:flex}.stat-card-split .stat-main{color:var(--ink);padding:16px 18px 0;display:block}.stat-card-split .stat-main:hover{background:#fafafa;text-decoration:none}.stat-card-split .stat-sub{border-top:1px dashed var(--line);margin:8px 0 0;padding:10px 18px}.stat-card-split .stat-sub:hover{background:#fafafa}a.stat-link{color:var(--ink);display:block}a.stat-link:hover{box-shadow:var(--shadow-hover);text-decoration:none;transform:translateY(-3px)}a.stat-link.stat-danger:hover{box-shadow:0 12px 30px #dc26261f}.stat-chevron{color:#c4c4c8;font-weight:700}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:12px;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:18px 16px 15px;font-weight:600;transition:border-color .12s;display:block;position:relative}.tile:hover{border-color:var(--ink);text-decoration:none}.tile-icon{margin-bottom:8px;font-size:1.45rem;display:block}.tile-sub{color:var(--muted);margin-top:3px;font-size:.8em;font-weight:400;display:block}.tile-count{background:var(--ink);color:#fff;text-align:center;border-radius:999px;min-width:26px;padding:2px 9px;font-size:.8em;font-weight:700;position:absolute;top:12px;right:12px}.tile-count.danger{background:var(--danger)}.tile-count.muted-count{background:#a1a1aa}.tile-danger{background:snow;border-color:#fecaca}.tile-muted{opacity:.8}.bar-chart{gap:2px;height:140px;margin:12px 0 6px}.bar-chart,.bar-col{align-items:flex-end;display:flex}.bar-col{flex:1;height:100%}.bar{background:#d4d4d8;border-radius:2px 2px 0 0;width:100%;min-height:2px}.bar-col:hover .bar{background:var(--ink)}.banner-overdue{border:1px solid #fecaca;border-left:4px solid var(--danger);color:#7f1d1d;background:linear-gradient(90deg,#fef2f2,#fff 72%);border-radius:14px;align-items:center;gap:10px;margin-bottom:18px;padding:14px 18px;font-size:.93em;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.banner-overdue:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 26px #dc262624}.overdue-days{color:var(--danger);white-space:nowrap;font-size:.85em;font-weight:700}.fulfillment-pick{border:1px solid var(--line);background:#fafafa;border-radius:8px;align-items:center;gap:18px;margin:12px 0;padding:10px 14px;display:flex}.fulfillment-pick .pick-title{color:var(--ink-soft);font-size:.88em}.fulfillment-pick .radio{align-items:center;gap:6px;margin:0;display:flex}.fulfillment-pick .radio input{width:auto;margin:0}.card-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.card-head-row h2{margin:0}.prod-note{margin-top:2px;padding-left:22px}.prod-order{border-bottom:1px solid var(--line);padding:12px 0}.prod-order:last-child{border-bottom:none}.prod-order-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prod-items{margin:6px 0 0;padding-left:22px}.prod-items li{margin-bottom:2px}.prod-group{margin-bottom:14px}.prod-group-label{background:#f4f4f5;border-radius:6px;margin-bottom:6px;padding:5px 12px;font-weight:700;display:inline-block}.prod-group-items{margin:4px 0 0;padding-left:24px}.prod-group-items li{margin-bottom:4px}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted-inline{opacity:.72;font-size:.82em;font-weight:400}.head-actions form{margin:0}.btn-clear{color:#b45309;border-color:#fed7aa}.btn-clear:hover{background:#fff7ed;border-color:#b45309}.btn-sm{padding:4px 12px;font-size:.8em}.undo-form{margin:0 0 0 auto}.produced-card{border-color:#bbf7d0;margin-top:18px}.produced-card h2{color:#15803d}.order-cards{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.order-card-wrap{position:relative}.order-card-wrap:not(:last-child){border-bottom:1px solid var(--line)}.order-card{color:var(--ink);background:0 0;align-items:stretch;gap:13px;padding:13px 15px;transition:background .12s;display:flex}.order-card:hover{background:#fafafa;text-decoration:none}.order-card.oc-overdue{background:#fff5f5;box-shadow:inset 3px 0 #f87171}.oc-left{border-right:1px solid var(--line);flex-direction:column;flex:none;justify-content:center;gap:1px;min-width:66px;padding-right:13px;display:flex}.oc-no{letter-spacing:-.01em;font-size:1.02rem;font-weight:800}.oc-date,.oc-time{color:var(--muted);font-size:.8em;line-height:1.3}.oc-overdue-days{color:#dc2626;margin-top:3px;font-size:.72em;font-weight:700}.oc-main{flex-direction:column;flex:auto;justify-content:center;gap:7px;min-width:0;display:flex}.oc-cust{padding-right:68px;line-height:1.35}.oc-cust .oc-name{font-weight:600}.oc-cust .oc-phone{color:var(--muted);font-weight:400}.oc-bot{align-items:center;gap:6px}.oc-badges,.oc-bot{flex-wrap:wrap;display:flex}.oc-badges{gap:5px}.oc-total{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:1rem;font-weight:800}.oc-arrow{color:#c4c4c8;font-size:1.15rem;font-weight:700;line-height:1}.oc-empty{text-align:center;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px}.oc-actions{z-index:3;align-items:center;gap:2px;display:flex;position:absolute;top:8px;right:9px}.oc-actions .oc-del{margin:0}.oc-icon-btn{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.oc-label-btn{color:#4b5563}.oc-label-btn:hover{color:#111;background:#e9ebec}.oc-del-btn{color:#ea580c}.oc-del-btn:hover{background:#fce9df}.paste-card{margin-bottom:18px}.paste-card textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:11px 13px}.paste-card textarea:focus{border-color:var(--ink);outline:none}.paste-card textarea::placeholder{color:#d4d4d8}.paste-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.oc-items{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.92em;font-weight:400;display:block;overflow:hidden}.oc-edited-items{color:#7c3aed;font-weight:500}.oc-item-list{color:var(--ink-soft);margin:3px 0 0;padding:0;font-size:.92em;font-weight:400;line-height:1.4;list-style:none}.oc-item-list li{padding-left:12px;position:relative}.oc-item-list li:before{content:"•";color:#c4c4c8;position:absolute;left:0}.date-filter{color:var(--muted);white-space:nowrap;gap:5px;font-size:.88em}.date-field,.date-filter{align-items:center;display:inline-flex}.date-field{gap:4px;position:relative}.date-field .date-th{border:1px solid var(--line);width:118px;font:inherit;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;padding:7px 9px}.date-field .date-th:focus{border-color:var(--ink);outline:none}.date-field .date-th::placeholder{color:#c4c4c8}.date-field .date-pick{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0}.date-cal-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:6px 8px;font-size:.95em;line-height:1}.date-cal-btn:hover{border-color:var(--ink)}.page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:.6em;display:flex}.page-head-row h1{margin:0}.problem-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:14px;display:grid}.problem-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--sev,var(--muted));border-radius:var(--radius);padding:14px 16px}.pc-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.pc-type{color:var(--muted);font-size:.82em;font-weight:600}.pc-customer{margin-bottom:4px;font-weight:700}.pc-summary{color:var(--ink-soft);font-size:.95em;line-height:1.5}.pc-quote{color:var(--muted);background:#fafafa;border-radius:8px;margin-top:8px;padding:8px 11px;font-size:.88em;font-style:italic}.pc-action{margin:0 0 0 auto}.btn-mini{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:4px 10px;font-size:.82em;font-weight:600;line-height:1.4}.btn-mini-done{color:#fff;background:#111;border-color:#111}.btn-mini-done:hover{background:#000}.btn-mini-ghost{color:var(--muted)}.btn-mini-ghost:hover{border-color:var(--muted);color:var(--ink)}.problem-card.is-resolved{opacity:.72;border-left-style:dashed}.problems-toggle{margin:10px 0 0;font-size:.9em}.content-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:6px;display:grid}.content-sec h3{margin-top:0}.content-sec-desc{margin-bottom:8px}.content-topics{margin:0;padding:0;list-style:none}.content-topics li{border-bottom:1px solid var(--line);padding:8px 0}.content-topics li:last-child{border-bottom:0}.ct-topic{font-weight:600;display:block}.ct-note{margin-top:2px;display:block}.empty{color:var(--muted);text-align:center;padding:14px}p.empty.small{padding:8px}.rank-list{counter-reset:rank;margin:0;padding-left:0;list-style:none}.rank-list li{counter-increment:rank;border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.rank-list li:last-child{border-bottom:0}.rank-list li:before{content:counter(rank);background:var(--ink);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78em;font-weight:700;display:flex}.rank-name{flex:auto;font-weight:600}.rank-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88em}.cost-group{margin-bottom:20px}.cost-sheet{border-collapse:collapse;width:100%;margin-bottom:10px}.cost-sheet th{text-align:left;color:var(--muted);padding:2px 8px 7px;font-size:.78em;font-weight:600}.cost-sheet td,.cost-sheet th{border-bottom:1px solid var(--line)}.cost-sheet td{vertical-align:middle;padding:5px 8px}.cost-sheet tr:last-child td{border-bottom:none}.cost-sheet .num-col{text-align:right;width:130px}.cost-sheet th.num-col{text-align:right}.cost-sheet .act-col{text-align:center;width:34px}.cost-sheet input{border:1px solid var(--line);background:var(--card);border-radius:8px;width:100%;padding:7px 9px;font-size:.92em}.cost-sheet input:focus{border-color:var(--ink);outline:none}.cost-sheet .name-input{font-weight:600}.cost-sheet .cost-input,.cost-sheet .ref-input{text-align:right;font-variant-numeric:tabular-nums}.cost-sheet .margin-cell{font-variant-numeric:tabular-nums;color:#15803d;white-space:nowrap;font-weight:600}.cost-sheet .margin-cell.neg{color:var(--danger)}.row-del{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1em;line-height:1}.row-del:hover{color:var(--danger);background:#fef2f2}.rules-textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:var(--card);resize:vertical;border-radius:8px;padding:11px 13px;font-size:.92em;line-height:1.7}.rules-textarea:focus{border-color:var(--ink);outline:none}.packing-field{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.packing-field span{font-size:.92em;font-weight:600}.packing-field input{border:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;background:var(--card);border-radius:8px;width:140px;padding:7px 9px;font-size:.92em}.packing-field input:focus{border-color:var(--ink);outline:none}.cost-save-bar{background:linear-gradient(to top,var(--bg) 60%,transparent);text-align:right;padding:14px 0;position:sticky;bottom:0}.cost-save-bar .btn-lg{margin-top:0}.acc-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 16px;display:flex}.calc-progress{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:-6px 0 18px;padding:13px 15px}.calc-progress[hidden]{display:none}.calc-progress-head{align-items:center;gap:9px;font-size:.92em;font-weight:600;display:flex}.calc-progress-pct{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.calc-bar{background:#ececee;border-radius:999px;height:8px;margin-top:9px;overflow:hidden}.calc-bar-fill{background:var(--ink);border-radius:999px;width:0;height:100%;transition:width .35s}.calc-progress.is-done .calc-bar-fill{background:#15803d}.calc-progress-sub{margin-top:7px}.calc-spinner{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite calc-spin}.calc-progress.is-done .calc-spinner{border:none;width:auto;height:auto;animation:none}.calc-progress.is-done .calc-spinner:before{content:"✓";color:#15803d;font-weight:700}@keyframes calc-spin{to{transform:rotate(1turn)}}.acc-order{margin-bottom:14px;padding:14px 16px}.acc-order-head{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:8px}.acc-order-head,.acc-order-id{align-items:baseline;display:flex}.acc-order-id{gap:8px;font-weight:700}.acc-order-cust{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.acc-order-cust .acc-name{font-weight:600}.acc-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.acc-table{border-collapse:collapse;width:100%;min-width:460px;font-size:.93em}.acc-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:4px 8px 7px;font-size:.76em;font-weight:600}.acc-table td,.acc-table th{border-bottom:1px solid var(--line)}.acc-table td{vertical-align:middle;padding:7px 8px}.acc-table tbody tr:last-child td{border-bottom:1px solid var(--line)}.acc-table .num-col{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:110px}.acc-table th.num-col{text-align:right}.acc-table th.cost-th{color:var(--ink)}.acc-item-name{line-height:1.4}.acc-opts{color:var(--muted);margin-top:1px;font-size:.82em;display:block}.cost-cell{white-space:nowrap}.acc-cost-input{border:1px solid var(--line);text-align:right;width:92px;font:inherit;font-variant-numeric:tabular-nums;background:var(--card);border-radius:8px;padding:6px 8px}.acc-cost-input:focus{border-color:var(--ink);outline:none}.acc-cost-input.cost-uncertain{border-color:var(--danger);background:#fef2f2;border-width:2px}.acc-note{width:14px;color:var(--muted);cursor:help;font-size:.85em;display:inline-block}.acc-table tfoot td{border-bottom:none;border-top:2px solid var(--line);font-variant-numeric:tabular-nums;padding-top:9px}.acc-foot-label{text-align:right;color:var(--muted);font-size:.9em}.acc-foot-profit.acc-gain strong{color:#15803d}.acc-foot-profit.acc-loss strong{color:var(--danger)}.acc-save-bar{background:linear-gradient(to top,var(--bg) 60%,transparent);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;display:flex;position:sticky;bottom:0}.acc-save-bar .btn-lg{margin-top:0}.acc-future{margin:4px 0 30px}.card.empty{text-align:center;color:var(--muted);padding:30px}#sum-cost,#sum-margin,#sum-profit{font-variant-numeric:tabular-nums}@media (width<=560px){.acc-order{padding:12px}.acc-table{min-width:440px;font-size:.88em}.acc-table td,.acc-table th{padding:6px}.acc-table .num-col{width:92px}.acc-cost-input{width:78px}}.ship-actions{align-items:center;gap:10px;margin-bottom:18px}.date-filter,.ship-actions{flex-wrap:wrap;display:flex}.date-filter{align-items:flex-end;gap:8px;margin-bottom:16px}.date-filter label{color:var(--muted);flex-direction:column;gap:3px;font-size:.8em;display:flex}.date-filter input[type=date]{padding:6px 8px}.label-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=800px){.label-grid{grid-template-columns:1fr}}.ship-label{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.ship-label:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.ship-label.is-shipped{border-color:#16a34a}.sl-pick{position:absolute;top:8px;left:10px}.sl-pick input{cursor:pointer;width:20px;height:20px}.sl-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px 8px 40px;display:flex}.sl-head .sl-no{letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.sl-head .sl-date{color:var(--muted);font-size:.62em;font-weight:500}.sl-head .sl-logo{height:18px}.sl-badges{flex-wrap:wrap;gap:6px;padding:8px 14px 0;display:flex}.sl-prodnote{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:6px;margin:8px 14px 0;padding:6px 10px;font-size:.85em}.sl-from,.sl-to{padding:8px 14px}.sl-from{color:var(--ink-soft);border-bottom:1px dashed #999;font-size:.9em}.sl-to{border-bottom:1px solid var(--line);flex:1}.sl-cap{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:.72em;font-weight:700}.sl-name{margin:2px 0;font-size:1.15rem;font-weight:800}.sl-phone{font-weight:700}.sl-addr{margin-top:2px}.sl-via{margin-top:6px}.sl-via strong{font-size:1.02em}.sl-items{color:var(--ink-soft);padding:8px 14px;font-size:.9em}.sl-items .sl-cap{margin-bottom:3px;display:block}.sl-items div{line-height:1.5}.sl-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.sl-total{font-weight:700}.ship-bar{z-index:5;background:var(--bg);padding:10px 0;position:sticky;top:0}@media print{@page{margin:10mm}body{background:#fff}.alert,.date-filter,.no-print,.ship-actions,.ship-bar,.sl-pick,.topbar,h1{display:none!important}.container{max-width:none;margin:0;padding:0}.label-grid{display:block}.ship-label{page-break-inside:avoid;border:2px solid #000;border-radius:0;margin:0 0 8mm}.ship-label .sl-head{padding-left:14px}.sl-from,.sl-head,.sl-to{border-color:#000}}.dash-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.dash-greet h1{letter-spacing:-.03em;font-size:1.75rem;line-height:1.1}.dash-greet .dash-date{color:var(--muted);margin-top:4px;font-size:.95em}.dash-hero .dash-cta{background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-size:.95em;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.dash-hero .dash-cta:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 24px #0000002e}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:30px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:18px;padding:20px 22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:block;position:relative;overflow:hidden}a.kpi:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 14px 34px #00000014}.kpi-icon{background:color-mix(in srgb,var(--tint,#111113) 12%,#fff);border-radius:13px;place-items:center;width:40px;height:40px;font-size:1.15rem;display:grid;position:absolute;top:18px;right:18px}.kpi-label{color:var(--muted);font-size:.82em;font-weight:600}.kpi-value{letter-spacing:-.035em;margin-top:8px;font-size:2rem;font-weight:800;line-height:1.05}.kpi-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:.82em;display:flex}.kpi-delta{border-radius:999px;align-items:center;gap:3px;padding:2px 9px;font-size:.92em;font-weight:800;display:inline-flex}.kpi-up{color:#15803d;background:#dcfce7}.kpi-down{color:#b91c1c;background:#fee2e2}.kpi-flat{color:#71717a;background:#f4f4f5}.kpi-arrow{color:#c4c4c8;font-size:1.1rem;font-weight:800;transition:transform .15s,color .15s;position:absolute;bottom:16px;right:18px}a.kpi:hover .kpi-arrow{color:var(--ink);transform:translate(3px)}.kpi.is-danger{background:linear-gradient(#fff,#fef4f4);border-color:#fecaca}.kpi.is-danger .kpi-value{color:var(--danger)}.kpi.is-danger .kpi-icon{background:#fee2e2}.dash-alert{border:1px solid #fecaca;border-left:4px solid var(--danger);color:#7f1d1d;background:linear-gradient(90deg,#fef2f2,#fff 70%);border-radius:14px;align-items:center;gap:12px;margin-bottom:26px;padding:15px 20px;font-weight:600;transition:box-shadow .15s,transform .15s;display:flex}.dash-alert:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 26px #dc262624}.dash-alert .da-num{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 8px;font-weight:800;display:grid}.dash-alert .da-go{margin-left:auto;font-weight:800}.dash-section{margin-bottom:30px}.dash-section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);align-items:center;gap:12px;margin-bottom:14px;font-size:.76em;font-weight:700;display:flex}.dash-section-title:after{content:"";background:var(--line);flex:1;height:1px}.dash-tiles{grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:14px;display:grid}.dash-tile{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.dash-tile:hover{border-color:color-mix(in srgb,var(--tint,#111113) 40%,var(--line));text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 30px #00000017}.dash-tile-ico{background:color-mix(in srgb,var(--tint,#111113) 13%,#fff);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:1.35rem;display:grid}.dash-tile-body{min-width:0}.dash-tile-body strong{letter-spacing:-.01em;font-size:1rem;display:block}.dash-tile-sub{color:var(--muted);margin-top:3px;font-size:.82em;line-height:1.4}.dash-tile-count{background:var(--ink);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 8px;font-size:.76em;font-weight:800;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #0000001f}.dash-tile-count.is-danger{background:var(--danger)}.dash-tile-count.is-muted{color:var(--ink-soft);box-shadow:none;background:#e4e4e7}@media (width<=640px){.dash-greet h1{font-size:1.45rem}.kpi-value{font-size:1.7rem}}