:root{--ink:#17362d;--primary:#216653;--soft:#eef6f2;--line:#d6e2dd;--muted:#66756f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eef6f2,#f8faf9);font-family:Segoe UI,Arial,sans-serif;color:var(--ink)}main{max-width:1200px;margin:auto;min-height:100vh;padding:28px}.brand{font-size:1.55rem;font-weight:800}.brand small{display:block;font-size:.72rem;font-weight:500;color:var(--muted)}.hero{text-align:center;margin-bottom:24px}.hero h1{font-size:2.4rem;margin-bottom:8px}.hero p,.hint{color:var(--muted)}.auth-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(20,55,45,.06);margin-bottom:16px}.tabs,.work-tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{flex:1}.tabs .active,.work-tabs .active{background:var(--primary);color:#fff}form{display:grid;gap:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:5px;font-size:.82rem;font-weight:700}input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;font:inherit}textarea{min-height:70px}button{padding:11px 14px;border:1px solid var(--line);background:#fff;border-radius:9px;font-weight:700;cursor:pointer}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button:disabled{opacity:.5}.message{padding:12px;border-radius:9px;background:var(--soft);white-space:pre-wrap}.error{background:#fee4e2;color:#b42318}.security li{margin:10px 0;color:var(--muted)}.loading{text-align:center;padding:80px}.portal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.vendor-banner{background:#dff2ee;border:1px solid #87c8bd;padding:12px 18px;border-radius:12px;margin:14px 0}.vendor-banner span{float:right}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#dff2ee;font-size:12px}.success{border-left:5px solid var(--primary)}.ta-search-bar{display:flex;gap:8px;max-width:680px}.ta-head{display:flex;justify-content:space-between;align-items:flex-start}.ta-head h2{margin:.2rem 0}.ta-reminder{padding:11px 14px;background:var(--soft);border-radius:9px;margin:14px 0}.ta-lines{border-top:1px solid var(--line)}.ta-line{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr 1.5fr 1.4fr .8fr auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}.ta-line label{font-size:.7rem}.ta-line input,.ta-line select{padding:8px}.ta-line small{display:block;color:var(--muted)}.ta-line .late{color:#b42318;font-weight:800}.ta-line .due_soon{color:#b54708;font-weight:800}.ta-line .on_track{color:#067647;font-weight:800}.ta-add{display:grid;grid-template-columns:1.4fr 1.3fr 1fr 1.4fr auto;gap:9px;align-items:center;margin-top:16px;padding:12px;background:var(--soft);border-radius:10px}@media(max-width:980px){.ta-line{grid-template-columns:1fr 1fr 1fr}.ta-add{grid-template-columns:1fr 1fr}.ta-search-bar{max-width:none}}@media(max-width:760px){main{padding:18px}.auth-grid,.grid,.sample-grid{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.vendor-banner span{float:none;display:block;margin-top:6px}}
.ta-process-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:14px 0}.ta-process-chip{display:grid;gap:3px;text-align:left;padding:10px 12px;background:#f7faf9;border-color:var(--line)}.ta-process-chip small{color:var(--muted);font-size:.72rem}.ta-process-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(33,102,83,.18)}.ta-process-chip.active small{color:#dff2ee}.ta-process-picker{max-width:620px;margin:12px 0 16px}.ta-process-picker select{font-weight:700;background:#fff}.ta-single-editor{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfdfc}.ta-single-editor label{padding:9px;border:1px solid transparent;border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s}.ta-single-editor label:hover,.ta-single-editor label:focus-within{background:#fff;border-color:#81b8a9;box-shadow:0 0 0 3px rgba(33,102,83,.09)}.ta-selected-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--line)}.ta-selected-title small,.ta-date-summary small{color:var(--muted)}.ta-wide{grid-column:span 2}.ta-date-summary{display:flex;gap:24px;align-items:center;padding:9px}.ta-save{align-self:end}.ta-add-panel{margin-top:14px;border:1px solid var(--line);border-radius:11px;padding:11px 14px;background:#f8fbfa}.ta-add-panel summary{cursor:pointer;font-weight:700}.ta-add-panel .ta-add{margin-top:10px}.ta-single-editor .late{color:#b42318;font-weight:800}.ta-single-editor .due_soon{color:#b54708;font-weight:800}.ta-single-editor .on_track{color:#067647;font-weight:800}@media(max-width:980px){.ta-single-editor{grid-template-columns:1fr 1fr}.ta-selected-title{grid-column:1/-1}.ta-wide{grid-column:span 2}}@media(max-width:650px){.ta-head{display:grid;gap:10px}.ta-single-editor{grid-template-columns:1fr}.ta-wide,.ta-selected-title{grid-column:1}.ta-selected-title{display:grid;gap:4px}.ta-add{grid-template-columns:1fr}}
.shipment-view{white-space:nowrap;background:var(--soft);color:var(--primary);border-color:#a9cec4}.shipment-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.shipment-detail-head h2{margin:14px 0 5px}.shipment-correction{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;padding:16px;background:#f7faf9;border:1px solid var(--line);border-radius:14px}.shipment-correction label{padding:8px;border:1px solid transparent;border-radius:10px}.shipment-correction label:hover,.shipment-correction label:focus-within{background:#fff;border-color:#81b8a9;box-shadow:0 0 0 3px rgba(33,102,83,.09)}.shipment-correction small{color:var(--muted);font-weight:400}.shipment-wide{grid-column:span 2}.shipment-actions{display:flex;justify-content:flex-end;gap:8px}.shipment-lock{margin:18px 0;padding:14px;border-radius:10px;background:#fff4e5;color:#7a2e0e}.shipment-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}.shipment-files>a{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:#f8fbfa}.shipment-files>a:hover{border-color:#81b8a9;background:#fff}.shipment-files small{color:var(--muted)}.shipment-history{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.shipment-history summary{cursor:pointer;font-weight:800}.shipment-history>div{display:grid;grid-template-columns:1fr auto;gap:3px 16px;padding:10px 2px;border-bottom:1px solid var(--line)}.shipment-history span{color:var(--muted);font-size:.78rem}.shipment-history p{grid-column:1/-1;margin:0;color:var(--muted)}@media(max-width:900px){.shipment-correction{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shipment-detail-head{display:grid}.shipment-correction{grid-template-columns:1fr}.shipment-wide{grid-column:1}.shipment-history>div{grid-template-columns:1fr}.shipment-history p{grid-column:1}}
.shipment-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.shipment-file-upload{display:grid;grid-template-columns:1fr 2fr auto;gap:9px;align-items:center;padding:12px;background:var(--soft);border-radius:10px;margin-bottom:10px}.shipment-file-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#f8fbfa}.shipment-file-card>a{display:grid;gap:4px;text-decoration:none;color:var(--ink)}.shipment-file-card:hover{border-color:#81b8a9;background:#fff}.shipment-item-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;padding:16px;border:2px solid #81b8a9;border-radius:14px;background:#f7faf9}.shipment-item-editor>.shipment-section-head{grid-column:1/-1;margin:0 0 4px}.shipment-item-editor label{padding:8px;border:1px solid transparent;border-radius:9px}.shipment-item-editor label:hover,.shipment-item-editor label:focus-within{background:#fff;border-color:#81b8a9;box-shadow:0 0 0 3px rgba(33,102,83,.09)}button.danger{color:#b42318;border-color:#f0aaa5;background:#fff}@media(max-width:900px){.shipment-item-editor{grid-template-columns:1fr 1fr}.shipment-file-upload{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shipment-item-editor,.shipment-file-upload{grid-template-columns:1fr}.shipment-item-editor>.shipment-section-head{grid-column:1}.shipment-file-card{grid-template-columns:1fr}.shipment-file-card .danger{justify-self:start}}
.ta-actual{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1.5fr 1.4fr 1fr 1fr;gap:10px;align-items:center;padding:11px 13px;border:1px solid #9ecdc1;border-radius:11px;background:#eef8f5;font-size:.8rem}.ta-actual span{color:var(--muted)}.ta-actual.pending{grid-template-columns:auto 1fr;border-color:var(--line);background:#f7faf9}@media(max-width:900px){.ta-actual{grid-template-columns:1fr 1fr}}@media(max-width:650px){.ta-actual,.ta-actual.pending{grid-template-columns:1fr}}
.vendor-account{display:flex;align-items:center;justify-content:flex-end;gap:10px}.vendor-account label{display:flex;align-items:center;gap:7px}.vendor-account select{min-width:260px;padding:8px 34px 8px 10px;background:#fff}.vendor-account small{display:block;color:var(--muted)}@media(max-width:760px){.vendor-account{display:grid;justify-items:end}.vendor-account label{display:grid}.vendor-account select{min-width:220px}}