*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Segoe UI",sans-serif;background:#f3f6f8;color:#17202a}button,input,select{font:inherit}
.topbar{background:#14527b;color:white;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar h1{margin:0;font-size:25px}.sub{opacity:.85;margin-top:5px;font-size:13px}.top-actions{display:flex;gap:8px}
.tabs{display:flex;gap:4px;background:white;padding:8px 18px;border-bottom:1px solid #d7dee4;position:sticky;top:0;z-index:10}.tab{border:0;background:transparent;padding:12px 18px;cursor:pointer;border-radius:8px;color:#34495e}.tab.active{background:#14527b;color:white}
main{max-width:1450px;margin:20px auto;padding:0 14px}.panel{display:none}.panel.active{display:block}.card{background:white;border:1px solid #dfe5e9;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px #0000000a}.card h2{margin:0 0 16px;font-size:18px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.form-grid>div{min-width:0}label{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:#34495e}input,select{width:100%;border:1px solid #c9d3da;border-radius:7px;padding:10px;background:white}input:focus,select:focus{outline:2px solid #b9d8ed;border-color:#3182b5}.tonnage-wrap{display:flex;gap:5px;align-items:center}.tonnage-wrap input{flex:1}.tonnage-wrap span{color:#6b7780}.align-end{display:flex;align-items:end}.btn{border:0;border-radius:8px;padding:10px 16px;cursor:pointer}.btn.primary{background:#17638f;color:white}.btn.ghost{background:#ffffff18;color:inherit;border:1px solid #ffffff55}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.actions{display:flex;align-items:center;gap:12px;margin-top:16px}.info{font-size:13px;color:#4d6370}.muted{color:#65757f;font-size:13px}
.combo{position:relative}.combo input{padding-left:35px}.combo .arrow{position:absolute;left:10px;top:10px;color:#667;pointer-events:none}.combo-menu{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 3px);background:white;border:1px solid #cbd5dc;border-radius:8px;max-height:270px;overflow:auto;box-shadow:0 8px 20px #0002}.combo-item{padding:9px 11px;cursor:pointer}.combo-item:hover{background:#edf5fa}.combo-empty{padding:10px;color:#777}
.table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.table-head h2{margin:0}.search{max-width:300px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{border-bottom:1px solid #e3e8eb;padding:10px 9px;text-align:right;white-space:nowrap}th{background:#1c557d;color:white;position:sticky;top:0;z-index:2}tr:hover td{background:#f7fafc}.num{text-align:center}.danger{background:#a33;color:white;padding:6px 9px;border-radius:6px;border:0;cursor:pointer}.small-input{width:110px;padding:7px}
#toast{position:fixed;bottom:20px;left:20px;background:#183a4d;color:white;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.25s;z-index:100}.show{opacity:1!important;transform:none!important}
@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.tabs{overflow:auto}.tab{white-space:nowrap}.table-head{align-items:stretch;flex-direction:column}.search{max-width:none}}