:root{--accent:#7002ff;--accent-dark:#5300c2;--accent-soft:#f1e9ff;--accent-line:#d9c6ff;--ink:#17122b;--muted:#6a6480;--faint:#9a94ad;--line:#e6e1f0;--line-soft:#f0edf6;--bg:#f6f4fa;--hover:#faf8fe;--ok:#0f8f62;--ok-soft:#e5f5ee;--red:#d6304a;--red-soft:#fcebee;--amber:#a8650b;--amber-soft:#fdf2e1;--blue:#3b4fd8;--blue-soft:#eceffe;--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1.45}.app{max-width:1220px;margin:0 auto;padding:0 24px 96px}@media (width<=700px){.app{padding:0 14px 120px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}header.top{border-bottom:1px solid var(--line);align-items:center;gap:28px;margin-bottom:8px;padding:16px 0;display:flex}.logo-mark{flex:none;width:auto;height:22px;display:block}.nav{gap:4px;display:flex}.nav-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.95rem;font-weight:700;position:relative}.nav-btn:hover{color:var(--ink);background:var(--line-soft)}.nav-btn.active{color:var(--accent);background:var(--accent-soft)}.cnt{background:var(--red);color:#fff;text-align:center;vertical-align:1px;border-radius:999px;min-width:18px;margin-left:6px;padding:0 5px;font-size:.7rem;font-weight:800;line-height:18px;display:inline-block}.who{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;margin-left:auto;font-size:.85rem;display:flex}.who b{color:var(--ink);font-weight:700}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-family:inherit;font-size:.85rem;font-weight:700}.link-btn:hover{color:var(--accent)}.subnav{background:var(--line-soft);border-radius:10px;gap:2px;width:max-content;max-width:100%;margin:16px 0 18px;padding:3px;display:flex;overflow-x:auto}.sub-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:.86rem;font-weight:700}.subnav.fill{width:100%}.subnav.fill .sub-btn{flex:1;padding:7px 8px}.sub-btn.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #17122b14}.page-gap{height:18px}@media (width<=700px){header.top{gap:12px;padding:12px 0}header.top .nav{display:none}.bottom-nav{z-index:40;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-btn{text-align:center;flex:1;padding:10px 2px;font-size:.78rem}.who .nm{display:none}.subnav{flex-wrap:wrap;width:auto}details.hint .hint-body{top:auto;left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;position:fixed}.logo-mark{height:18px}.bottom-nav .nav-btn.active{background:var(--accent-soft);color:var(--accent)}}@media (width>=701px){.bottom-nav{display:none}}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px 24px}@media (width<=700px){.panel{border-radius:10px;padding:16px}}.panel+.panel{margin-top:16px}.ph{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;display:flex}h2.panel-title{letter-spacing:-.02em;margin:0 0 16px;font-size:1.4rem;font-weight:800;line-height:1.2}.ph h2.panel-title{margin:0}h3.sec{color:var(--ink);letter-spacing:-.01em;margin:26px 0 8px;font-size:1.05rem;font-weight:800}h3.sec .muted{font-size:.85rem;font-weight:600}.lead{color:var(--ink);margin:-6px 0 14px;font-size:.95rem}.muted{color:var(--muted)}.small{font-size:.84rem}.split{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:18px;display:grid}.split.wide{grid-template-columns:minmax(260px,310px) 1fr}@media (width<=960px){.split,.split.wide{grid-template-columns:1fr}}.split>*{min-width:0}table.ed-t{min-width:860px}table.ed-t select{min-width:120px}.btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:700}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-secondary{border-color:var(--line);color:var(--ink);background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-danger{color:var(--red);background:#fff;border-color:#f2c4ca}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-sm{border-radius:8px;padding:6px 11px;font-size:.8rem}.actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}@media (width<=700px){.btn{padding:12px 18px}.btn-sm{padding:8px 12px}}.savebar{z-index:20;border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;margin:22px -24px -22px;padding:14px 24px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 20px #17122b0f}.savebar .sb-info{color:var(--muted);margin-right:auto;font-size:.9rem}.savebar .sb-info b{color:var(--ink)}@media (width<=700px){.savebar{bottom:calc(58px + env(safe-area-inset-bottom));border-radius:0;margin:18px -16px -16px;padding:12px 16px}.savebar .btn{flex:auto}.savebar .sb-info{font-size:.82rem}.savebar .sb-info:empty{display:none}}.no-bnav .savebar{bottom:0}details.hint{display:inline-block;position:relative}details.hint summary{cursor:pointer;border:1.5px solid var(--line);width:22px;height:22px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;list-style:none;display:flex}details.hint summary::-webkit-details-marker{display:none}details.hint .hint-body b{color:#fff;font-weight:800}details.hint[open] summary{border-color:var(--accent);color:var(--accent)}details.hint .hint-body{z-index:35;background:var(--ink);color:#fff;border-radius:10px;width:min(360px,80vw);padding:12px 14px;font-size:.84rem;font-weight:500;line-height:1.5;position:absolute;top:28px;left:0;box-shadow:0 10px 30px #17122b40}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field label{color:var(--muted);font-size:.82rem;font-weight:700}input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea{color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:9px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:.95rem;font-weight:500}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#beb8ce;opacity:1}input:disabled,select:disabled,textarea:disabled{color:#9e98b0;cursor:not-allowed;background:#f4f2f9;border-color:#ece8f4}.days{flex-wrap:wrap;gap:6px;display:flex}.days button{border:1.5px solid var(--line);min-width:44px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:.84rem;font-weight:700}.days button.on{background:var(--accent);border-color:var(--accent);color:#fff}.days button.all{margin-left:6px}.dates{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.dates .dt{border:1.5px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;min-width:120px;padding:7px 11px;font-family:inherit}.dates .dt b{font-size:.9rem;display:block}.dates .dt span{color:var(--muted);font-size:.72rem;line-height:1.3;display:block}.dates .dt.on{border-color:var(--accent);background:var(--accent-soft)}.dates .dt .warn{color:var(--amber)}details.past{margin-top:18px}details.past summary{cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:700}details.past .inner{opacity:.55}.ptask h2{text-align:left;margin:0 0 4px;font-size:15pt}.ptask h3{margin:14px 0 4px;font-size:12pt}.ptask th.tick,.ptask td.tick{text-align:center;width:14mm}textarea{resize:vertical;min-height:60px}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.row>.field{flex:160px}.msg{white-space:pre-line;border-radius:10px;margin:10px 0;padding:11px 14px;font-size:.9rem}.msg.err{background:var(--red-soft);color:#9b1c2c}.msg.ok{background:var(--ok-soft);color:var(--ok)}.msg.warn{background:var(--amber-soft);color:#7a4e0e}.msg.info{background:var(--blue-soft);color:#1e4e80}table.t{border-collapse:collapse;width:100%;font-size:.92rem}table.t th{text-align:left;color:var(--muted);border-bottom:1.5px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:.8rem;font-weight:700}table.t td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:9px 10px}table.t td .sub{color:var(--muted);margin-top:1px;font-size:.8rem;font-weight:500;display:block}table.t tr.grp td{background:var(--hover);font-weight:700}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:var(--hover)}table.t tr.sel td{background:var(--accent-soft)}table.t td.num,table.t th.num{text-align:right;font-variant-numeric:tabular-nums}table.t tfoot td{border-top:1.5px solid var(--line);font-weight:800}.t-wrap{overflow-x:auto}.chip{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700;display:inline-block}.st-draft{color:var(--muted);background:#efecf6}.st-sent{background:var(--accent-soft);color:var(--accent-dark)}.st-review{background:var(--amber-soft);color:var(--amber)}.st-returned{background:var(--red-soft);color:var(--red)}.st-approved{background:var(--ok-soft);color:var(--ok)}.st-shipped{color:#4a4560;background:#e9e6f1}.st-received{background:var(--ok-soft);color:var(--ok)}.st-received_diff{background:var(--amber-soft);color:var(--amber)}.chip.late{background:var(--red-soft);color:var(--red)}.items-grid{grid-template-columns:1fr 1fr;column-gap:36px;display:grid}@media (width<=1000px){.items-grid{grid-template-columns:1fr}}.item-row{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 70px 132px;align-items:center;gap:10px;min-height:52px;padding:7px 0;display:grid}.item-row:last-child{border-bottom:none}@media (width>=1001px){.items-grid .item-row:nth-last-child(2):nth-child(odd){border-bottom:none}}.item-row .nm{font-size:.95rem;font-weight:700;line-height:1.25}.item-row .meta{color:var(--muted);margin-top:2px;font-size:.8rem;line-height:1.3}.item-row .prev{color:var(--faint);text-align:right;font-size:.8rem}.item-row .note{color:var(--red);font-size:.76rem}.qty{align-items:center;gap:4px;display:flex}.qty button{border:1.5px solid var(--line);width:34px;height:36px;color:var(--accent-dark);cursor:pointer;background:#fff;border-radius:9px;flex:none;font-size:1.05rem;font-weight:800}.qty button:hover{border-color:var(--accent);background:var(--accent-soft)}.qty input{text-align:center;height:36px;padding:4px;font-weight:700}.item-row.has-qty .qty input{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}@media (width<=600px){.item-row{grid-template-columns:1fr 132px}.item-row .prev{display:none}}.chips{gap:6px;margin:4px 0 6px;padding:2px 0 4px;display:flex;overflow-x:auto}.chips button{white-space:nowrap;border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:.84rem;font-weight:700}.chips button:hover{border-color:var(--accent)}.deadlines{margin:0 0 14px;padding:0;list-style:none}.deadlines li{border-bottom:1px solid var(--line-soft);padding:8px 0;font-size:.92rem}.deadlines li:last-child{border-bottom:none}.deadlines .what{color:var(--muted);font-size:.8rem;display:block}.free-row{grid-template-columns:1fr 80px 90px 34px;gap:8px;margin-bottom:6px;display:grid}.x-btn{border:1.5px solid var(--line);cursor:pointer;color:var(--red);background:#fff;border-radius:8px;font-weight:800}.combo{position:relative}.combo-list{z-index:30;border:1.5px solid var(--accent-line);background:#fff;border-radius:8px;max-height:290px;margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 8px 24px #28145a1f}.combo-list.open{display:block}.combo-opt{cursor:pointer;justify-content:space-between;gap:10px;padding:8px 10px;font-size:.88rem;display:flex}.combo-opt .m{color:var(--muted);white-space:nowrap;font-size:.75rem}.combo-opt.hi,.combo-opt:hover{background:var(--accent-soft)}.combo-opt.free{color:var(--accent-dark);border-top:1px solid var(--line);font-weight:600}.combo-empty{color:var(--muted);padding:8px 10px;font-size:.82rem}.chk{align-items:center;gap:8px;margin:4px 0 12px;font-size:.88rem;font-weight:600;display:flex}.chk input{width:18px;height:18px;accent-color:var(--accent)}.diff-down{color:var(--red);font-weight:700}.diff-up{color:var(--ok);font-weight:700}.card-list{flex-direction:column;gap:8px;display:flex}.card{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:12px 14px}.card:hover{border-color:var(--accent)}.card.sel{border-color:var(--accent);background:var(--accent-soft)}.card .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card .title{font-size:1rem;font-weight:800}.card .sub{color:var(--muted);margin-top:3px;font-size:.84rem}.list-date{color:var(--ink);margin:14px 0 6px;font-size:.85rem;font-weight:800}.list-date:first-child{margin-top:0}.menu{display:inline-block;position:relative}.menu summary{cursor:pointer;border:1.5px solid var(--line);color:var(--muted);border-radius:8px;padding:4px 10px;font-weight:800;line-height:1.2;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu .menu-body{z-index:30;border:1px solid var(--line);background:#fff;border-radius:10px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 30px #17122b24}.menu .menu-body button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:7px;padding:9px 10px;font-family:inherit;font-size:.9rem;font-weight:600;display:block}.menu .menu-body button:hover{background:var(--line-soft)}.menu .menu-body button.danger{color:var(--red)}.empty{color:var(--muted);text-align:center;padding:18px 0;font-size:.88rem}.kv{grid-template-columns:auto 1fr;gap:5px 16px;margin-bottom:12px;font-size:.92rem;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}pre.msgtext{background:var(--hover);border:1px solid var(--line);white-space:pre-wrap;border-radius:8px;margin:0;padding:12px;font-family:inherit;font-size:.88rem}.login-wrap{max-width:380px;margin:8vh auto 0}.login-wrap .panel{padding:26px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);vertical-align:-2px;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-cover{z-index:50;background:#f7f5fca6;justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex;position:fixed;inset:0}#print-root{display:none}.inv{color:#000;font-family:Times New Roman,Times,serif;font-size:13pt;line-height:1.35}@media print{@page{size:A4;margin:16mm 16mm 18mm}body{background:#fff}.app,.loading-cover,#preview-root{display:none!important}#print-root{display:block}.inv{page-break-after:always;break-after:page}.inv:last-child{page-break-after:auto;break-after:auto}}.pv-overlay{z-index:60;background:#1a1433b8;flex-direction:column;display:flex;position:fixed;inset:0}.pv-bar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex}.pv-bar .t{margin-right:auto;font-weight:800}.pv-pages{flex-direction:column;flex:1;align-items:center;gap:20px;padding:24px 16px 40px;display:flex;overflow:auto}.pv-page{background:#fff;width:210mm;max-width:100%;min-height:297mm;padding:16mm 16mm 18mm;box-shadow:0 6px 30px #00000059}@media (width<=820px){.pv-page{min-height:0;padding:18px}.inv{font-size:11pt}}.inv .org{font-weight:700}.inv .date{margin-top:4px}.inv h2{text-align:center;margin:18px 0 4px;font-size:15pt}.inv .no{text-align:center;margin-bottom:14px;font-size:14pt;font-weight:700}.inv .parties{justify-content:space-between;margin-bottom:12px;display:flex}.inv table{border-collapse:collapse;width:100%}.inv th,.inv td{border:1px solid #000;height:22px;padding:4px 6px}.inv th{text-align:center;font-weight:700}.inv td.c{text-align:center}.inv .sign{margin-top:26px;line-height:2.4}.inv .basis{margin-top:6px;font-size:10pt}