:root{--ink:#182235;--blue:#1768e5;--pale:#edf4ff;--line:#e2e8f1;--muted:#68758b;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif}header{height:68px;background:linear-gradient(105deg,#102b4f,#1768d6);display:flex;justify-content:flex-start;align-items:center;gap:42px;padding:0 5%;box-shadow:0 1px 0 #ffffff1f}.brand{font-size:20px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:-.5px}.brand span{font-size:13px;font-weight:600;color:#dce9ff;margin-left:8px}.mode{display:flex;align-items:center;gap:8px}.mode a,.mode button{padding:10px 14px;border:0;background:transparent;color:#dce9ff;text-decoration:none;font:750 14px -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;border-radius:8px;cursor:pointer}.mode a:hover,.mode button:hover,.mode button.active{background:#ffffff24;color:#fff;box-shadow:none}main{max-width:1440px;margin:auto;padding:34px}.view{display:none}.view.active{display:block}.intro,.office-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.eyebrow{color:var(--blue);font-weight:850;font-size:12px;letter-spacing:.08em;margin:0 0 8px}h1{font-size:29px;line-height:1.22;letter-spacing:-1.2px;margin:0 0 12px}h2{font-size:17px;margin:0 0 5px}p{color:var(--muted);margin:0;line-height:1.5}.status{background:#e8f1ff;border:1px solid #cddcff;border-radius:14px;padding:15px 20px;color:#46618d;font-size:13px;line-height:1.5}.status strong{font-size:15px;color:var(--ink)}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;margin:16px 0;box-shadow:0 8px 25px #25365309}.grid{display:grid;gap:15px;margin-top:18px}.four{grid-template-columns:repeat(4,1fr)}label{font-size:13px;font-weight:700;color:#394860;display:flex;flex-direction:column;gap:7px}input,select{height:42px;border:1px solid #cbd5e3;border-radius:8px;padding:0 11px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:2px solid #b4ccff;border-color:var(--blue)}.wide{grid-column:span 2}.section-title{display:flex;justify-content:space-between;align-items:flex-start}.secondary,.removeCargo{border:1px solid #b9c9e4;background:#fff;border-radius:8px;padding:9px 12px;color:var(--blue);font-weight:750}.cargo{margin-top:16px;border:1px solid #d8e3f8;background:#fafcff;border-radius:11px;padding:16px}.cargo-head{display:flex;justify-content:space-between;align-items:center}.removeCargo{color:#a43939;border-color:#efcccc;padding:6px 9px;font-size:12px}.actions{display:flex;align-items:center;gap:15px;margin-top:22px}.actions span{font-size:13px;color:var(--muted)}.primary{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:13px 20px;font-weight:800;font-size:15px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpis div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 8px 25px #25365309}.kpis span{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.kpis strong{font-size:23px}.office-head>label{width:170px}.table-wrap{overflow-x:auto;margin-top:17px}table{border-collapse:collapse;width:100%;min-width:1000px;font-size:13px}th{background:#e8f1ff;font-size:12px;color:#16447d}th,td{border:1px solid #dce5f0;padding:10px;text-align:center;vertical-align:middle}td.destination,td.note{text-align:left;white-space:pre-line;min-width:150px}.fee-input{width:100px;height:34px;text-align:right}.badge{font-size:11px;font-weight:800;padding:5px 7px;border-radius:30px;background:#fff1d6;color:#a76b00}.badge.approved{background:#dff7e6;color:#18733a}@media(max-width:800px){header{padding:0 16px;gap:8px}.brand{font-size:16px}.mode{gap:0;overflow:auto}.mode a,.mode button{padding:8px;font-size:12px;white-space:nowrap}main{padding:28px 16px}.intro,.office-head{gap:17px;flex-direction:column}h1{font-size:27px}.four,.kpis{grid-template-columns:repeat(2,1fr)}.wide{grid-column:span 2}.status{width:100%}.actions{align-items:flex-start;flex-direction:column}}@media print{header,.office-head label,.secondary,.kpis,.card:not(.ledger),.mode{display:none!important}body{background:#fff}main{padding:0;max-width:none}.view{display:none!important}.view#office.active{display:block!important}.ledger{border:0;box-shadow:none;padding:0}h1{font-size:26px}}