:root{--navy:#12233f;--blue:#2864dc;--bg:#f4f7fb;--text:#17243b;--muted:#718097;--border:#e5eaf1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);padding:30px 20px;color:#fff;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-size:20px;font-weight:700;margin:0 8px 42px}.brand>span{display:grid;place-items:center;width:42px;height:42px;background:var(--blue);border-radius:12px;font-size:15px}.brand small{display:block;color:#8292aa;font-size:11px;font-weight:500;margin-top:2px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{color:#a9b5c8;text-decoration:none;padding:13px 15px;border-radius:9px;font-size:14px;font-weight:600}.sidebar nav a i{font-style:normal;display:inline-block;width:26px}.sidebar nav a.active,.sidebar nav a:hover{background:#203654;color:#fff}.support{margin-top:auto;padding:16px;border-radius:12px;background:#1b3150;display:grid;gap:7px;font-size:13px}.support span{font-size:11px;color:#93a3b9;line-height:1.5}main{margin-left:240px;padding:0 34px 40px}header{height:104px;display:flex;align-items:center;justify-content:space-between}header p{margin:0 0 4px;color:var(--muted);font-size:12px}h1{font-size:24px;margin:0}h2,h3{margin:0}.profile{display:flex;align-items:center;gap:12px;text-align:right;font-size:13px}.profile small{display:block;color:var(--muted);margin-top:3px}.profile>span{display:grid;place-items:center;width:40px;height:40px;background:#dce7fa;color:var(--blue);border-radius:50%;font-weight:700}.menu{display:none}.hero{background:linear-gradient(115deg,#2864dc,#1747ad);color:#fff;border-radius:18px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 13px 28px #2864dc2c}.hero span{font-size:10px;letter-spacing:1.6px;font-weight:700;opacity:.75}.hero h2{font-size:25px;margin:8px 0}.hero p{margin:0;opacity:.75;font-size:13px}.btn{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:#fff;text-decoration:none;padding:12px 17px;font:600 13px inherit;cursor:pointer}.btn.light{background:#fff;color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.stats article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:15px}.stats .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:13px;font-weight:700}.blue{background:#e7efff;color:#2864dc}.orange{background:#fff0df;color:#ed8a21}.green{background:#dff7ed;color:#169567}.purple{background:#efe8ff;color:#7952d6}.stats span,.stats small{display:block;color:var(--muted);font-size:11px}.stats strong{display:block;font-size:20px;margin:4px 0}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.panel h3{font-size:16px}.panel p{font-size:12px;color:var(--muted);margin:5px 0 0}.panel-head a{font-size:12px;text-decoration:none;color:var(--blue);font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#fafbfd;color:#8490a3;text-transform:uppercase;letter-spacing:.4px;font-size:9px;text-align:left;padding:11px 18px}td{padding:15px 18px;border-top:1px solid #edf0f5;white-space:nowrap}td small{display:block;color:var(--muted);margin-top:4px}.arrow{margin:0 8px;color:#9aa7b8}.badge{display:inline-block;border:0;border-radius:20px;padding:7px 10px;font:600 10px inherit}.livree{background:#ddf7eb;color:#13825a}.en-route{background:#e4eeff;color:#2864dc}.en-attente{background:#fff0dd;color:#b66b17}.annulee{background:#fee6e6;color:#bb3d3d}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.form-panel{padding:22px;height:max-content}.form-panel>p{margin-bottom:22px}form label{display:block;font-size:11px;font-weight:700;margin:14px 0 6px}input,select{width:100%;padding:11px 12px;border:1px solid #dbe1ea;border-radius:8px;background:#fff;color:var(--text);font:12px inherit;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2864dc12}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-panel .btn{width:100%;margin-top:20px}.status-form{margin:0}.status-form select{width:auto}.search{width:190px}.flash{padding:12px 16px;margin-bottom:18px;border-radius:9px;font-size:12px;font-weight:600}.flash.ok{background:#ddf7eb;color:#13724f}.flash.error{background:#fee6e6;color:#a72c2c}.client-list article{display:flex;align-items:center;gap:13px;padding:17px 22px;border-top:1px solid var(--border)}.client-list article:first-child{border-top:0}.client-list article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e8effc;color:var(--blue);font-size:12px;font-weight:700}.client-list article div{display:grid;gap:4px}.client-list article b{font-size:13px}.client-list article small{font-size:11px;color:var(--muted)}.client-list article em{margin-left:auto;color:var(--muted);font-style:normal;font-size:12px}.empty{text-align:center;color:var(--muted);padding:40px}
@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.page-grid{grid-template-columns:1fr}.form-panel{order:-1}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:translateX(0);box-shadow:8px 0 25px #0003}main{margin-left:0;padding:0 16px 30px}header{height:85px}.menu{display:block;border:0;background:#fff;border-radius:8px;padding:9px 11px;font-size:17px}.profile div{display:none}.hero{padding:25px;display:block}.hero .btn{margin-top:20px}.stats{grid-template-columns:1fr}.page-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.panel-head{align-items:flex-start;gap:12px}.search{width:140px}td,th{padding-left:13px;padding-right:13px}}
.fleet-list article{display:flex;align-items:center;gap:14px;padding:18px 22px;border-top:1px solid var(--border)}.fleet-list article:first-child{border-top:0}.vehicle-icon,.driver-avatar{width:45px;height:45px;border-radius:11px;display:grid;place-items:center;background:#e7efff;color:var(--blue);font-size:13px;font-weight:700}.driver-avatar{background:#e6f7ef;color:#16875f}.asset-main{display:grid;gap:5px;min-width:0}.asset-main b{font-size:13px}.asset-main small{font-size:11px;color:var(--muted)}.asset-status{margin-left:auto}.asset-status select{width:auto;min-width:120px;background:#f7f9fc;font-weight:600}@media(max-width:600px){.fleet-list article{align-items:flex-start;flex-wrap:wrap}.asset-status{margin-left:59px}.asset-main{max-width:calc(100% - 60px)}}
.form-panel textarea{width:100%;padding:11px 12px;border:1px solid #dbe1ea;border-radius:8px;background:#fff;color:var(--text);font:12px inherit;outline:none;resize:vertical}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.payment-summary article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px}.payment-summary span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.payment-summary strong{font-size:21px}.content-stack{display:grid;gap:20px}.payments-grid{grid-template-columns:minmax(0,1fr) 340px}.pay-state{padding:6px 10px;border-radius:20px;font-size:10px;font-weight:700}.pay-state.paye{background:#ddf7eb;color:#13825a}.pay-state.partiel{background:#fff0dd;color:#b66b17}.pay-state.impaye{background:#fee6e6;color:#bb3d3d}.paid-amount{color:#16875f}@media(max-width:800px){.payment-summary{grid-template-columns:1fr}.payments-grid{grid-template-columns:1fr}}
.panel-actions{display:flex;align-items:center;gap:10px}.panel-actions .btn{white-space:nowrap;padding:10px 14px}.form-page{max-width:780px;margin:0 auto}.form-page .form-panel{padding:28px}.form-title{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:8px}.form-title a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}@media(max-width:720px){.panel-actions{width:100%;flex-wrap:wrap}.panel-actions .search{flex:1}.panel-actions .btn{width:100%;text-align:center}.form-title{gap:15px}.form-page .form-panel{padding:20px}}
.panel-head .panel-actions a.btn{color:#fff}.panel-head .panel-actions a.btn:hover{color:#fff}
.sidebar-bottom{margin-top:auto}.sidebar-bottom .support{margin-top:0}.logout-btn{display:block;margin-top:10px;padding:12px 15px;border-radius:9px;color:#a9b5c8;text-decoration:none;font-size:13px;font-weight:600}.logout-btn:hover{background:#203654;color:#fff}.logout-btn i{font-style:normal;margin-right:9px}.login-body{min-height:100vh;background:linear-gradient(135deg,#12233f,#2864dc);display:grid;place-items:center;padding:20px}.login-main{margin:0;padding:0;width:100%;max-width:410px}.login-card{background:#fff;border-radius:18px;padding:36px;box-shadow:0 25px 60px #07142d55}.login-logo{width:54px;height:54px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:22px}.login-card h1{font-size:26px}.login-card>p{color:var(--muted);font-size:13px;margin:8px 0 24px}.login-card form label{display:block;font-size:11px;font-weight:700;margin:15px 0 6px}.login-card .btn{width:100%;margin-top:22px}.login-card>small{display:block;text-align:center;color:#9aa7b8;margin-top:24px;font-size:10px}.login-card .flash{margin-bottom:15px}
.brand img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}.login-company-logo{width:80px;height:65px;object-fit:contain;margin-bottom:18px}.settings-stack{display:grid;gap:20px}.settings-card{padding:24px}.settings-head{padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:20px}.settings-head>div{display:flex;align-items:center;gap:13px}.settings-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#e7efff;color:var(--blue)}.users-icon{background:#e6f7ef;color:#16875f}.company-form{display:grid;grid-template-columns:180px 1fr;gap:28px}.logo-upload{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border:1px dashed #cdd6e3;border-radius:12px}.logo-upload>img,.logo-upload>span{width:110px;height:80px;object-fit:contain;display:grid;place-items:center;border-radius:9px;background:#f4f7fb;color:#8b99ad;font-weight:700}.upload-btn{background:#eef3fc;color:var(--blue);padding:8px 11px;border-radius:7px;cursor:pointer;font-size:11px!important;margin:0!important}.upload-btn input{display:none}.logo-upload small{font-size:9px;color:var(--muted)}.settings-fields .btn{margin-top:18px}.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.user-card{border:1px solid var(--border);border-radius:12px;padding:18px}.user-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.user-card-title b{font-size:13px}.user-card-title span{font-size:9px;padding:5px 8px;border-radius:12px;background:#eef3fc;color:var(--blue)}.user-card .btn{margin-top:15px}.btn.secondary{background:#eef3fc;color:var(--blue)}.add-user{border-style:dashed;background:#fbfcfe}.danger-zone{padding:24px;border-color:#f3caca;display:flex;align-items:center;justify-content:space-between;gap:30px}.danger-zone h3{color:#b83232}.danger-zone>div p{max-width:570px}.danger-zone form{min-width:350px}.danger-zone label{margin-top:0}.danger-action{display:flex;gap:8px}.danger-action button{border:0;border-radius:8px;background:#c83e3e;color:#fff;padding:0 14px;font-weight:700;cursor:pointer}@media(max-width:850px){.company-form{grid-template-columns:1fr}.user-grid{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.danger-zone form{min-width:0;width:100%}}@media(max-width:520px){.danger-action{flex-direction:column}.danger-action button{padding:11px}.settings-card{padding:18px}}
.role-badge{display:inline-block;padding:6px 9px;border-radius:15px;background:#eef3fc;color:var(--blue);font-size:10px;font-weight:700}.table-link{color:var(--blue);font-weight:700;text-decoration:none}.roles-info{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.roles-info article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px}.roles-info b{font-size:12px}.roles-info p{color:var(--muted);font-size:10px;line-height:1.5;margin:7px 0 0}.role-help{background:#f4f7fb;border-radius:9px;padding:12px;margin-top:14px;display:grid;gap:4px}.role-help b{font-size:11px}.role-help span{font-size:10px;color:var(--muted)}.add-user-link{text-decoration:none;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;gap:8px}.add-user-link span{font-size:11px;color:var(--muted)}@media(max-width:950px){.roles-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.roles-info{grid-template-columns:1fr}}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;border-top:1px solid var(--border);background:#fff}.pagination-buttons{display:flex;align-items:center;gap:5px}.pagination button{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #dbe1ea;background:#fff;color:var(--text);border-radius:8px;padding:0 9px;font:700 11px inherit;cursor:pointer}.pagination button:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:#eef4ff}.pagination button.page-number.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 4px 10px rgba(45,105,220,.22)}.pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination-info{font-size:10px;color:var(--muted)}.client-list+.pagination,.fleet-list+.pagination,.rotation-list+.pagination,.notification-list+.pagination,.document-list+.pagination{border-top:1px solid var(--border)}.filtered-out{display:none!important}@media(max-width:620px){.pagination{align-items:center;flex-direction:column;padding:13px 8px}.pagination button{min-width:30px;height:30px;padding:0 7px}.pagination-buttons{gap:3px}}
.header-actions{display:flex;align-items:center;gap:17px}.theme-toggle{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:18px;cursor:pointer;display:grid;place-items:center}.theme-toggle:hover{border-color:var(--blue);color:var(--blue)}.theme-dark{display:none}.dark .theme-light{display:none}.dark .theme-dark{display:inline}
.notification-bell{position:relative;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);display:grid;place-items:center;text-decoration:none;font-size:17px}.notification-bell:hover{border-color:var(--blue)}.notification-bell b{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#e84b4b;color:#fff;display:grid;place-items:center;font-size:9px;border:2px solid var(--bg)}.dark .notification-bell{background:#152235;border-color:var(--border)}#truck-notifications{scroll-margin-top:20px}@media(max-width:720px){.notification-bell{width:36px;height:36px}.header-actions{gap:7px}}
.dark{--bg:#0d1726;--text:#e7edf7;--muted:#91a0b6;--border:#2a384c;--navy:#08111f}.dark body{background:var(--bg);color:var(--text)}.dark .sidebar{background:#08111f}.dark .panel,.dark .stats article,.dark .payment-summary article,.dark .roles-info article,.dark .pagination,.dark .theme-toggle{background:#152235;border-color:var(--border)}.dark th{background:#101c2d;color:#8f9db2}.dark td,.dark .client-list article,.dark .fleet-list article{border-color:var(--border)}.dark input,.dark select,.dark textarea{background:#101c2d;border-color:#35445a;color:var(--text)}.dark input::placeholder,.dark textarea::placeholder{color:#66758b}.dark .form-title,.dark .settings-head{border-color:var(--border)}.dark .user-card,.dark .logo-upload{border-color:#35445a;background:#111e30}.dark .add-user,.dark .role-help{background:#101c2d}.dark .vehicle-icon,.dark .driver-avatar,.dark .client-list article>span{background:#20334e}.dark .asset-status select{background:#101c2d}.dark .pagination button{background:#101c2d;border-color:#35445a;color:var(--text)}.dark .login-card{background:#152235}.dark .login-body{background:linear-gradient(135deg,#050b14,#132b50)}.dark .upload-btn,.dark .btn.secondary{background:#20334e}.dark .danger-zone{border-color:#6b3434}.dark .logo-upload>img,.dark .logo-upload>span{background:#101c2d}@media(max-width:720px){.header-actions{gap:8px}.theme-toggle{width:36px;height:36px}.header-title{flex:1;margin-left:12px}}
.form-page.wide{max-width:900px}.form-section{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--blue);margin:24px 0 0;padding-bottom:7px;border-bottom:1px solid var(--border)}.truck-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.truck-detail-head a{font-size:11px;color:var(--blue);font-weight:700;text-decoration:none}.truck-detail-head h2{margin:8px 0 4px}.truck-detail-head p{font-size:12px;color:var(--muted);margin:0}.truck-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:20px}.details-btn{color:var(--blue);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.truck-alerts{display:flex;gap:5px;margin-left:auto}.truck-alerts span{background:#fff0dd;color:#a85e10;border-radius:12px;padding:5px 7px;font-size:8px;font-weight:700}.maintenance-alert{display:flex;gap:12px;align-items:center;background:#fff4df;border:1px solid #f3d6a7;color:#915811;padding:12px 16px;border-radius:10px;margin-bottom:17px;font-size:11px}.document-list>a{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--border);text-decoration:none;color:var(--text)}.document-list>a:first-child{border-top:0}.document-list>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#e7efff;color:var(--blue)}.document-list a div{display:grid;gap:3px}.document-list b{font-size:11px}.document-list small{font-size:9px;color:var(--muted)}.document-list em{margin-left:auto;color:var(--blue);font-size:10px;font-style:normal}.field-help{display:block;color:var(--muted);font-size:9px;margin-top:6px}.dark .maintenance-alert{background:#382c18;border-color:#624c25;color:#f1c477}@media(max-width:980px){.truck-detail-grid{grid-template-columns:1fr}}@media(max-width:720px){.truck-alerts{order:4;width:100%;margin-left:59px}.details-btn{margin-left:59px}.truck-detail-head{align-items:flex-start}}
.sidebar{overflow:hidden}.sidebar .brand{flex-shrink:0;margin-bottom:24px}.sidebar nav{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px;margin-right:-5px;scrollbar-width:thin;scrollbar-color:#40536d transparent}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#40536d;border-radius:10px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#58708f}.sidebar-bottom{flex-shrink:0;padding-top:12px}.sidebar nav a{flex-shrink:0}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.sidebar nav{gap:3px}.sidebar nav a{display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;transition:background .2s,color .2s,transform .2s;padding:11px 13px}.sidebar nav a::before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:0 4px 4px 0;background:#5d91ff;transform:translateY(-50%);transition:height .2s}.sidebar nav a.active::before{height:24px}.sidebar nav a:hover{transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(90deg,#29466b,#203654)}.nav-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.sidebar nav a:hover .nav-icon{transform:scale(1.08)}.sidebar nav a.active .nav-icon{color:#73a2ff}.sidebar nav a span{min-width:0;line-height:1.3}.nav-label{color:#60728b;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:15px 13px 6px}.sidebar nav a+.nav-label{margin-top:4px}
.sidebar nav{grid-auto-rows:max-content;align-content:start}.sidebar nav a{min-height:42px;height:auto;flex-wrap:nowrap}.sidebar nav a span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.nav-label{min-height:30px}
.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detail-toolbar>a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.detail-toolbar>div{display:flex;gap:8px;align-items:center}.detail-toolbar form{margin:0}.delete-btn{border:0;border-radius:9px;background:#fee6e6;color:#b83232;padding:12px 16px;font:700 12px inherit;cursor:pointer}.shipment-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#173965,#12233f);color:#fff;border-radius:15px;padding:25px 28px;margin-bottom:18px}.shipment-hero>div>span{font-size:10px;letter-spacing:1px;color:#8fb3e9}.shipment-hero h2{margin:7px 0;font-size:22px}.shipment-hero h2 i{font-style:normal;color:#73a2ff;margin:0 7px}.shipment-hero p{margin:0;color:#aebdd1;font-size:11px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-card{padding:21px}.detail-card h3{padding-bottom:13px;border-bottom:1px solid var(--border)}.detail-card dl{display:grid;grid-template-columns:1fr 1.3fr;gap:11px 16px;margin:17px 0 0;font-size:11px}.detail-card dt{color:var(--muted)}.detail-card dd{margin:0;font-weight:600;text-align:right}.finance-card{border-color:#c9d8ef}.actions-cell{display:flex;gap:5px}.action-btn{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;text-decoration:none;font-size:12px}.action-view{background:#e7efff;color:#2864dc}.action-edit{background:#fff0dd;color:#a85e10}.action-delete{background:#fee6e6;color:#b83232;border:0;cursor:pointer}.actions-cell form{margin:0}@media(max-width:720px){.detail-grid{grid-template-columns:1fr}.detail-toolbar{align-items:flex-start;gap:12px}.shipment-hero{align-items:flex-start}.shipment-hero h2{font-size:18px}}
.deadline-dates{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px}.deadline-dates span{font-size:9px;color:var(--muted)}.deadline-dates b{color:var(--text);font-size:9px}@media(max-width:850px){.deadline-dates{display:grid;gap:3px}}
.notifications-panel{margin-bottom:20px}.notification-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e84b4b;color:#fff;font-size:10px;margin-left:6px}.notification-item{display:flex;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid var(--border);text-decoration:none;color:var(--text)}.notification-item:first-child{border-top:0}.notification-item:hover{background:#fafbfd}.notification-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700;flex-shrink:0}.notification-item.soon .notification-icon{background:#fff0dd;color:#b66b17}.notification-item.urgent .notification-icon,.notification-item.overdue .notification-icon{background:#fee6e6;color:#bb3d3d}.notification-item>div{display:grid;gap:3px}.notification-item b{font-size:11px}.notification-item small{font-size:9px;color:var(--muted)}.notification-item em{margin-left:auto;font-style:normal;font-size:10px;font-weight:700;color:#b66b17}.notification-item.overdue em,.notification-item.urgent em{color:#bb3d3d}.notifications-empty{display:flex;align-items:center;gap:12px;padding:20px}.notifications-empty>span{width:38px;height:38px;border-radius:10px;background:#ddf7eb;color:#13825a;display:grid;place-items:center;font-weight:700}.notifications-empty>div{display:grid;gap:3px}.notifications-empty b{font-size:12px}.notifications-empty small{font-size:10px;color:var(--muted)}.dark .notification-item:hover{background:#101c2d}@media(max-width:600px){.notification-item{align-items:flex-start}.notification-item em{margin-left:46px;position:absolute;margin-top:38px}.notification-item{padding-bottom:27px}}
.advance-summary article:first-child{border-color:#c9b8f4}.advance-amount{color:#7251c7}.advance-btn{background:#7251c7}
.profit-summary{margin:0 0 20px}.expense-total,.expense-amount,.net-negative{color:#c83e3e}.net-positive{color:#13825a}.expense-btn{background:#d3543f!important;color:#fff!important}.expense-category{display:inline-block;padding:6px 9px;border-radius:14px;background:#fff0dd;color:#a85e10;font-size:10px;font-weight:700}
.parking-fields{display:none;background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:0 14px 14px;margin-top:10px}.dark .parking-fields{background:#101c2d}
.client-list .actions-cell{display:flex;margin-left:10px}.client-list .actions-cell form{display:block}.client-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(115deg,#2864dc,#1747ad);color:#fff;border-radius:16px;padding:25px 28px;margin-bottom:20px}.client-hero>span{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#ffffff26;font-size:18px;font-weight:800}.client-hero small{font-size:9px;letter-spacing:1.5px;opacity:.7}.client-hero h2{margin:4px 0;font-size:23px}.client-hero p{margin:0;font-size:12px;opacity:.8}.client-stats{grid-template-columns:repeat(3,1fr)}@media(max-width:720px){.client-list article{flex-wrap:wrap}.client-list article em{margin-left:0;flex:1}.client-list .actions-cell{margin-left:auto}.client-stats{grid-template-columns:1fr}.client-hero{padding:20px}}
.truck-actions{flex:0 0 auto}.truck-actions form{display:block}.fleet-list article{gap:12px}@media(max-width:900px){.fleet-list article{flex-wrap:wrap}.truck-actions{margin-left:auto}}
.list-page-actions{display:flex;justify-content:flex-end;margin-bottom:14px}
.dashboard-monthly{margin-bottom:20px}.dashboard-monthly>.payment-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:18px 20px 0;margin-bottom:16px}.dashboard-monthly>.payment-summary article{padding:16px}.dashboard-monthly>.payment-summary strong{font-size:18px}.dashboard-monthly>.payment-summary small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.dashboard-monthly>.payment-summary small a{color:var(--blue);text-decoration:none}.dashboard-monthly>.list-page-actions{padding:0 20px 18px;gap:9px;flex-wrap:wrap}@media(max-width:1100px){.dashboard-monthly>.payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dashboard-monthly>.payment-summary{grid-template-columns:1fr}.dashboard-monthly>.list-page-actions{justify-content:stretch}.dashboard-monthly>.list-page-actions .btn{flex:1;text-align:center}}
.client-info-card{margin-bottom:20px}.client-info-card dl{display:grid;grid-template-columns:130px 1fr 130px 1fr;gap:13px 18px;padding:20px 22px;margin:0;font-size:11px}.client-info-card dt{color:var(--muted)}.client-info-card dd{margin:0;font-weight:600}@media(max-width:720px){.client-info-card dl{grid-template-columns:95px 1fr}}
.three-fields{grid-template-columns:repeat(3,1fr)}@media(max-width:720px){.three-fields{grid-template-columns:1fr}}
.advance-box{padding:14px;border:1px solid var(--border);border-radius:10px;background:#fafbfd}.advance-box label:first-child{margin-top:0}.dark .advance-box{background:#101c2d}
.action-btn{font-size:0}.action-btn::before{font-size:13px;line-height:1}.action-view::before{content:"👁"}.action-edit::before{content:"✎";font-size:15px}.action-delete::before{content:"×";font-size:17px}
.rotation-picker{margin:15px 0 22px;padding:18px;border:1px solid var(--border);border-radius:12px;background:#f8faff}.rotation-picker-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}.rotation-picker-head label{margin:0 0 4px;font-size:12px}.rotation-picker-head small{display:block;color:var(--muted);font-size:10px}.rotation-create-btn{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:9px 12px;border:1px solid #bfd1f4;border-radius:8px;background:#eef4ff;color:var(--blue);text-decoration:none;font-size:10px;font-weight:700}.rotation-create-btn span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;font-size:14px;line-height:1}.rotation-create-btn:hover{background:#e3edff;border-color:var(--blue)}.rotation-search-wrap,.rotation-select-wrap{position:relative}.rotation-search-wrap{margin-bottom:9px}.rotation-search-wrap input{padding-left:42px;padding-right:42px}.rotation-search-wrap>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:1;color:var(--muted);font-size:18px;pointer-events:none}.rotation-search-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.rotation-search-wrap button:hover{background:#e8effc;color:var(--blue)}.rotation-select-wrap select{padding-left:43px;border-color:#cdd8e8;font-weight:600}.rotation-select-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:1;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#e4edff;color:var(--blue);font-size:13px;pointer-events:none}.rotation-search-result{display:block;margin-top:7px;color:var(--muted);font-size:9px}.dark .rotation-picker{background:#101c2d}.dark .rotation-create-btn{background:#172b47;border-color:#35527a;color:#73a2ff}.dark .rotation-create-btn:hover{background:#1d3658}.dark .rotation-select-icon{background:#203b61;color:#8fb3ff}.dark .rotation-search-wrap button:hover{background:#20334e}.rotation-list article{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto auto;align-items:center;gap:15px;padding:17px 22px;border-top:1px solid var(--border)}.rotation-list article:first-child{border-top:0}.rotation-list article>div:not(.actions-cell){display:grid;gap:4px}.rotation-list span,.rotation-list small{font-size:10px;color:var(--muted)}.rotation-list b{font-size:12px}.rotation-ref b{color:var(--blue);font-size:14px}.rotation-edit{margin-bottom:20px}.rotation-edit .form-panel{padding-top:5px}@media(max-width:950px){.rotation-list article{grid-template-columns:1fr 1fr}.rotation-list .actions-cell{justify-self:end}}@media(max-width:620px){.rotation-picker{padding:14px}.rotation-picker-head{align-items:flex-start;flex-direction:column}.rotation-create-btn{width:100%;justify-content:center}}
.rotation-current{display:flex;align-items:center;gap:11px;margin-bottom:10px;padding:11px 13px;border:1px solid #bfd1f4;border-radius:10px;background:#eef4ff}.rotation-current>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--blue);color:#fff}.rotation-current>div{display:grid;gap:2px;flex:1}.rotation-current small{font-size:9px;color:var(--muted)}.rotation-current b{font-size:12px;color:var(--text)}.rotation-current>button{position:static!important;transform:none!important;width:30px!important;height:30px!important}.rotation-autocomplete{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;max-height:320px;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:11px;background:var(--card);box-shadow:0 14px 35px rgba(15,35,70,.18)}.rotation-autocomplete.open{display:block}.rotation-result{position:static!important;transform:none!important;display:flex!important;align-items:center;gap:10px;width:100%!important;height:auto!important;padding:10px!important;border-radius:8px!important;text-align:left}.rotation-result:hover{background:#edf3ff!important}.rotation-result>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e4edff;color:var(--blue);font-weight:800}.rotation-result>div{display:grid;gap:2px}.rotation-result b{font-size:11px;color:var(--text)}.rotation-result small{font-size:9px;color:var(--muted)}.rotation-result.independent{border-bottom:1px solid var(--border);margin-bottom:4px}.rotation-no-result{padding:12px;text-align:center;color:var(--muted);font-size:10px}.dark .rotation-current{background:#172b47;border-color:#35527a}.dark .rotation-autocomplete{background:#101c2d}.dark .rotation-result:hover{background:#20334e!important}
.shipment-hero+.payment-summary{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.shipment-hero+.payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shipment-hero+.payment-summary{grid-template-columns:1fr}}
.rotation-actions{gap:10px}.rotation-actions .btn{margin-left:0}
.rotation-expenses{margin-top:20px}
.date-filter-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px;background:#fafbfd;border-bottom:1px solid var(--border)}.date-filter-bar>b{margin-right:auto;font-size:11px;color:var(--muted)}.date-filter-bar label{display:flex;align-items:center;gap:7px;margin:0;font-size:10px;color:var(--muted)}.date-filter-bar input{width:145px;padding:8px 10px}.date-filter-bar button{border:1px solid #dbe1ea;background:#fff;color:var(--blue);border-radius:7px;padding:9px 11px;font:600 10px inherit;cursor:pointer}.date-filter-bar button:hover{border-color:var(--blue)}.dark .date-filter-bar{background:#101c2d}.dark .date-filter-bar button{background:#152235;border-color:#35445a;color:#73a2ff}@media(max-width:720px){.date-filter-bar{align-items:stretch;flex-wrap:wrap}.date-filter-bar>b{width:100%;margin:0}.date-filter-bar label{flex:1;min-width:135px}.date-filter-bar input{width:100%}.date-filter-bar button{width:100%}}
.voyage-form-page{max-width:940px}.voyage-form-page .form-panel{padding:30px 34px}.voyage-form-page input,.voyage-form-page select{padding:12px 14px}@media(max-width:720px){.voyage-form-page .form-panel{padding:20px}.voyage-form-page input,.voyage-form-page select{padding:11px 12px}}
.expense-entries{display:grid;gap:16px}.expense-entry{padding:18px;border:1px solid var(--border);border-radius:12px;background:#fafbfd}.expense-entry-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--border)}.expense-entry-head>div{display:grid;gap:3px}.expense-entry-head b{font-size:12px;color:var(--blue)}.expense-entry-head small{font-size:9px;color:var(--muted)}.remove-expense{border:0;border-radius:7px;padding:7px 10px;background:#fee6e6;color:#b83232;font:700 10px inherit;cursor:pointer}.add-expense-line{width:100%;margin-top:14px!important;border:1px dashed #9eb8e8}.dark .expense-entry{background:#101c2d}@media(max-width:620px){.expense-entry{padding:14px}.expense-entry-head{align-items:flex-start}.remove-expense{white-space:nowrap}}
.voyage-table-wrap{overflow-x:auto;scrollbar-width:auto;scrollbar-color:#8190a5 #edf1f6}.voyage-table{min-width:2600px}.voyage-table th,.voyage-table td{white-space:nowrap}.voyage-table-wrap::-webkit-scrollbar{height:13px}.voyage-table-wrap::-webkit-scrollbar-track{background:#edf1f6}.voyage-table-wrap::-webkit-scrollbar-thumb{background:#8190a5;border:3px solid #edf1f6;border-radius:10px}.dark .voyage-table-wrap{scrollbar-color:#58708f #101c2d}.dark .voyage-table-wrap::-webkit-scrollbar-track{background:#101c2d}.dark .voyage-table-wrap::-webkit-scrollbar-thumb{background:#58708f;border-color:#101c2d}
.advanced-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.advanced-select{position:relative;width:100%;margin-bottom:14px}.advanced-select-trigger{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font:600 12px 'DM Sans',sans-serif;text-align:left;cursor:pointer}.advanced-select-trigger:hover,.advanced-select.open .advanced-select-trigger{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,107,225,.09)}.advanced-select-trigger-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#e8f0ff;color:var(--blue);font-size:15px}.advanced-select-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-select-chevron{color:var(--blue);font-size:16px;transition:transform .18s}.advanced-select.open .advanced-select-chevron{transform:rotate(180deg)}.advanced-select-panel{display:none;position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:80;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 18px 40px rgba(15,35,70,.2)}.advanced-select.open .advanced-select-panel{display:block}.advanced-select-head{padding:15px;border-bottom:1px solid var(--border)}.advanced-select-title{display:block;margin-bottom:9px;color:var(--text);font-size:13px}.advanced-select-search-wrap{position:relative}.advanced-select-search-wrap span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.advanced-select-search{width:100%;margin:0!important;padding:11px 12px 11px 38px!important}.advanced-select-list{max-height:270px;overflow-y:auto;padding:7px;scrollbar-width:thin;scrollbar-color:#8290a3 transparent}.advanced-select-section{padding:8px 9px 5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.advanced-select-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--text);font:500 11px 'DM Sans',sans-serif;text-align:left;cursor:pointer}.advanced-select-option:hover,.advanced-select-option.active{background:#edf3ff;color:var(--blue)}.advanced-select-option-mark{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:7px;background:#eef3fb;color:var(--blue);font-size:11px}.advanced-select-empty{padding:22px;text-align:center;color:var(--muted);font-size:11px}.dark .advanced-select-trigger,.dark .advanced-select-panel{background:#101c2d}.dark .advanced-select-trigger-icon,.dark .advanced-select-option-mark{background:#203b61;color:#8fb3ff}.dark .advanced-select-option:hover,.dark .advanced-select-option.active{background:#20334e}@media(max-width:620px){.advanced-select-panel{position:fixed;top:auto;left:12px;right:12px;bottom:12px;z-index:200}.advanced-select-list{max-height:45vh}}
.truck-photo-upload{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px dashed #94afe2;border-radius:11px;background:#f6f9ff;color:var(--blue);cursor:pointer}.truck-photo-upload span{font-weight:700}.truck-photo-upload small{color:var(--muted);text-align:right}.truck-photo-upload input{position:absolute;width:1px;height:1px;opacity:0}.truck-photo-preview,.truck-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:12px}.truck-photo-preview:empty{display:none}.truck-photo-preview figure,.truck-photo-gallery a{position:relative;overflow:hidden;margin:0;border:1px solid var(--border);border-radius:10px;background:var(--card)}.truck-photo-preview img,.truck-photo-gallery img{display:block;width:100%;height:120px;object-fit:cover}.truck-photo-preview figcaption,.truck-photo-gallery span{display:block;overflow:hidden;padding:8px;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.truck-photo-gallery a{text-decoration:none}.truck-photo-panel{margin-bottom:20px}.dark .truck-photo-upload{background:#101c2d;border-color:#456695}@media(max-width:600px){.truck-photo-upload{align-items:flex-start;flex-direction:column}.truck-photo-upload small{text-align:left}.truck-photo-preview,.truck-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.resource-full-info{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));flex:1 0 100%;order:20;gap:8px 12px;width:100%;margin-top:4px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fafbfd}.fleet-list article{align-items:center;flex-wrap:wrap}.resource-full-info>span{display:grid;min-width:0;gap:3px}.resource-full-info small{color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase}.resource-full-info b{overflow-wrap:anywhere;color:var(--text);font-size:10px;font-weight:600}.dark .resource-full-info{background:#101c2d}.resource-export{white-space:nowrap}@media(max-width:720px){.resource-full-info{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.panel-actions .resource-export{width:100%;justify-content:center}}@media(max-width:430px){.resource-full-info{grid-template-columns:1fr}}
.payment-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.payment-status.paid{background:#d9f5e8;color:#087a4f}.payment-status.partial{background:#fff0d9;color:#ad6200}.payment-status.unpaid{background:#ffe2e2;color:#bd3030}.voyage-table td>.payment-status+small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.dark .payment-status.paid{background:#123e32;color:#71dfb1}.dark .payment-status.partial{background:#493518;color:#ffc875}.dark .payment-status.unpaid{background:#4a2228;color:#ff9da8}
.payment-filter-bar{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:13px 20px;border-bottom:1px solid var(--border);background:#fafbfd}.payment-filter-bar b{margin-right:auto;color:var(--muted);font-size:10px}.payment-filter-bar select{width:min(260px,100%);margin:0;padding:9px 12px;background:var(--card)}.dark .payment-filter-bar{background:#101c2d}.dark select option{background:#101c2d;color:#e7edf7}.dark select option:checked{background:#2865cf;color:#fff}@media(max-width:1200px){.date-filter-bar{flex-wrap:wrap}.date-filter-bar>b{width:100%;margin:0}.date-filter-bar label{flex:1;min-width:155px}.date-filter-bar input{width:100%}}@media(max-width:620px){.payment-filter-bar{align-items:stretch;flex-direction:column}.payment-filter-bar b{margin:0}.payment-filter-bar select{width:100%}}
.tanger-date-filter{display:grid!important;grid-template-columns:minmax(245px,1fr) minmax(180px,280px) auto minmax(180px,280px) auto;align-items:end!important;gap:12px!important;padding:18px 22px!important;border-bottom:0!important;background:linear-gradient(135deg,#f7faff,#eef4ff)!important}.tanger-date-filter-title{display:flex;align-items:center;gap:12px;align-self:center}.tanger-filter-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--blue);color:#fff;font-size:22px;box-shadow:0 8px 18px rgba(40,100,220,.22)}.tanger-date-filter-title b{display:block;color:var(--text);font-size:13px}.tanger-date-filter-title small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.tanger-date-label{display:grid!important;gap:6px;margin:0!important;color:var(--muted);font-size:9px!important;text-transform:uppercase;letter-spacing:.06em}.tanger-date-label input{height:44px;margin:0;padding:10px 14px;border-color:#cbd8ec;background:var(--card);font-weight:700;cursor:pointer}.tanger-date-label input:hover{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,100,220,.08)}.tanger-date-arrow{align-self:center;padding-top:18px;color:var(--blue);font-size:18px;font-weight:800}.tanger-filter-reset{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 15px;border:1px solid #c6d5ef;border-radius:10px;background:var(--card);color:var(--blue);font:700 10px 'DM Sans',sans-serif;cursor:pointer}.tanger-filter-reset:hover{border-color:var(--blue);background:#e9f1ff}.tanger-filter-reset span{font-size:17px}.tanger-date-priority{display:block!important;padding:10px 22px 16px!important;border-bottom:1px solid var(--border);background:#eef4ff;color:var(--muted)!important;font-size:9px!important}.dark .tanger-date-filter{background:linear-gradient(135deg,#111e30,#172944)!important}.dark .tanger-date-priority{background:#172944}.dark .tanger-date-label input,.dark .tanger-filter-reset{background:#101c2d;border-color:#365071}.dark .tanger-filter-reset:hover{background:#203956}@media(max-width:1050px){.tanger-date-filter{grid-template-columns:1fr 1fr auto 1fr auto}.tanger-date-filter-title{grid-column:1/-1}}@media(max-width:700px){.tanger-date-filter{grid-template-columns:1fr!important;align-items:stretch!important}.tanger-date-filter-title{grid-column:auto}.tanger-date-arrow{display:none}.tanger-filter-reset{width:100%}.tanger-date-priority{line-height:1.6}}
.dark input[type="date"],.dark input[type="datetime-local"]{color-scheme:dark;padding-right:44px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:18px 18px!important;cursor:pointer}.dark input[type="date"]::-webkit-calendar-picker-indicator,.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator{width:24px;height:24px;opacity:0;cursor:pointer}
.money-total-row td{position:sticky;bottom:0;z-index:3;padding-top:13px;padding-bottom:13px;border-top:2px solid var(--blue);background:#edf4ff;color:var(--text);box-shadow:0 -5px 14px rgba(25,57,110,.08)}.money-total-row td:first-child{left:0;z-index:4}.money-total-row span,.money-total-row b{display:block;color:var(--blue);font-size:12px;font-weight:800;white-space:nowrap}.money-total-row small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:600;white-space:nowrap}.dark .money-total-row td{background:#183152;border-top-color:#4f8cff;box-shadow:0 -5px 14px rgba(0,0,0,.2)}.dark .money-total-row span,.dark .money-total-row b{color:#8fb7ff}
.pagination-size{display:flex!important;align-items:center;gap:8px;margin:0!important;color:var(--muted);font-size:10px!important;font-weight:700}.pagination-size select{width:auto;min-width:112px;height:36px;margin:0;padding:6px 32px 6px 11px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font:700 10px 'DM Sans',sans-serif;cursor:pointer}.pagination-size select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,100,220,.1)}@media(max-width:620px){.pagination-size{width:100%;justify-content:center}.pagination-size select{flex:1;max-width:180px}}
.voucher-group-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f6f9ff,#edf4ff)}.voucher-group-toolbar>div{display:grid;gap:4px}.voucher-group-toolbar b{color:var(--text);font-size:12px}.voucher-group-toolbar small{color:var(--muted);font-size:9px}.voucher-group-toolbar strong{color:var(--blue)}.voucher-group-toolbar button:disabled{opacity:.45;cursor:not-allowed}.voucher-row-check,.voucher-check-all input{width:17px!important;height:17px;margin:0 9px 0 0;padding:0;accent-color:var(--blue);cursor:pointer}.voucher-check-all{display:inline-flex!important;align-items:center;margin:0!important;color:inherit;font-size:9px!important}.voucher-check-all span{font-size:8px}.dark .voucher-group-toolbar{background:linear-gradient(135deg,#111e30,#172944)}@media(max-width:620px){.voucher-group-toolbar{align-items:stretch;flex-direction:column}.voucher-group-toolbar .btn{width:100%}}
input[type="number"]{-moz-appearance:textfield;appearance:textfield}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important}
.reference-filter-bar{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--border);background:#fafbfd}.reference-filter-bar>b{margin-right:auto;color:var(--muted);font-size:10px}.reference-filter-bar>div{position:relative;display:flex;align-items:center;gap:8px;width:min(430px,100%)}.reference-filter-bar>div>span{position:absolute;left:13px;color:var(--muted);pointer-events:none}.reference-filter-bar input{flex:1;margin:0;padding:9px 12px 9px 36px}.reference-filter-bar button{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--blue);font:700 10px 'DM Sans',sans-serif;cursor:pointer}.dark .reference-filter-bar{background:#101c2d}@media(max-width:720px){.reference-filter-bar{align-items:stretch;flex-direction:column}.reference-filter-bar>b{margin:0}.reference-filter-bar>div{width:100%}}
.tanger-service-list{display:grid;gap:16px;padding:18px}.tanger-service-card{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--card)}.tanger-service-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}.tanger-service-card-head small{display:block;margin-bottom:5px;color:var(--blue);font-size:10px;font-weight:800}.tanger-service-card-head h3{font-size:16px}.tanger-service-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}.tanger-service-info>div{min-width:0;padding:14px 18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.tanger-service-info>div:nth-child(4n){border-right:0}.tanger-service-info dt{margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.tanger-service-info dd{overflow-wrap:anywhere;margin:0;color:var(--text);font-size:12px;font-weight:700}.tanger-service-info .tanger-service-notes{grid-column:1/-1;border-right:0;border-bottom:0}.dark .tanger-service-card{background:#152235}@media(max-width:950px){.tanger-service-info{grid-template-columns:repeat(2,minmax(0,1fr))}.tanger-service-info>div:nth-child(4n){border-right:1px solid var(--border)}.tanger-service-info>div:nth-child(2n){border-right:0}}@media(max-width:600px){.tanger-service-list{padding:12px}.tanger-service-card-head{align-items:flex-start;flex-direction:column}.tanger-service-info{grid-template-columns:1fr}.tanger-service-info>div{border-right:0!important}}

/* Responsive mobile layer */
:root{--card:#fff}.dark{--card:#152235}
@media(max-width:720px){
 html,body{width:100%;max-width:100%;overflow-x:hidden}body.nav-open{overflow:hidden}.sidebar{width:min(82vw,300px);padding:20px 16px;z-index:120}.nav-open::before{content:"";position:fixed;inset:0;z-index:110;background:rgba(3,10,20,.58);backdrop-filter:blur(2px)}.sidebar .brand{margin:0 6px 20px;font-size:18px}.sidebar nav a{min-height:44px;padding:11px 12px;font-size:13px}.logout-btn{width:100%;min-height:44px;border:0;background:transparent;text-align:left}
 main{width:100%;min-width:0;margin-left:0;padding:0 12px 28px}header{position:sticky;top:0;z-index:80;height:74px;margin:0 -12px 12px;padding:0 12px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.menu{display:grid;place-items:center;min-width:40px;height:40px;padding:0;background:var(--card);color:var(--text);border:1px solid var(--border)}.header-title{min-width:0;margin-left:9px}.header-title h1{overflow:hidden;max-width:145px;font-size:18px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.header-title p{font-size:9px}.header-actions{gap:6px}.notification-bell,.theme-toggle{width:38px;height:38px;min-width:38px}.profile{gap:0}.profile>span{width:36px;height:36px;font-size:12px}
 .hero{padding:21px 19px;border-radius:14px}.hero h2{font-size:21px;line-height:1.2}.hero p{font-size:11px;line-height:1.55}.hero .btn{display:block;width:100%;min-height:44px;text-align:center}.stats{gap:10px;margin:14px 0}.stats article{padding:15px;border-radius:12px}.stats .icon{width:40px;height:40px}.payment-summary{gap:10px;margin-bottom:14px}.payment-summary article{padding:16px;border-radius:12px}.payment-summary strong{font-size:19px}
 .panel{max-width:100%;border-radius:12px}.panel-head{align-items:stretch;flex-direction:column;padding:16px;gap:12px}.panel-head>div:first-child{min-width:0}.panel h3{font-size:15px;line-height:1.3}.panel p{font-size:10px;line-height:1.5}.panel-actions{display:grid;width:100%;grid-template-columns:1fr;gap:8px}.panel-actions .search,.panel-actions input,.panel-actions .btn,.panel-actions>a{width:100%;max-width:none;text-align:center}.list-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.list-page-actions .btn{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px;font-size:11px;text-align:center}.dashboard-monthly>.list-page-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-monthly>.payment-summary{padding:12px 12px 0}.dashboard-monthly>.list-page-actions{padding:0 12px 14px}
 .form-page,.form-page.wide,.voyage-form-page{width:100%;max-width:100%;margin:0}.form-page .form-panel,.voyage-form-page .form-panel,.settings-card{padding:16px}.form-title{align-items:flex-start;flex-direction:column;padding-bottom:14px}.form-title a{display:inline-flex;min-height:38px;align-items:center}.fields{grid-template-columns:minmax(0,1fr);gap:0}form label{font-size:11px;margin-top:13px}input,select,textarea{max-width:100%;min-height:44px;font-size:16px!important}textarea{line-height:1.45}.form-panel .btn,form>.btn{min-height:46px}.form-section{margin-top:20px;font-size:10px}.field-help{font-size:9px;line-height:1.45}
 .table-wrap,.voyage-table-wrap{position:relative;width:100%;max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:auto}.table-wrap table{width:max-content;min-width:100%}.table-wrap th,.table-wrap td{padding:11px 12px;font-size:10px}.table-wrap th{font-size:8px}.voyage-table{min-width:2600px!important}.table-wrap::after{content:"Glissez horizontalement →";position:sticky;left:12px;display:block;width:max-content;padding:5px 8px;color:var(--muted);font-size:8px;pointer-events:none}.table-wrap:has(table:not([style]))::after{display:block}
 .date-filter-bar,.payment-filter-bar,.reference-filter-bar{align-items:stretch;flex-direction:column;padding:13px 15px;gap:9px}.date-filter-bar>b,.payment-filter-bar b,.reference-filter-bar>b{width:100%;margin:0}.date-filter-bar label{width:100%;min-width:0}.date-filter-bar input,.payment-filter-bar select,.reference-filter-bar>div{width:100%;max-width:none}.reference-filter-bar>div{display:grid;grid-template-columns:minmax(0,1fr) auto}.reference-filter-bar>div>span{z-index:1}.tanger-date-filter{padding:14px!important}.tanger-date-priority{padding:10px 14px 14px!important}
 .pagination{gap:10px;padding:12px 7px}.pagination-buttons{max-width:100%;overflow-x:auto;padding-bottom:2px}.pagination button{min-width:36px;height:36px}.pagination-info{text-align:center}.pagination-size{width:100%}
 .detail-toolbar{align-items:stretch;flex-direction:column}.detail-toolbar>div{display:grid;width:100%;grid-template-columns:1fr 1fr}.detail-toolbar .btn,.detail-toolbar button{min-height:42px;text-align:center}.shipment-hero{align-items:flex-start;flex-direction:column;padding:19px}.shipment-hero h2{overflow-wrap:anywhere;font-size:18px}.shipment-hero>.actions-cell,.shipment-hero>div:last-child{margin-top:12px}.detail-card{padding:16px}.detail-card dl{grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:10px}.detail-card dd{overflow-wrap:anywhere}.client-info-card dl{grid-template-columns:1fr;padding:16px;gap:5px}.client-info-card dd{margin:0 0 10px}.truck-detail-head{align-items:flex-start;flex-direction:column}.truck-alerts,.details-btn{width:100%;margin-left:0}.truck-alerts{flex-wrap:wrap}.details-btn{min-height:38px}.truck-photo-preview,.truck-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .client-list article,.fleet-list article{padding:14px;gap:10px}.client-list article{align-items:flex-start;flex-wrap:wrap}.client-list article em{width:100%;margin-left:50px}.asset-status{width:calc(100% - 55px);margin-left:55px}.asset-status select{width:100%}.resource-full-info{grid-template-columns:1fr 1fr}.rotation-list article{grid-template-columns:1fr 1fr;padding:14px;gap:12px}.rotation-list .rotation-ref{grid-column:1/-1}.rotation-list .actions-cell{grid-column:1/-1;justify-self:stretch}.rotation-list .actions-cell>*{flex:1}.rotation-list .action-btn{width:100%;height:38px}.rotation-list .pay-state{justify-self:start}.notification-item{position:relative;padding:13px 14px 29px}.notification-item em{left:60px;margin-left:0}.maintenance-alert{align-items:flex-start}
 .advanced-select-panel{left:10px;right:10px;bottom:10px;max-height:76vh}.advanced-select-list{max-height:48vh}.expense-entry{padding:13px}.expense-entry-head{align-items:stretch;flex-direction:column}.remove-expense{min-height:38px}.company-form{gap:15px}.danger-zone{padding:16px}.danger-action{width:100%}.danger-action button{min-height:44px}.login-body{padding:14px}.login-card{padding:24px 18px;border-radius:15px}.login-card h1{font-size:23px}
}
@media(max-width:410px){.header-title h1{max-width:120px}.profile>span{display:none}.list-page-actions,.dashboard-monthly>.list-page-actions{grid-template-columns:1fr}.resource-full-info{grid-template-columns:1fr}.detail-toolbar>div{grid-template-columns:1fr}.truck-photo-preview,.truck-photo-gallery{grid-template-columns:1fr 1fr}}