:root{--navy: #22408b;--navy-deep: #1a3270;--blue: #4a8fd3;--teal: #1cb3bb;--teal-deep: #15949b;--sky: #e8f4fc;--ice: #f4faff;--bg0: #ffffff;--bg1: #eef7fc;--ink: #1a2f5c;--muted: #5a7394;--line: rgba(34, 64, 139, .14);--accent: var(--teal);--accent-2: var(--navy);--danger: #c23b3b;--warn: #b8860b;--ok: #1a8f6a;--panel: #ffffff;--input: #ffffff;--shadow: 0 14px 36px rgba(34, 64, 139, .1);--radius: 14px;--font: "IBM Plex Sans Thai", "Sarabun", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(900px 480px at 8% -8%,rgba(28,179,187,.16),transparent 55%),radial-gradient(800px 420px at 92% 0%,rgba(74,143,211,.14),transparent 50%),linear-gradient(180deg,var(--ice) 0%,var(--bg0) 42%,var(--bg1) 100%)}button,input{font:inherit}.app{position:relative;max-width:1280px;margin:0 auto;padding:28px 20px 48px}.app.is-wide{max-width:1480px}.bg-glow{position:fixed;inset:auto -8% 8% auto;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(28,179,187,.12),transparent 70%);pointer-events:none;z-index:0}.top,.tabs,main{position:relative;z-index:1}.top{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.brand-row{display:flex;align-items:center;gap:14px}.brand-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(34,64,139,.18))}.eyebrow{margin:0 0 6px;color:var(--teal-deep);letter-spacing:.04em;font-size:.85rem;font-weight:600}h1{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;letter-spacing:-.02em;color:var(--navy)}.lede{margin:8px 0 0;color:var(--muted);max-width:42rem}.top-note{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffffe6;color:var(--muted);font-size:.9rem;min-width:180px;justify-items:start;box-shadow:0 6px 16px #22408b0f}.top-note strong{color:var(--navy);font-size:1.05rem}.logout-btn{margin-top:4px}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.login-logo{width:112px;height:112px;object-fit:contain;margin-bottom:4px;filter:drop-shadow(0 8px 16px rgba(34,64,139,.16))}.login-eyebrow{margin:0;color:var(--teal-deep);letter-spacing:.12em;font-size:.8rem;font-weight:700}.login-title{margin:0;font-size:1.6rem;text-align:center;color:var(--navy)}.login-lede{margin:0 0 4px;color:var(--muted);text-align:center;font-size:.92rem;line-height:1.4}.login-level{margin:0;min-height:72px;display:flex;align-items:center;justify-content:center;font-size:4.2rem;font-weight:700;line-height:1;color:var(--navy)}.login-level.is-empty{color:transparent}.login-name{margin:0;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#1cb3bb24,#4a8fd31f);color:var(--navy);font-size:1.25rem;font-weight:700}.login-fields{display:flex;width:100%;gap:8px}.login-fields input{width:100%;height:56px;border-radius:10px;border:1px solid var(--line);background:var(--input);color:var(--ink);text-align:center;font-size:1.2rem;font-weight:700}.login-fields input:focus{outline:2px solid rgba(28,179,187,.45);outline-offset:1px;border-color:var(--teal)}.login-submit{margin-top:8px;min-width:180px;height:52px;font-size:1.2rem}.login-error{margin:0;color:var(--danger);font-weight:700;text-align:center}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab{border:1px solid var(--line);background:#fff;color:var(--muted);padding:10px 16px;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.tab:hover{color:var(--navy);border-color:#4a8fd373}.tab.is-active{background:linear-gradient(135deg,#1cb3bb38,#4a8fd329);color:var(--navy);border-color:#1cb3bb8c;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.panel-head h2{margin:0 0 6px;font-size:1.25rem;color:var(--navy)}.panel-head p{margin:0;color:var(--muted);max-width:46rem;line-height:1.45}.panel-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 14px;border-radius:10px;cursor:pointer;transition:transform .14s ease,background .14s ease,opacity .14s ease}.btn:hover:not(:disabled){background:var(--sky)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:wait}.btn.primary{background:linear-gradient(135deg,var(--teal),var(--blue));border-color:transparent;color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--teal-deep),var(--navy))}.btn.ghost{background:transparent}.btn.tiny{padding:4px 8px;font-size:.8rem;border-radius:8px}.btn.danger{color:var(--danger);border-color:#c23b3b59}.linkish{background:none;border:none;color:var(--teal-deep);padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.meta-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:10px}.status{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:.95rem}.status.is-ok{background:#1a8f6a1a;color:#146b50}.status.is-warn{background:#b8860b1f;color:#8a6508}.status.is-err{background:#c23b3b1a;color:#9a2a2a}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.data-table th{position:sticky;top:0;background:linear-gradient(180deg,#eaf4fc,#e0eef9);color:var(--navy);font-weight:600;font-size:.85rem;z-index:1}.data-table tbody tr:hover{background:#1cb3bb14}.data-table.dense th,.data-table.dense td{padding:7px 8px;font-size:.86rem}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table .strong{color:var(--navy);font-weight:600}.entry-table input{width:100%;min-width:72px;background:var(--input);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 10px}.entry-table input:focus{outline:2px solid rgba(28,179,187,.4);outline-offset:1px;border-color:var(--teal)}.entry-table input.is-blank{background:#d9e3ef;color:var(--muted);border-color:#22408b1a}.cell-with-action{display:flex;gap:6px;align-items:center}.panel-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.hint,.empty,.empty-cell{color:var(--muted)}.empty{padding:8px 0 12px}.empty-cell{text-align:center!important;padding:24px!important}.summary-controls{align-items:end}.date-field{display:grid;gap:4px;color:var(--muted);font-size:.85rem}.date-field input{background:var(--input);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 10px}.summary-title{margin:0 0 12px;font-size:1.1rem;color:var(--navy)}.summary-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px}.summary-side{border:1px solid var(--line);border-radius:12px;background:var(--sky);padding:12px}.summary-side h4{margin:0 0 10px;font-size:.95rem;color:var(--navy)}.summary-side ul{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto}.summary-side li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.88rem}.totals{margin-top:14px;display:grid;gap:8px}.totals div{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.totals b{color:var(--ink);font-variant-numeric:tabular-nums}.totals .grand{padding-top:8px;border-top:1px solid var(--line);color:var(--ink)}.totals .grand b{color:var(--teal-deep);font-size:1.1rem}.totals .muted b{color:var(--muted);font-weight:500}.print-root{background:#fff;color:#111;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);padding:16px}.print-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.print-toolbar h2{margin:0 0 4px;color:var(--navy);font-size:1.2rem}.print-toolbar p{margin:0;color:var(--muted);font-size:.9rem}.print-page{width:100%;min-height:70vh;display:flex;justify-content:center;align-items:center;overflow:auto;background:#e8eef5;border-radius:10px;padding:16px}.print-scaler{width:max-content;max-width:100%}.print-sheet{background:#fff;color:#000;padding:6px 8px 10px;width:max-content;max-width:none;margin:0;display:flex;flex-direction:column;align-items:center}.print-sheet-title{margin:0 0 8px;text-align:center;font-size:1.5rem;font-weight:700;color:#000;width:100%}.print-sheet-body{display:flex;justify-content:center;align-items:flex-start;gap:10px;width:max-content}.print-main-table,.print-side-table{width:auto;table-layout:auto;border-collapse:collapse;font-size:15px;font-weight:600}.print-main-table th,.print-main-table td,.print-side-table th,.print-side-table td{border:1px solid #333;padding:4px 8px;white-space:nowrap;line-height:1.25;width:1%;text-align:center}.print-main-table th,.print-side-table th{background:#e8eef5;font-weight:700}.print-main-table .num,.print-side-table .num{text-align:center;font-variant-numeric:tabular-nums}.print-empty{text-align:center;padding:16px!important;color:#666}.print-sum-row td{font-weight:700;background:#f3f7fb}.print-sum-row.is-grand td{background:#dff3f4}.admin-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.admin-form input{width:140px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--input);color:var(--ink);text-align:center;font-weight:700}.admin-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.admin-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--sky)}.admin-list .muted{color:var(--muted);border-style:dashed;background:transparent}@media (max-width: 900px){.top,.panel-head,.brand-row{flex-direction:column;align-items:stretch}.brand-logo{width:56px;height:56px}.panel-actions{justify-content:flex-start}.summary-layout{grid-template-columns:1fr}.print-sheet-body{flex-wrap:wrap}}@media print{@page{size:A4 landscape;margin:8mm}html,body{background:#fff!important;color:#000!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.no-print,.bg-glow{display:none!important}.app{max-width:none;width:100%;height:100%;margin:0;padding:0}main{margin:0;padding:0;height:100%}.print-root{border:none;box-shadow:none;border-radius:0;padding:0;margin:0;width:100%;height:100%;overflow:hidden;background:#fff}.print-page{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:0;padding:0}.print-scaler{max-width:none}.print-sheet{padding:0;margin:0;page-break-inside:avoid;break-inside:avoid;page-break-after:avoid;break-after:avoid}.print-sheet.is-print-fit{transform:scale(var(--print-scale-x, 1),var(--print-scale-y, 1));transform-origin:top left}.print-sheet-body{gap:8px}.print-main-table,.print-side-table{width:auto;table-layout:auto;font-size:13px;font-weight:600}.print-main-table th,.print-main-table td,.print-side-table th,.print-side-table td{padding:3px 7px;line-height:1.25;width:1%;text-align:center}.print-sheet-title{font-size:17px;margin-bottom:6px}}.ice-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ice-sources span{font-size:.78rem;font-weight:600;color:var(--navy);background:var(--sky);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.ice-meta{margin:0 0 12px;color:var(--muted);font-size:.92rem}.ice-excel-top{display:grid;gap:10px;margin:0 0 14px}.ice-excel-grands,.ice-excel-bags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ice-excel-bags{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-left:auto}.ice-mini{width:100%;border-collapse:collapse;font-size:.78rem;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.ice-mini th,.ice-mini td{padding:5px 4px;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.ice-mini thead th{color:#5a7394;font-weight:700;background:#fff}.ice-mini th:first-child,.ice-mini td:first-child{text-align:left;padding-left:8px;color:var(--navy)}.ice-mini-load thead th:first-child{color:#2a9aa8}.ice-mini-return thead th:first-child{color:#3b6fb0}.ice-mini-sold thead th:first-child{color:var(--navy-deep)}.ice-mini-bag thead th:first-child{color:#8a5a16}.ice-mini-result thead th:first-child{color:var(--danger)}.ice-kind-status{font-size:.72rem;font-weight:700}.ice-kind-status.is-ok{color:var(--ok)}.ice-kind-status.is-warn{color:var(--warn)}.ice-kind-status.is-bad{color:var(--danger)}.ice-board{display:flex;flex-direction:column;gap:14px}.ice-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ice-card{border:1px solid #8fd0d6;border-radius:18px;background:#fff;padding:12px 14px 8px;min-width:0;overflow:hidden}.ice-card.is-muted{opacity:.72}.ice-card.is-empty{border-style:dashed;background:transparent;min-height:0;padding:0}.ice-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.ice-line-no{font-size:1.45rem;font-weight:700;color:#1e4a8c}.ice-bag-status{font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#fff}.ice-bag-status.is-ok{color:var(--ok);border-color:#1a8f6a59;background:#1a8f6a14}.ice-bag-status.is-warn{color:#c49a22;border-color:#e6d089;background:#fff8e0}.ice-bag-status.is-idle{font-weight:600}.ice-table-wrap{overflow:hidden}.ice-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.78rem}.ice-table th,.ice-table td{padding:6px 3px;text-align:center;font-variant-numeric:tabular-nums;border-bottom:1px solid #e6eef5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ice-table thead th{color:#7a90a8;font-weight:600;background:#fff}border-bottom: none; } .ice-table th:first-child,.ice-table td:first-child,.ice-row th{width:6.2rem;text-align:left;padding-left:6px;white-space:nowrap}.ice-table th:last-child,.ice-table td:last-child{font-weight:700}.ice-row th{color:#5a7394;font-weight:700}.ice-row-load{background:#eaf5fb}.ice-row-load th{color:#2a9aa8}.ice-row-return th,.ice-row-sold th{color:#5a7394}.ice-row-bag th{color:#8a5a16}.ice-result-foot{display:flex;align-items:center;justify-content:center;gap:6px}.ice-row-result th{color:#c23b3b}.ice-flag-cell{font-weight:800;letter-spacing:.04em;text-align:center}.ice-flag-cell.is-ok{color:var(--ok)}.ice-flag-cell.is-warn{color:#c49a22}.ice-flag-cell.is-bad{color:var(--danger)}.ice-flag-cell.is-idle{color:var(--muted)}.ice-table .num{text-align:center;color:#3a4f6c}.ice-table .strong{color:var(--navy)}@media (max-width: 1100px){.ice-group,.ice-excel-grands,.ice-excel-bags{grid-template-columns:1fr}.ice-card.is-empty{display:none}}@media (max-width: 480px){.ice-table,.ice-mini{font-size:.7rem}.ice-table th:first-child,.ice-table td:first-child,.ice-row th{width:5.4rem;padding-left:4px}}.ice-print-sheet{width:1062px;min-width:1062px;min-height:733px;padding:6px 8px;gap:6px;align-items:stretch;justify-content:flex-start;overflow:visible;color:#222;background:#fff;font-family:Sarabun,Tahoma,sans-serif;font-variant-numeric:tabular-nums;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ice-print-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title bags" "grands grands";gap:6px 12px;align-items:center;flex:0 0 auto}.ice-print-title{grid-area:title;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:18px;font-weight:700;color:#111;line-height:1.2;background:#fff;letter-spacing:.01em}.ice-print-title span{display:inline;font-size:32px;font-weight:800;letter-spacing:-.02em}.ice-print-bagsum{grid-area:bags;table-layout:auto}.ice-print-grands{grid-area:grands;display:flex;gap:10px;min-width:0}.ice-print-grands .ice-print-mini{flex:1 1 0;min-width:0;width:100%;table-layout:fixed;font-size:12px}.ice-print-grands .ice-print-mini th,.ice-print-grands .ice-print-mini td{font-size:12px;padding:6px 4px;line-height:1.2;overflow:hidden}.ice-print-grands .ice-print-kind{font-size:10px;font-weight:700}.ice-print-grands .ice-print-tone{font-size:14px;width:36px;letter-spacing:0}.ice-print-grands .ice-print-mini .num,.ice-print-grands .ice-k-total{font-size:13px;font-weight:800}.ice-print-tone,.ice-print-rowhead,.ice-print-lineno,.ice-print-corner,.ice-print-bagsum-label,.ice-print-result-pad,.ice-print-result-empty,.ice-print-result-label,.ice-print-result-qty,.ice-k-total{background:#fff;color:#111}.ice-k-bigSquare{background:#f4c7ce}.ice-k-bigRound{background:#f8cbad}.ice-k-smallRound{background:#9dc3e6}.ice-k-crushCoarse{background:#5b9bd5;color:#111}.ice-k-crushMedium{background:#d5a6e6}.ice-k-crushFine{background:#a9d08e}.ice-print-sheet .ice-k-bigSquare{background:#f99}.ice-print-sheet .ice-k-bigRound{background:#e6a8e6}.ice-print-sheet .ice-k-smallRound{background:#ff9}.ice-print-sheet .ice-k-crushCoarse{background:#a8c8f0;color:#111}.ice-print-sheet .ice-k-crushMedium{background:#b8eaf0}.ice-print-sheet .ice-k-crushFine{background:#9d7}th.ice-print-rowhead.ice-print-load,th.ice-print-rowhead.ice-print-return,th.ice-print-rowhead.ice-print-sold,th.ice-print-rowhead.ice-print-bag,th.ice-print-rowhead.ice-print-result-head,.ice-print-tone.ice-print-load,.ice-print-tone.ice-print-return,.ice-print-tone.ice-print-sold{background:#fff;color:#111}.ice-print-status{font-weight:800;background:#fff}.ice-print-status.is-over,.ice-print-status.is-ok{color:#2e9e2e;background:#fff}.ice-print-status.is-short{color:#e02020;background:#fff}.ice-print-status.is-idle{color:#9a9a9a;background:#fff}.ice-print-mini,.ice-print-block{border-collapse:collapse;font-size:13px;font-weight:700}.ice-print-mini{width:auto;table-layout:auto}.ice-print-block{width:100%;height:auto;table-layout:fixed}.ice-print-block th,.ice-print-block td{border:1px solid #555;padding:2px 3px;text-align:center;vertical-align:middle;white-space:nowrap;line-height:1.15;overflow:hidden}.ice-print-mini th,.ice-print-mini td{border:1px solid #555;padding:5px 4px;font-size:11px;text-align:center;vertical-align:middle;white-space:nowrap;line-height:1.2}.ice-print-sheet .ice-print-kind,.ice-print-sheet th.ice-print-kind{background:#fff;color:#111;font-weight:700;font-size:10px}.ice-print-tone{font-weight:800;width:36px;background:#fff}.ice-print-bagsum-label{font-weight:800;text-align:center;padding:4px 6px;background:#fff;font-size:10px;line-height:1.25}.ice-print-lineno{background:#fff;font-size:16px;font-weight:800;width:28px;color:#111}.ice-print-corner{background:#fff;width:36px}.ice-print-rowhead{width:36px;font-weight:800;font-size:10px;color:#111;background:#fff}.ice-print-rowhead.ice-print-bag,.ice-print-rowhead.ice-print-result-head{font-size:9px;line-height:1.15;white-space:normal}.ice-print-rowhead.ice-print-result-head .ice-print-status{display:block;font-size:10px}.ice-print-result-label{text-align:center;font-weight:800;font-size:10px;background:#fff}.ice-print-result-qty{background:#fff;font-weight:800}.ice-print-flag td{font-size:12px;font-weight:800;letter-spacing:.06em;background:#fff}.ice-print-flag-head{font-size:9px;line-height:1.15;white-space:normal}.ice-print-result th,.ice-print-result td{min-height:16px}.ice-print-block .num,.ice-print-mini .num{font-variant-numeric:tabular-nums;font-weight:800;font-size:12px;letter-spacing:-.02em}.ice-print-grid{display:flex;flex-direction:column;gap:4px;flex:1 0 auto}.ice-print-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:0 0 auto;align-items:start}.ice-print-block.is-skeleton th,.ice-print-block.is-skeleton td{background:#f7f7f7;color:#9a9a9a}.ice-print-slot.is-empty{min-height:0;height:100%}@media print{.ice-print-sheet{padding:6px 8px}.ice-print-title{font-size:18px}.ice-print-mini,.ice-print-block{font-size:13px}.ice-print-grands .ice-print-mini{font-size:12px}}