:root{--ink:#172e3b;--muted:#6c7e87;--line:#dbe4e7;--teal:#087f83;--bg:#f3f6f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #70c8c7;outline-offset:4px}h1,h2,p{margin:0}img{display:block;max-width:100%}.portal-header{height:88px;padding:16px max(24px,calc((100% - 1420px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#102f40;color:#fff}.portal-logo img{width:182px;height:auto}.portal-header nav{display:flex;align-items:center;gap:18px}.portal-header form{margin:0}.portal-account{font-weight:600;font-size:13px}.portal-account small{display:block;color:#b9d3db;font-size:11px;font-weight:400}.header-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #45616e;border-radius:6px;background:transparent}.header-icon img,.portal-login img{width:19px;height:19px;filter:brightness(0) invert(1)}.portal-login{display:flex;align-items:center;gap:12px;font-weight:600}.portal-main{max-width:1468px;margin:0 auto;padding:32px 24px 48px;min-height:calc(100vh - 150px)}.portal-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.portal-eyebrow{font-size:10px;font-weight:750;color:var(--teal)}h1{font-size:28px;line-height:1.25;font-weight:650;margin-top:5px}.portal-title time{color:var(--muted);font-size:12px;white-space:nowrap}.port-panorama{height:190px;overflow:hidden;background:#d7e5e8;border-radius:6px}.port-panorama img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.department-list-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.department-list-heading h2{font-size:17px;font-weight:650}.department-list-heading>span{color:#8b9ca4;font:13px ui-monospace,monospace}.department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.department-card{--accent:#087f83;display:flex;flex-direction:column;min-width:0;min-height:238px;padding:22px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;transition:box-shadow .18s,border-color .18s}.department-card:not(.department-unavailable):hover{box-shadow:0 8px 24px #193d4b12;border-color:var(--accent)}.department-general-cargo{--accent:#337bb1}.department-warehouse{--accent:#869268}.department-container{--accent:#8b7a99}.department-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.department-card-top>img{width:30px;height:30px;opacity:.8}.department-number{font:13px ui-monospace,monospace;color:var(--muted)}.department-card h2{font-size:23px;font-weight:650;line-height:1.25;overflow-wrap:anywhere}.department-state{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-top:10px}.department-state>span{width:6px;height:6px;background:var(--accent);border-radius:50%}.department-unavailable .department-state>span{background:#a3aeb4}.department-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:25px;font-size:12px}.department-card-bottom>form{width:100%;margin:0}.department-card-bottom button,.department-card-bottom a{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;background:none;border:0;text-align:left;color:var(--accent);font-weight:650;font-size:12px}.department-card-bottom img{width:18px;height:18px}.department-unavailable{background:#fafcfc}.department-unavailable .department-card-bottom{color:#8a979e}.department-unavailable .department-card-bottom>img{opacity:.4}.portal-footer{max-width:1468px;padding:18px 24px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.portal-notice{padding:12px 16px;margin-bottom:20px;border-left:3px solid var(--teal);background:#e6f1f1;font-size:13px}.workspace-heading{display:flex;align-items:center;gap:14px;margin:8px 0 32px}.workspace-heading h1{font-size:24px;margin:0}.workspace-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:6px;background:white;flex-shrink:0}.workspace-back img{width:18px;height:18px}.workspace-status{margin-left:auto;color:var(--muted);font-size:12px}.workspace-tab{border-bottom:2px solid var(--teal);width:max-content;padding:10px 0;color:var(--teal);font-size:13px;font-weight:650}.workspace-empty{border-top:1px solid var(--line);display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:360px;text-align:center}.workspace-empty>img{width:54px;height:54px;opacity:.45;margin-bottom:20px}.workspace-empty h2{font-size:20px;font-weight:600}.workspace-empty p{font-size:13px;color:var(--muted);margin-top:8px}@media(max-width:1100px){.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.portal-header{height:74px;padding:14px 16px}.portal-logo img{width:142px}.portal-header nav{gap:10px}.portal-account{display:none}.header-icon{width:36px;height:36px}.portal-main{padding:24px 16px 32px;min-height:calc(100vh - 140px)}.portal-title{align-items:flex-end}.portal-title time{font-size:10px}h1{font-size:23px}.port-panorama{height:144px}.department-grid{grid-template-columns:1fr;gap:12px}.department-card{min-height:190px;padding:18px}.department-card-top{margin-bottom:16px}.department-card h2{font-size:22px}.department-list-heading{margin-top:24px}.portal-footer{padding:16px}.workspace-heading{flex-wrap:wrap;gap:10px}.workspace-heading h1{font-size:21px}.workspace-status{flex-basis:100%;margin:0}.workspace-empty{min-height:300px}}