:root{--g50:#fafafa;--g100:#f4f4f5;--g200:#e4e4e7;--g300:#d4d4d8;--g400:#a1a1aa;--g500:#71717a;--g600:#52525b;--g700:#3f3f46;--g800:#27272a;--g900:#18181b;--primary:#18181b;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--info:#2563eb;--r:8px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;color:var(--g800);background:var(--g100);font-size:14px}button{font-family:inherit;cursor:pointer}.btn{border:1px solid var(--g300);background:#fff;border-radius:6px;padding:.45rem .8rem;font-size:.85rem;color:var(--g700)}.btn:hover{background:var(--g50)}.btn-primary{background:var(--g900);color:#fff;border-color:var(--g900)}.btn-primary:hover{background:#000}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:.3rem .6rem;font-size:.78rem}input,select{font-family:inherit;padding:.45rem .55rem;border:1px solid var(--g300);border-radius:6px;font-size:.85rem}input:focus,select:focus{outline:none;border-color:var(--g700)}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#18181b,#3f3f46);display:flex;align-items:center;justify-content:center;z-index:500}.login-card{background:#fff;border-radius:12px;padding:1.8rem 1.6rem;width:min(380px,92vw);box-shadow:0 20px 60px #0006}.login-card h2{font-size:1.2rem;text-align:center;margin:.2rem 0}.login-sub{font-size:.82rem;color:var(--g500);text-align:center;margin-bottom:1.1rem}.login-field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.7rem;font-size:.78rem;color:var(--g600);font-weight:600}.login-err{color:var(--danger);font-size:.78rem;min-height:1.1em;text-align:center}.login-hint{font-size:.72rem;color:var(--g400);text-align:center;margin-top:.8rem;line-height:1.5}.app{display:grid;grid-template-columns:180px 1fr;grid-template-rows:48px 1fr;height:100vh}.topbar{grid-column:1/3;background:var(--g900);color:#fff;display:flex;align-items:center;gap:.8rem;padding:0 1rem}.topbar .title{font-weight:700}.topbar .spacer{flex:1}.topbar .pill{background:#ffffff26;border-radius:10px;padding:.15rem .6rem;font-size:.72rem}.topbar button{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:6px;padding:.3rem .6rem;font-size:.78rem}.sidebar{background:#fff;border-right:1px solid var(--g200);padding:.6rem 0;overflow:auto}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;cursor:pointer;color:var(--g600);font-weight:500;font-size:.85rem;border-left:3px solid transparent}.nav-item:hover{background:var(--g50)}.nav-item.active{background:var(--g100);color:var(--g900);border-left-color:var(--g900);font-weight:600}.nav-item .badge{margin-left:auto;background:var(--g300);color:var(--g700);border-radius:8px;font-size:.68rem;font-weight:700;padding:.1rem .4rem}.main{overflow:auto;padding:1.2rem 1.4rem}.pg-title{font-size:1.15rem;font-weight:700;margin:0 0 .2rem}.pg-sub{font-size:.78rem;color:var(--g500);margin-bottom:1rem}.card{background:#fff;border:1px solid var(--g200);border-radius:var(--r);margin-bottom:1rem}.card-h{padding:.7rem 1rem;border-bottom:1px solid var(--g200);display:flex;align-items:center;justify-content:space-between}.card-h h3{margin:0;font-size:.95rem}.card-b{padding:1rem;overflow-x:auto}.dropzone{border:2px dashed var(--g300);border-radius:var(--r);padding:1.6rem;text-align:center;color:var(--g500);cursor:pointer}.dropzone:hover{border-color:var(--g700);background:var(--g50)}.banner{padding:.6rem .9rem;border-radius:var(--r);font-size:.82rem;margin:.6rem 0}.banner-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.banner-warn{background:#fef9c3;color:#92400e;border:1px solid #fde68a}table.t{width:100%;border-collapse:collapse;font-size:.82rem}table.t th,table.t td{border-bottom:1px solid var(--g200);padding:.45rem .55rem;text-align:left}table.t th{background:var(--g50);font-weight:600;color:var(--g600);position:sticky;top:0}table.t td.r,table.t th.r{text-align:right}table.t td.c,table.t th.c{text-align:center}.mono{font-family:ui-monospace,monospace}.j{display:inline-block;padding:.1rem .5rem;border-radius:10px;font-size:.72rem;font-weight:700}.j-go{background:#dcfce7;color:#166534}.j-drop{background:#fee2e2;color:#b91c1c}.j-stock{background:#fef9c3;color:#854d0e}.tag-man{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:6px;font-size:.68rem;padding:0 .3rem;margin-left:.3rem}.muted{color:var(--g400)}.filters{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.fcol{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:var(--g500);font-weight:600}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);background:var(--g900);color:#fff;padding:.6rem 1.1rem;border-radius:8px;font-size:.85rem;z-index:600;box-shadow:0 8px 24px #0000004d}.scards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;margin-bottom:1rem}.scard{background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:.6rem .8rem}.scard .l{font-size:.7rem;color:var(--g500)}.scard .v{font-size:1.3rem;font-weight:700}.code{background:var(--g100);border:1px solid var(--g300);border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,monospace}:root{--success-bg:#dcfce7;--danger-bg:#fee2e2;--warning-bg:#fef9c3;--primary-bg:#f4f4f5}.searchbar{display:flex;gap:.5rem;align-items:center;margin-bottom:.7rem}.searchbar input{width:min(420px,60vw)}.selbar{display:flex;align-items:center;gap:.6rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.45rem .8rem;margin-bottom:.7rem;font-size:.85rem}.exp-btn{background:none;border:1px solid var(--g300);border-radius:4px;color:var(--g600);width:20px;height:20px;font-size:.6rem;line-height:1;cursor:pointer;margin-right:.4rem;padding:0;vertical-align:middle}.exp-btn:hover{border-color:var(--g700);background:var(--g100);color:var(--g900)}.exp-mx{overflow-x:auto;padding:.4rem .2rem}.status-sel{padding:.18rem .35rem;border:1px solid var(--g300);border-radius:5px;font-size:.74rem;font-weight:600;cursor:pointer;background:#fff}.status-sel.s-go{background:var(--success-bg);color:var(--success);border-color:var(--success)}.status-sel.s-drop{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.status-sel.s-stock{background:#e0f2fe;color:#0369a1;border-color:#0ea5e9}table.mx{border-collapse:collapse;font-size:.76rem;min-width:100%}table.mx th,table.mx td{border:1px solid var(--g200);padding:.3rem .45rem;text-align:center;white-space:nowrap}table.mx thead th{background:var(--g50);color:var(--g600);font-weight:600}table.mx td.rowhdr,table.mx th.rowhdr{background:var(--g50);font-weight:600;color:var(--g700);text-align:left}.mx-cell{cursor:pointer;padding:.3rem .35rem;min-width:66px}.mx-cell.go{background:#dcfce7;border-left:3px solid var(--success)}.mx-cell.drop{background:#fee2e2;border-left:3px solid var(--danger)}.mx-cell.stock{background:#e0f2fe;border-left:3px solid #0ea5e9}.mx-cell.man{box-shadow:inset 0 0 0 2px var(--warning)}.mx-cell.empty{background:var(--g50);color:var(--g300);cursor:default;border-left:3px solid transparent}.mx-tag{font-size:.58rem;font-weight:800;letter-spacing:.03em}.mx-tag.t-go{color:#15803d}.mx-tag.t-drop{color:#b91c1c}.mx-tag.t-stock{color:#0369a1}.mx-rsn{font-weight:600;color:var(--g500);margin-left:.2rem}.mx-num{font-size:.9rem;font-weight:800;line-height:1.15}.mx-cell.drop .mx-num,.mx-cell.stock .mx-num{color:var(--g400)}.mx-sub{font-size:.56rem;color:var(--g500)}.mx-edit{width:54px;padding:.15rem;border:1px solid var(--g800);border-radius:4px;text-align:center;font-size:.85rem;font-weight:800}.mx-colhdr.drop{color:var(--danger)}.mx-total{background:var(--primary-bg);font-weight:700;color:var(--g900)}.mx-grand{background:var(--g900);color:#fff;font-weight:700}