:root{--navy:#183b56;--blue:#4d8fca;--blue-dark:#347fb9;--cyan:#62a8d7;--ice:#f2f6f9;--ink:#3c3c3c;--muted:#6f7c86;--line:#dfe8ed;--green:#1f8a70;--amber:#d68b18;--red:#c64a4a;--white:#fff;--shadow:0 12px 35px rgba(24,59,86,.10)}
*{box-sizing:border-box}html{background:#f5f8fa}body{margin:0;color:var(--ink);background:#f5f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}
.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 13px;border-radius:9px;font-weight:700}.btn:hover{border-color:#a9c8da}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#3e81bc}.btn.light{background:#fff;color:var(--navy);border:0}.btn.small{padding:7px 9px;font-size:12px}.link{border:0;background:none;color:var(--blue-dark);font-weight:750}.icon-button{border:0;background:transparent;font-size:24px;color:var(--navy);padding:5px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#e8f3fa 0,transparent 35%),#f5f8fa}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:var(--shadow)}.login-logo{display:block;width:240px;max-width:85%;height:auto;margin-bottom:24px}.login-kicker,.eyebrow{color:var(--blue-dark);font-size:11px;font-weight:800;letter-spacing:.1em}.login-card h1{font-size:30px;color:var(--navy);margin:5px 0}.login-card>p:not(.login-kicker){color:var(--muted);line-height:1.5}.login-form{display:grid;gap:15px;margin:24px 0 18px}.login-form label,.modal label{display:grid;gap:6px;font-size:12px;font-weight:700}.login-form input,.login-form select,.modal input,.modal select{border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.login-card small{color:var(--muted)}.form-alert{background:#fff0f0;color:#9f3333;border-radius:10px;padding:11px 13px;font-size:13px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:28px 20px;z-index:20}.brand{display:grid;gap:6px;margin:0 6px 30px}.brand img{width:100%;height:auto}.brand small{color:var(--muted);font-size:10px;letter-spacing:.08em}.sidebar nav{display:grid;gap:6px}.nav-button{display:flex;gap:11px;align-items:center;width:100%;padding:12px 13px;border:0;border-radius:10px;background:transparent;color:#647481;text-align:left;font-weight:700}.nav-button span{width:20px;text-align:center;font-size:18px}.nav-button:hover{background:var(--ice);color:var(--navy)}.nav-button.active{background:#eaf3fa;color:var(--blue-dark)}.sidebar-foot{position:absolute;left:20px;right:20px;bottom:24px;border-top:1px solid var(--line);padding-top:17px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.sidebar-foot small{display:block;color:var(--muted);font-size:10px}.sidebar-foot a{color:var(--blue-dark);font-size:11px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf3fa;color:var(--blue-dark);font-weight:800}.mobile-header{display:none}.main{min-width:0;padding:28px 36px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topbar h1{font-size:25px;margin:3px 0}.top-actions{display:flex;gap:9px;align-items:center}.top-actions>span{font-size:11px;color:var(--muted)}.view{display:none}.view.active{display:block}.offline-banner{display:none;background:#fff4df;color:#8d5c0e;border:1px solid #f0d7ae;border-radius:10px;padding:10px 13px;margin-bottom:14px;font-size:12px}.offline .offline-banner{display:block}.network-mini{font-size:10px;color:var(--green)}
.hero{background:linear-gradient(110deg,var(--navy),var(--blue));color:#fff;border-radius:18px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:260px;height:260px;border:42px solid rgba(255,255,255,.08);border-radius:50%;right:-85px;top:-120px}.hero div,.hero button{position:relative;z-index:1}.hero span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#d8eff9}.hero h2{font-size:26px;margin:7px 0}.hero p{margin:0;color:#d7e9f3}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{position:relative;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;color:var(--ink);box-shadow:0 5px 18px rgba(18,61,83,.045)}.metric:hover{transform:translateY(-2px);border-color:#a6c9e1}.metric small,.metric span{display:block;color:var(--muted)}.metric strong{display:block;font-size:27px;margin:8px 0 3px}.metric span{font-size:11px}.home-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.panel-head,.heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head h3,.section-title h3{margin:0;font-size:16px}.heading{align-items:flex-end;margin-bottom:18px}.heading h2{font-size:23px;margin:0}.heading p{color:var(--muted);margin:5px 0 0}.empty-state{color:var(--muted);font-size:13px;padding:24px;text-align:center}.arrival,.priority-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f4}.arrival:last-child,.priority-item:last-child{border:0}.arrival strong,.priority-item strong{font-size:12px}.arrival small,.priority-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.flag{font-size:20px}.due{font-size:11px;font-weight:800;color:var(--blue-dark)}.due.urgent{color:var(--red)}
.filterbar{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:13px}.filterbar input,.filterbar select{min-width:150px;flex:1;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#fff;color:var(--ink)}.filterbar label{font-size:12px;color:var(--muted);white-space:nowrap}.board{display:grid;grid-template-columns:repeat(3,minmax(290px,1fr));gap:12px;min-width:920px}.board-column{background:#eaf1f3;border:1px solid var(--line);border-radius:13px;padding:11px;min-height:570px}.board-column>header{display:flex;justify-content:space-between;gap:10px;padding:3px 3px 10px}.board-column>header strong{font-size:13px}.board-column>header small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.counter{align-self:start;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 7px;color:var(--muted);font-size:10px}.dropzone{display:grid;gap:9px;align-content:start;min-height:490px}.operation-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;box-shadow:0 4px 12px rgba(25,56,72,.04);cursor:pointer}.operation-card:hover{border-color:#b8d0da;box-shadow:0 7px 18px rgba(25,56,72,.08)}.operation-card.alert{border-left:4px solid var(--amber)}.operation-card.urgent{border-left:4px solid var(--red)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-ref{font-size:11px;color:var(--blue-dark);font-weight:800}.card-flag{font-size:18px}.operation-card h3{font-size:14px;margin:8px 0 3px}.operation-card>p{font-size:11px;color:var(--muted);margin:0}.card-meta{display:grid;gap:5px;margin:12px 0;font-size:11px}.card-meta div{display:flex;justify-content:space-between;gap:8px}.card-meta span{color:var(--muted)}.eta{display:flex;justify-content:space-between;align-items:center;background:#f3f8fa;border-radius:8px;padding:9px;font-size:11px;border-left:3px solid var(--blue)}.eta.soon{background:#fff8df;border-color:#d4a21d}.eta.urgent{background:#fdecec;border-color:var(--red)}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid #edf2f4;color:var(--muted);font-size:10px}.badges{display:flex;gap:5px}.badge{display:inline-flex;align-items:center;gap:3px;background:#eef5fa;color:var(--blue-dark);border-radius:7px;padding:4px 6px;font-size:10px;font-weight:800}.badge.red{background:#fdecec;color:var(--red)}.badge.amber{background:#fff4df;color:#97620e}.status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.status.pending{background:#fff4df;color:#93600f}.status.loaded{background:#eaf5fa;color:var(--blue-dark)}.status.closed{background:#e8f7f2;color:var(--green)}.status.history{background:#eef1f3;color:#647784}
.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:1180px}.table-wrap th{text-align:left;padding:12px 13px;background:#f8fbfc;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.table-wrap td{padding:13px;border-top:1px solid #edf2f4;font-size:12px;vertical-align:top}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover td{background:#fbfdfe}.table-wrap td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.agenda-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px}.agenda-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 12px;color:var(--muted);font-weight:800}.agenda-tabs button.active{color:var(--blue-dark);border-color:var(--blue)}.task-list{display:grid;gap:9px}.task-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.task-row.done{opacity:.55}.task-row.done strong{text-decoration:line-through}.task-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.task-row time{font-size:11px;color:var(--muted)}
.backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(5,27,40,.42);z-index:40;opacity:0;pointer-events:none;transition:.2s}.backdrop.open,.modal-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:absolute;right:0;top:0;height:100%;width:min(720px,96vw);background:#f7fafb;display:flex;flex-direction:column;transform:translateX(100%);transition:.25s;box-shadow:-18px 0 55px rgba(8,35,49,.2)}.backdrop.open .drawer{transform:none}.drawer-head{position:relative;background:#fff;border-bottom:1px solid var(--line);padding:20px 22px 12px}.drawer-head>.icon-button{position:absolute;right:15px;top:10px}.drawer-head h2{font-size:21px;margin:4px 35px 0 0}.drawer-tabs{display:flex;gap:4px;overflow:auto;margin-top:14px}.drawer-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 9px;border-radius:8px;white-space:nowrap;font-size:11px;font-weight:800}.drawer-tabs button.active{background:var(--ice);color:var(--blue-dark)}.drawer-body{padding:18px 22px;overflow:auto;flex:1}.drawer-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.drawer-panel.active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label,.item-row label,.commission-row label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.item-row input,.commission-row input,.item-row select,.doc-row select,.doc-row input,.inline-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff;color:var(--ink)}.form-grid textarea{min-height:78px}.form-grid .full{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:8px;align-self:end;padding:10px}.check-label input{width:auto}.drawer-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 22px;background:#fff;border-top:1px solid var(--line)}.section-title{margin-bottom:10px}.section-title:not(:first-child){margin-top:18px}.item-row,.commission-row{border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:8px}.item-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:8px;align-items:end}.commission-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:8px;align-items:end}.remove-row{border:0;background:#fdecec;color:var(--red);border-radius:8px;padding:9px}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.total{background:#f4f8fa;border-radius:9px;padding:10px}.total small{display:block;color:var(--muted);font-size:9px}.total strong{display:block;margin-top:4px}.section-help{color:var(--muted);font-size:12px}.doc-row{display:grid;grid-template-columns:1fr 165px 1fr;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf2f4;font-size:12px}.note-row,.incident-row{background:#f8fbfc;border-left:3px solid var(--cyan);border-radius:0 9px 9px 0;padding:11px;margin-bottom:8px}.note-row strong,.incident-row strong{font-size:11px}.note-row time,.incident-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.note-row p,.incident-row p{font-size:12px;line-height:1.45;margin:6px 0 0}.inline-form{display:grid;gap:8px;margin-top:13px}.inline-form textarea{min-height:90px}.subform{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);width:min(470px,92vw);background:#fff;border-radius:16px;padding:22px;display:grid;gap:12px}.modal>.icon-button{position:absolute;right:12px;top:8px}.modal h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--navy);color:#fff;border-radius:9px;padding:11px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.home-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:22px 12px}.brand img,.brand small,.nav-button:not(.active){ }.brand img{display:none}.brand:before{content:"TM";width:46px;height:46px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#eaf3fa;color:var(--blue-dark);font-weight:900}.brand small,.nav-button{font-size:0}.nav-button{justify-content:center}.nav-button span{font-size:19px}.sidebar-foot{left:14px;right:14px;grid-template-columns:1fr}.sidebar-foot>div:not(.avatar),.sidebar-foot a{display:none}.avatar{margin:auto}}
@media(max-width:720px){.app-shell{display:block}.mobile-header{display:flex;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:10px 14px}.mobile-header img{height:35px;width:auto}.sidebar{display:none;position:fixed;width:245px;height:100vh;z-index:45}.sidebar.open{display:block}.sidebar.open .brand img{display:block}.sidebar.open .brand:before{display:none}.sidebar.open .brand small{display:block}.sidebar.open .nav-button{font-size:13px;justify-content:flex-start}.sidebar.open .nav-button span{font-size:18px}.sidebar.open .sidebar-foot{grid-template-columns:34px 1fr auto}.sidebar.open .sidebar-foot>div:not(.avatar),.sidebar.open .sidebar-foot a{display:block}.main{padding:18px 14px 40px}.topbar{display:none}.hero{display:block;padding:22px}.hero .btn{margin-top:18px}.metrics{grid-template-columns:1fr 1fr}.heading{align-items:flex-start}.filterbar{display:grid;grid-template-columns:1fr 1fr}.filterbar input:first-child{grid-column:1/-1}.board{overflow:auto}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.drawer-head,.drawer-body,.drawer-actions{padding-left:14px;padding-right:14px}.item-grid,.commission-grid{grid-template-columns:1fr 1fr}.item-grid label:first-child,.commission-grid label:first-child{grid-column:1/-1}.doc-row{grid-template-columns:1fr}.totals{grid-template-columns:1fr}.task-row{grid-template-columns:auto 1fr}.task-row time,.task-row .badge{grid-column:2}.login-card{padding:25px}}
.badge{position:relative}.badge.unread:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--red);right:-2px;top:-2px;box-shadow:0 0 0 2px #fff}.nav-button span{height:20px;display:grid;place-items:center}.nav-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar>div:first-child{min-width:0}.topbar #pageSubtitle{margin:3px 0 0;color:var(--muted);font-size:12px}.arrival{grid-template-columns:28px minmax(0,1fr) auto;text-align:left;cursor:pointer}.arrival-main{min-width:0}.journey{margin-top:10px;max-width:560px}.journey-track{position:relative;height:5px;border-radius:999px;background:linear-gradient(90deg,#55a5d5 0%,#65b79d 43%,#e3b84f 72%,#d85a55 100%);box-shadow:inset 0 0 0 1px rgba(24,59,86,.08)}.journey-dot{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#1d252b;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35);transform:translate(-50%,-50%)}.journey-labels{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-top:5px;color:var(--muted);font-size:8px}.journey-labels b{color:var(--ink);font-weight:750;text-align:center}.journey-labels span:last-child{text-align:right}.total.result.positive{background:#e6f6ef;color:#16745f}.total.result.negative{background:#fdeaea;color:#a83c3c}.total.result.neutral{background:#f4f8fa;color:var(--ink)}.total.result strong{font-size:18px}.document-summary{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:0 0 14px;margin-bottom:5px;border-bottom:1px solid var(--line)}.document-summary label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700;min-width:250px}.document-summary select{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff;color:var(--ink)}.document-summary p{margin:0;color:var(--muted);font-size:11px;text-align:right}.task-row.automatic{cursor:pointer;border-left:4px solid var(--cyan)}.task-row.automatic:hover{border-color:var(--blue);background:#fbfdfe}.task-auto{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eaf3fa;color:var(--blue-dark);font-size:11px;font-weight:900}
@media(max-width:720px){.topbar{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.topbar .eyebrow,.topbar #pageSubtitle,.top-actions>span{display:none}.topbar h1{font-size:20px;margin:4px 0}.top-actions{margin-left:auto}.top-actions .btn{padding:8px 10px;font-size:11px}.arrival{grid-template-columns:24px minmax(0,1fr)}.arrival>.due{grid-column:2;margin-top:2px}.journey-labels b{display:none}.journey-labels{grid-template-columns:1fr 1fr}.document-summary{display:grid;align-items:stretch}.document-summary label{min-width:0}.document-summary p{text-align:left}.task-row{grid-template-columns:auto minmax(0,1fr)}.task-row time,.task-row .badge{grid-column:2}}