:root{--blue-900:#0033b5;--blue-800:#0040c8;--blue-50:#e8f1ff;--ink:#0b2a66;--muted:#5a7196;--line:#d4e4ff;--bg:#f4f7fb;--yellow:#ffd43b;--gold:#ffd43b;--navy:#001a63}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--bg);font-family:Noto Sans Thai,Noto Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.login-page{background:linear-gradient(#0039c9,#1a63e8);place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:16px;width:min(380px,100% - 32px);padding:28px 24px}.login-logo{width:auto;height:48px;margin:0 0 12px;display:block}.login-card h1{margin:0 0 6px;font-size:22px}.login-card p{color:var(--muted);margin:0 0 18px;font-size:14px}.field{gap:6px;margin-bottom:12px;display:grid}.field span{font-size:13px;font-weight:700}.field input,.field select{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.hint{color:var(--muted);margin:10px 0 0;font-size:12px}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:radial-gradient(520px 220px at -10% -8%,#ffd43b38,#0000 55%),linear-gradient(#002a86 0%,#0033b5 42%,#00246e 100%);flex-direction:column;height:100vh;padding:18px 12px 14px;display:flex;position:sticky;top:0;box-shadow:inset -1px 0 #ffffff14}.brand{border-bottom:1px solid #ffffff1f;justify-items:start;gap:6px;margin-bottom:14px;padding:4px 8px 16px;display:grid}.brand-logo{object-fit:contain;width:auto;max-width:200px;height:56px;display:block}.brand small{opacity:.72;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.nav{flex:1;overflow:auto}.nav-label{letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin:0 10px 8px;font-size:11px}.nav-link{color:#ffffffd1;border-radius:12px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#fff;box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,#ffd43b2e,#ffffff1a 40%)}.nav-link.active .ico{color:var(--gold)}.ico{flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.ico svg{width:18px;height:18px;display:block}.side-foot{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:12px}.who-card{align-items:center;gap:10px;padding:10px 10px 12px;display:flex}.avatar{width:36px;height:36px;color:var(--gold);background:#ffd43b33;border-radius:50%;flex:0 0 36px;place-items:center;font-weight:800;display:grid}.who-txt{min-width:0;display:grid}.who-txt strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.who-txt small{opacity:.7;font-size:11px}.logout{color:#ffffffe0;background:0 0;border:1px solid #ffffff2e;border-radius:12px;width:100%;margin-top:4px;padding:9px 12px;font-weight:700}.logout:hover{color:#fff;background:#ff505029;border-color:#ffa0a066}.main{padding:22px 22px 40px}.top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.top h2{margin:0}.top-actions{align-items:center;gap:8px;display:flex}.btn{border:0;border-radius:999px;padding:9px 16px;font-weight:700}.btn-primary{background:var(--blue-800);color:#fff}.btn-ghost{border:1px solid var(--line);background:#fff}.btn-yellow{background:var(--yellow);color:var(--ink)}.card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 8px 24px #0037aa14}.grid-form{grid-template-columns:repeat(2,1fr);gap:10px 14px;margin-bottom:12px;display:grid}.disc-head{margin:8px 0;font-weight:700}.disc-grid{grid-template-columns:repeat(4,1fr);gap:10px 12px;margin-bottom:14px;display:grid}.disc-cell{font-size:12px}.disc-cell span{white-space:nowrap;display:block}.check-row{flex-wrap:wrap;gap:12px 18px;margin:0 0 14px;display:flex}.check-row label{align-items:center;gap:6px;font-weight:400;display:flex}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.row-actions .btn{white-space:nowrap}.row-actions input{width:auto;min-width:140px}td input,td select{border:1px solid var(--line);border-radius:8px;width:100%;margin:0 0 6px;padding:6px 8px;display:block}th{color:var(--muted);font-size:12px}.search{flex:1;gap:8px;min-width:180px;margin-bottom:0;display:flex}.search input{border:1px solid var(--line);border-radius:10px;flex:1;padding:9px 12px}.list-tools{flex-wrap:wrap;align-items:end;gap:10px 14px;margin-bottom:12px;display:flex}.date-range{flex-wrap:wrap;align-items:end;gap:8px 12px;display:flex}.date-field{color:var(--muted);gap:4px;font-size:12px;font-weight:700;display:grid}.date-field input{border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 10px;font-weight:400}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;padding-top:12px;display:flex}.pager-btns{align-items:center;gap:8px;display:flex}.pager-btns .btn:disabled{opacity:.45;cursor:not-allowed}.tabs{gap:8px;margin-bottom:12px;display:flex}.tabs button{background:var(--blue-50);color:var(--ink);border:0;border-radius:999px;padding:8px 14px}.tabs button.on{background:var(--blue-800);color:#fff}.mono{font-family:ui-monospace,monospace}.ok{color:#1a7f32;font-weight:700}.warn{color:#c47a00;font-weight:700}.err{color:#c81e1e;font-weight:700}.muted{color:var(--muted)}.page-sub{color:var(--muted);margin:4px 0 0;font-size:13px}.btn-sm{padding:6px 12px;font-size:13px}.form-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.banner{border-radius:12px;margin:0 0 14px;padding:10px 14px;font-size:14px;font-weight:700}.banner-err{color:#b42318;background:#fde8e8}.banner-ok{color:#1a7f32;background:#e8f8ee}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.badge-ok{color:#1a7f32;background:#e5f7ea}.badge-warn{color:#a15c00;background:#fff3d6}.badge-soft{background:var(--blue-50);color:var(--blue-800)}.badge-tag{color:#3730a3;background:#eef2ff}.tag-help{margin:6px 0 0;font-size:12px}.tag-input{position:relative}.tag-input-box{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 8px;display:flex}.tag-input-box:focus-within{border-color:#7aa7e8;box-shadow:0 0 0 3px #0040c814}.tag-chip{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;gap:4px;padding:4px 8px 4px 10px;font-size:13px;font-weight:700;display:inline-flex}.tag-x{color:#6366f1;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.tag-draft{min-width:140px;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:6px 4px}.tag-menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:12px;gap:2px;margin-top:4px;padding:6px;display:grid;position:absolute;top:calc(100% - 18px);left:0;right:0;box-shadow:0 10px 28px #0028781f}.tag-opt{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px}.tag-opt:hover{background:var(--blue-50)}.tag-opt-new{color:var(--blue-800);font-weight:700}.kv-span{grid-column:1/-1}.note-text{white-space:pre-wrap;line-height:1.5}.textarea{border:1px solid var(--line);resize:vertical;width:100%;font:inherit;border-radius:10px;padding:10px 12px}.orders-hint{margin:-6px 0 12px;font-size:12px}.seller-top{align-items:flex-start}.seller-ids{color:var(--muted);margin-top:6px;font-size:13px}.link-card{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:4px;padding:12px 14px;display:flex}.link-card .link-url{flex:1;min-width:180px}.info-table{border-collapse:collapse;width:100%;margin-bottom:8px}.info-table th{text-align:left;width:140px;color:var(--muted);vertical-align:top;border-bottom:1px solid var(--line);padding:8px 10px 8px 0;font-size:12px;font-weight:700}.info-table td{border-bottom:1px solid var(--line);padding:8px 0;font-weight:600}.block-title{margin:18px 0 10px;font-size:15px}.disc-table{border-collapse:collapse;width:100%;font-size:14px}.disc-table th,.disc-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.disc-table th{color:var(--muted);font-size:12px}.disc-table td:first-child{width:100px;font-weight:700}.crumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.crumb-sep{opacity:.5}.linkish{color:var(--blue-800);background:0 0;border:0;padding:0;font-weight:700}.linkish:hover{text-decoration:underline}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-head h3{margin:0;font-size:15px}.create-panel{border:1px solid var(--line);margin-bottom:14px}.zip-progress{max-width:480px;margin:0 0 14px}.zip-progress-track{background:#e4eefc;border:1px solid #b7d0f5;border-radius:999px;height:10px;overflow:hidden}.zip-progress-fill{background:var(--blue-800);border-radius:inherit;width:0;height:100%;transition:width .2s;display:block}.zip-progress-text{color:var(--muted);margin:6px 0 0;font-size:13px}.finance-sum{border:1px solid var(--line);background:#f5f9ff;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:16px 28px;margin:10px 0 14px;padding:12px 14px;display:flex}.finance-sum>div{flex-direction:column;gap:2px;min-width:120px;display:flex}.finance-sum strong{font-size:16px}.finance-sum .mono{color:var(--muted);font-size:13px}.purchases-table{border-collapse:collapse;width:100%;font-size:14px}.purchases-table th,.purchases-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px}.purchases-table th{color:var(--muted);white-space:nowrap;font-size:12px}.sellers-tr{cursor:pointer}.sellers-tr:hover{background:#f5f9ff}.sellers-tr.is-off{opacity:.65}.sellers-name{font-weight:700}.sellers-actions{text-align:right;white-space:nowrap}.sellers-table th,.sellers-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}.seller-row{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:12px 14px;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.seller-row:hover{background:#fbfdff;border-color:#9fbfef;box-shadow:0 6px 18px #0037aa14}.seller-row.is-off{opacity:.72}.profile-avatar{color:#fff;background:linear-gradient(160deg,#1a63e8,#0033b5);border-radius:16px;flex:0 0 56px;place-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:grid}.seller-name{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.seller-sub,.seller-contact{color:var(--muted);font-size:13px}.seller-contact{min-width:0}.seller-contact>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seller-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.dot{opacity:.5;margin:0 4px}.empty-note{text-align:center;color:var(--muted);background:var(--blue-50);border-radius:12px;margin:18px 0 8px;padding:18px}.profile-hero{background:radial-gradient(480px 180px at 100% 0,#ffd43b29,#0000 55%),#fff;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.profile-hero-main{flex:1;gap:14px;min-width:0;display:flex}.profile-avatar{border-radius:16px;width:56px;height:56px;font-size:22px}.profile-id{flex:1;min-width:0}.profile-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.profile-title-row h2{margin:0;font-size:22px}.profile-meta{color:var(--muted);margin-bottom:10px;font-size:13px}.link-bar{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;display:flex}.link-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--blue-800);background:var(--blue-50);border-radius:10px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;overflow:hidden}.profile-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);align-items:start;gap:14px;display:grid}.kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0;display:grid}.kv dt{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:700}.kv dd{margin:0;font-weight:600}.disc-block{margin-bottom:12px}.disc-label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--blue-50);border-radius:10px;align-items:baseline;gap:6px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.chip em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}.order-list{gap:8px;display:grid}.order-item{border:1px solid var(--line);background:#fbfdff;border-radius:12px;padding:10px 12px}.order-top,.order-bot{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-id{font-size:13px;font-weight:700}.order-mid{color:var(--muted);margin:6px 0;font-size:13px}.order-bot strong{font-size:14px}.table-link{color:var(--blue-800);text-underline-offset:2px;font-weight:700;text-decoration:underline}.table-link:hover{color:var(--blue-900)}.detail-head{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;padding-bottom:14px;display:grid}.detail-strong{word-break:break-all;margin-top:4px;font-weight:700}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-bottom:12px;display:grid}.detail-grid .muted{margin-bottom:2px;font-size:12px;display:block}.detail-disc{flex-wrap:wrap;gap:8px 16px;margin-bottom:8px;display:flex}.detail-disc span{white-space:nowrap}@media (width<=980px){.seller-row{grid-template-columns:minmax(0,1fr)}.seller-contact,.seller-status{grid-column:1}.seller-actions{grid-column:1;justify-content:flex-start}.profile-layout{grid-template-columns:1fr}.profile-hero{flex-direction:column}}@media (width<=800px){.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.grid-form,.disc-grid{grid-template-columns:1fr 1fr}.detail-head,.detail-grid,.kv{grid-template-columns:1fr}}