@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#061c3d;--muted:#64758a;--accent:#167fca;--dark:#061c3d;--line:#dce5ee;--bg:#f5f7fa;--white:#fff;--soft:#e9f4fc;--danger:#b53939}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:14px}.app-loading{color:#dce8f5;text-align:center;background:radial-gradient(circle at 50% 38%,#0c4175 0,#061c3d 36%,#07101d 74%);place-content:center;gap:16px;min-height:100dvh;padding:24px;display:grid}.app-loading p{margin:0;font-size:13px;font-weight:600}.app-loading-mark{border:4px solid #ffffff2b;border-top-color:#2ea8ff;border-radius:50%;width:44px;height:44px;margin:auto;animation:.8s linear infinite app-loading-spin}@keyframes app-loading-spin{to{transform:rotate(360deg)}}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;transition:background .18s,color .18s}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #2ea8ff}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-1px;margin:0 0 8px;font-size:30px}h2{margin:0;font-size:18px}h3{margin:0;font-size:16px}p{line-height:1.65}.muted{color:var(--muted)}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:232px;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;padding:0 12px;display:flex}.brand-logo-image{object-fit:contain;width:174px;height:58px;display:block}.nav-label{letter-spacing:1.6px;color:#7d9290;margin:43px 14px 13px;font-size:10px;font-weight:700}.nav{gap:6px;display:grid}.nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;min-height:46px;padding:13px 15px;font-weight:500;display:flex}.nav button.active{background:var(--soft);color:var(--accent);font-weight:700}.nav button:hover{background:var(--soft)}.nav svg{width:19px;height:19px}.sidebar-foot{margin-top:auto;padding:20px 12px 0}.connection{color:var(--muted);margin-top:20px;font-size:11px}.connection:before{content:"";background:#2ea8ff;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.workspace{margin-left:232px}.main{max-width:1600px;margin:auto;padding:34px 38px}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-head p{color:var(--muted);margin:0;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:10px;font-size:10px;font-weight:700}.btn{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.btn:hover{background:var(--soft)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#0a62a4}.btn svg{width:16px;height:16px}.btn.danger{color:var(--danger)}.actions{flex-wrap:wrap;gap:10px;display:flex}.hero{background:var(--dark);color:#fff;border-radius:10px;justify-content:space-between;min-height:177px;margin-bottom:25px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:64%;padding:28px 30px}.hero .eyebrow{color:#68c2ff;font-size:9px}.hero h2{letter-spacing:-.6px;margin-bottom:9px;font-size:23px}.hero p{color:#c3d4e6;max-width:390px;margin:0;font-size:12px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-icon{background:var(--soft);color:var(--accent);border-radius:7px;padding:7px;display:flex}.stat-icon svg{width:17px;height:17px}.stat strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:14px 0 8px;font-family:Manrope,sans-serif;font-size:27px;display:block}.stat small{color:var(--muted);font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 285px;gap:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:22px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:21px 23px;display:flex}.panel-head h2{font-size:15px}.panel-head p{color:var(--muted);margin:6px 0 0;font-size:11px}.text-link{color:var(--accent);background:0 0;border:0;padding:8px;font-size:11px;font-weight:700}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 22px;display:flex}.search{flex:1;min-width:180px;max-width:360px;position:relative}.search svg{width:16px;height:16px;color:var(--muted);position:absolute;top:12px;left:12px}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;max-width:100%;min-height:42px;padding:11px 12px}.search input{width:100%;padding-left:37px;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;background:#f7f9fc;padding:13px 22px;font-size:9px;font-weight:600}td{border-top:1px solid #e8eef4;padding:17px 22px;font-size:12px}td small{color:var(--muted);margin-top:5px;font-size:10px;display:block}td strong{font-weight:600}tr:hover td{background:#f8fbfe}.badge{color:#54716a;background:#eef3f1;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.badge.EN_TRANSIT{color:#3c72b1;background:#e9f1fb}.badge.EN_PREPARATION{color:#9b7427;background:#fff4df}.badge.ARRIVE,.badge.LIVRE,.badge.ACTIVE{color:#388452;background:#e8f4eb}.badge.VOIDED{color:#aa4141;background:#faeaea}.progress{background:#e8eef4;border-radius:10px;width:82px;height:4px;margin-top:7px;overflow:hidden}.progress>i{background:var(--accent);border-radius:10px;height:100%;display:block}.empty{text-align:center;color:var(--muted);padding:45px 20px;font-size:13px}.empty svg{width:28px;height:28px;color:var(--accent);margin:0 auto 12px;display:block}.quick{padding:16px}.quick button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #e8eef4;align-items:center;gap:12px;padding:13px 6px;display:flex}.quick button:last-child{border-bottom:0}.quick svg{width:18px;height:18px;color:var(--accent)}.quick b{font-size:11px;display:block}.quick small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.info-card{background:var(--soft);border-radius:9px;padding:22px}.info-card h3{margin:12px 0 6px;font-size:13px}.info-card p{color:var(--muted);margin-bottom:0;font-size:11px}.info-card svg{color:var(--accent);width:23px;height:23px}.footer{color:var(--muted);justify-content:space-between;margin-top:12px;padding:10px 0;font-size:10px;display:flex}.alert{color:#a13a3a;background:#fceeed;border-radius:6px;margin-bottom:18px;padding:13px 18px;font-size:13px}.alert.success{color:#276d46;background:#e6f3e9}.overlay{z-index:100;background:#061c3db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:min(650px,100vw - 32px);max-height:90dvh;color:var(--ink);background:#fff;border:0;border-radius:12px;padding:0;overflow:auto}.dialog::backdrop{background:#061c3db8}.dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px;display:flex}.dialog-head h2{font-size:20px}.form-body{padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:8px;font-size:12px;font-weight:500;display:flex}.field input,.field select{width:100%}.field.wide{grid-column:1/-1}.dialog-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.close{background:#f2f5f3;border:0;border-radius:6px;min-width:40px;min-height:40px;font-size:22px}.detail-meta{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;display:grid}.detail-meta strong{margin-top:8px;display:block}.container-client-table-section{padding:8px 24px 24px}.section-label{justify-content:space-between;align-items:end;gap:20px;margin:8px 0 14px;display:flex}.section-label h3,.section-label p{margin:4px 0 0}.section-label p{max-width:360px;color:var(--muted);font-size:12px}.container-client-summary td{vertical-align:top}.container-client-summary td:nth-child(2){min-width:170px}.container-client-summary td:nth-child(3){min-width:230px}.container-client-summary small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.container-client-goods{overflow-wrap:anywhere;max-width:340px;display:block}
.login{background:#061c3d;grid-template-columns:1fr 1fr;gap:14px;min-height:100dvh;padding:14px;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 80% 72%,#2ea8ff33,#0000 34%),#041833;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:space-between;padding:48px 54px;display:flex;overflow:hidden}.login-story .brand{background:#fff;border-radius:12px;width:fit-content;padding:5px 9px}.login-story h1{letter-spacing:-1.8px;word-spacing:.08em;max-width:540px;margin-bottom:20px;font-size:clamp(32px,3.2vw,44px);line-height:1.04}.login-story h1 span{white-space:nowrap}.login-story p{color:#a9bdd4;max-width:470px;font-size:16px}.login-story small{color:#7891ad;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.login-story-eyebrow{color:#2ea8ff;margin-bottom:18px}.login-visual{background:#08264e;border:1px solid #ffffff29;border-radius:18px;width:100%;height:clamp(230px,31vh,340px);margin:32px 0 0;position:relative;overflow:hidden}.login-visual img{object-fit:cover;object-position:58% center;width:100%;height:100%;display:block}.login-visual:after{content:"";background:linear-gradient(#0000,#031329e0);position:absolute;inset:35% 0 0}.login-visual figcaption{z-index:1;color:#fff;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800;position:absolute;bottom:16px;left:18px;right:18px}.login-form{background:radial-gradient(circle at 82% 14%,#2ea8ff24,#0000 30%),#08264e;border-radius:24px;place-items:center;padding:42px;display:grid;position:relative;overflow:hidden}.login-form:before{content:"";opacity:.1;background:url(/landing-assets/mark.png) 50%/contain no-repeat;width:420px;height:420px;position:absolute;top:-100px;right:-110px}.login-form form{z-index:1;background:#f5f7fa;border:1px solid #ffffff29;border-radius:24px;width:100%;max-width:520px;padding:clamp(34px,5vw,58px);position:relative;box-shadow:0 30px 80px #00081852}.security-card{z-index:1;background:#f5f7fa;border:1px solid #ffffff29;border-radius:24px;width:min(100%,560px);margin:auto;padding:clamp(34px,5vw,58px);position:relative;box-shadow:0 30px 80px #00081852}.security-section{border-top:1px solid #d7e3ef;gap:14px;margin:28px 0;padding-top:24px;display:grid}.security-section h2{color:#061c3d;margin:0;font-size:20px}.login-form h1{letter-spacing:-1.8px;max-width:420px;margin-bottom:12px;font-size:clamp(32px,3.2vw,44px);line-height:1.04}.login-form form>.muted{max-width:390px;margin:0 0 32px;font-size:15px}.login-form .field{margin-top:18px}.login-form .btn{border-radius:10px;width:100%;min-height:54px;margin-top:24px}.login-note{text-align:left;color:var(--muted);margin:22px auto 0;font-size:12px;line-height:1.6}.login-brand{margin:-10px 0 34px -12px;display:block}.login-brand .brand-logo-image{width:210px;height:70px}
.loading{text-align:center;color:var(--muted);padding:80px}.mobile-brand{display:none}.volume-total{padding:24px;font-size:12px}.volume-total strong{margin-bottom:8px;font-family:Manrope;font-size:30px;display:block}.legend-row{border-top:1px solid var(--line);justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.mono{font-variant-numeric:tabular-nums}.skip{z-index:200;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}@media (min-width:1450px){.main{padding:40px 48px}.stats{gap:22px}.hero{min-height:196px}.hero-copy{padding:34px}}@media (max-width:1150px){.sidebar{width:200px;padding:25px 12px}.workspace{margin-left:200px}.main{padding:28px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.aside-panels{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stat{padding:16px}.stat strong{font-size:23px}}@media (max-width:760px){.sidebar{border-bottom:1px solid var(--line);width:auto;padding:17px 16px;position:static}.sidebar .brand{padding:0}.nav-label,.sidebar-foot{display:none}.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:16px;display:grid;overflow:visible}.nav button{white-space:normal;justify-content:center;min-height:44px;padding:10px 7px;font-size:11px}.nav svg{width:16px}.workspace{margin-left:0}.topbar{height:64px;padding:0 20px}.main{padding:24px 16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-head{flex-direction:column;align-items:flex-start;gap:15px}h1{font-size:26px}.hero-copy{max-width:80%;padding:24px}.hero h2{font-size:20px}.aside-panels{grid-template-columns:1fr}.footer{gap:12px;font-size:9px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.detail-meta{grid-template-columns:1fr 1fr}.container-client-table-section{padding:8px 16px 18px}.section-label{flex-direction:column;align-items:flex-start}.container-client-summary,.container-client-summary tbody{display:block}.container-client-summary thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.container-client-summary tbody{gap:12px;display:grid}.container-client-summary tr{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:0 14px;padding:14px;display:grid}.container-client-summary td{white-space:normal;border:0;padding:7px 0;display:block}.container-client-summary td:before{content:attr(data-label);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.container-client-summary td[data-label=Client],.container-client-summary td[data-label=Marchandises],.container-client-summary td[data-label=Détails]{grid-column:1/-1}.login{grid-template-columns:1fr;gap:0;padding:0}.login-story{display:none}.login-form{border-radius:0;min-height:100dvh;padding:20px}.login-brand{margin:-8px 0 26px -12px}.login-form form{max-width:560px;padding:clamp(28px,7vw,48px)}.login-form h1{font-size:clamp(32px,7vw,42px)}.breadcrumb{font-size:10px}.profile b{font-size:11px}input,select,textarea,.search input{font-size:16px}.stat-top{font-size:10px}.stat strong{font-size:23px}.panel-head{padding:18px}.btn{min-height:44px}.toolbar{padding:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.workspace{color:#fff;background:#07101d;min-height:100dvh}.sidebar{color:#fff;background:#061c3d;border-color:#ffffff1a}.sidebar .brand{background:#fff;border-radius:10px;width:fit-content;padding:4px 8px}.sidebar .brand-logo-image{width:180px}.nav-label,.connection{color:#7891ad}.nav button,.secondary-nav summary{color:#a9bdd4}.nav button.active{color:#061c3d;background:#2ea8ff}.nav button:hover,.secondary-nav summary:hover{color:#fff;background:#ffffff14}.secondary-nav{border-color:#ffffff1f}.page-head h1{color:#fff}.page-head p,.workspace>.footer,.workspace .footer{color:#7891ad}.hero{background:linear-gradient(120deg,#0a2e63,#061c3d);border:1px solid #2ea8ff38;border-radius:18px;min-height:190px}.hero-copy{max-width:620px;padding:34px}.hero h2{letter-spacing:-1.2px;font-size:30px}.hero-route{color:#fff;letter-spacing:.14em;grid-template-columns:auto minmax(70px,180px) auto;align-self:center;align-items:center;gap:16px;margin-right:34px;font-size:11px;font-weight:800;display:grid}.hero-route i{background:#2ea8ff;height:2px}.hero-route strong{color:#2ea8ff}.stats{gap:14px}.stat{color:#061c3d;background:#f5f7fa;border-color:#ffffff1f;border-radius:14px;min-height:150px;padding:22px}.stat:first-child{color:#fff;background:#0a2e63;border-color:#0a2e63}.stat:nth-child(3){color:#061c3d;background:#2ea8ff;border-color:#2ea8ff}.stat:first-child .stat-top,.stat:first-child small{color:#afc4da}.stat:nth-child(3) .stat-top,.stat:nth-child(3) small{color:#123b5a}.stat:first-child .stat-icon{color:#2ea8ff;background:#ffffff1a}.stat:nth-child(3) .stat-icon{color:#061c3d;background:#061c3d1f}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}.panel{color:#061c3d;background:#f5f7fa;border-color:#d6e0ea;border-radius:14px}.panel-head{border-color:#d6e0ea}.panel-head h2{font-size:17px}.quick button{border-color:#dce5ee}.finance-overview{overflow:hidden}.finance-head{align-items:flex-start}.finance-controls{align-items:center;gap:7px;display:flex}.finance-controls button,.finance-controls select{color:#50647a;background:#fff;border:1px solid #cbd8e5;border-radius:8px;min-height:36px;padding:0 12px;font-size:10px;font-weight:700}.finance-controls button.active{color:#fff;background:#061c3d;border-color:#061c3d}.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 20px 0;display:grid}.finance-kpis article{background:#fff;border:1px solid #d6e0ea;border-radius:12px;min-height:126px;padding:18px}.finance-kpis article:first-child{color:#fff;background:#0a2e63;border-color:#0a2e63}.finance-kpis article:last-child{background:#2ea8ff;border-color:#2ea8ff}.finance-kpis span,.finance-kpis small{color:#64758a;font-size:10px;display:block}.finance-kpis article:first-child span,.finance-kpis article:first-child small{color:#b8cbe0}.finance-kpis article:last-child span,.finance-kpis article:last-child small{color:#123b5a}.finance-kpis strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:14px 0 10px;font-family:Manrope,sans-serif;font-size:clamp(18px,2vw,28px);display:block}.finance-chart{background:#fff;border:1px solid #d6e0ea;border-radius:12px;margin:14px 20px 20px;padding:20px;position:relative}.chart-title{justify-content:space-between;align-items:center;gap:18px;display:flex}.chart-title h3{font-size:13px}.chart-legend{color:#64758a;gap:14px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:2px;width:9px;height:9px}.chart-legend .income,.chart-income{fill:#167fca;background:#167fca}.chart-legend .expense,.chart-expense{fill:#f0a24b;background:#f0a24b}.finance-chart svg{width:100%;height:auto;margin-top:14px;display:block;overflow:visible}.chart-grid-line{stroke:#e5ebf1;stroke-width:1px}.finance-chart text{fill:#64758a;font-family:DM Sans,sans-serif;font-size:9px}.chart-empty{color:#64758a;text-align:center;width:min(420px,72%);margin:0;font-size:11px;line-height:1.55;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}@media (max-width:900px){.dashboard-grid{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.aside-panels{grid-template-columns:minmax(0,1fr);min-width:0}.dashboard-grid>*,.aside-panels>*,.finance-overview,.table-wrap{min-width:0;max-width:100%}.hero-route{display:none}.hero-copy{max-width:100%}.finance-head,.chart-title{flex-direction:column;align-items:flex-start}.finance-kpis{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{background:#061c3d}.sidebar .brand-logo-image{width:160px}.topbar{background:#0a1422}.hero h2{font-size:25px}.finance-controls{flex-wrap:wrap;width:100%}.finance-chart{margin:12px;padding:14px}.chart-empty{width:min(280px,80%)}.container-list-table,.container-list-table tbody,.client-list-table,.client-list-table tbody{display:block}.container-list-table thead,.client-list-table thead{display:none}.container-list-table tr,.client-list-table tr{background:#fff;border:1px solid #d6e0ea;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px;margin:10px;padding:16px;display:grid}.container-list-table td,.client-list-table td{white-space:normal;border:0;min-width:0;padding:9px 0;display:block}.container-list-table td:before,.client-list-table td:before{color:#64758a;content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.container-list-table td:first-child,.client-list-table td:first-child{grid-column:1/-1;padding-top:0}.container-list-table td:first-child:before,.client-list-table td:first-child:before,.container-list-action:before,.client-list-action:before{display:none}.container-list-action,.client-list-action{grid-column:1/-1;padding-bottom:0!important}.container-list-action .text-link,.client-list-action .text-link{text-align:center;background:#f5f7fa;border:1px solid #d6e0ea;border-radius:9px;width:100%;min-height:44px}}
.secondary-nav{border-top:1px solid var(--line);margin-top:6px;padding-top:8px}.secondary-nav summary{cursor:pointer;min-height:44px;color:var(--muted);padding:12px 14px;font-size:12px;font-weight:700;list-style-position:inside}.secondary-nav button{width:100%}.secondary-nav-panel{gap:4px;padding-top:8px;display:grid}.account-menu{background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;gap:5px;margin-bottom:6px;padding:10px;display:grid}.account-menu-heading{align-items:center;gap:9px;min-width:0;padding:2px 3px 7px;display:flex}.account-menu-avatar{color:#167fca;background:#e5f2fb;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid}.account-menu-heading b,.account-menu-heading small{display:block}.account-menu-heading b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-menu-heading small{color:#7891ad;margin-top:2px;font-size:10px}.account-menu-action{color:#d5e5f5;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:flex-start;align-items:center;gap:9px;width:100%;min-height:40px;padding:9px 8px;font-size:12px;font-weight:700;display:flex}.account-menu-action:hover{color:#fff;background:#ffffff1a}.account-menu-action svg{width:17px;height:17px}.account-menu-logout{color:#9fc7ed}.simple-import{max-width:900px}.simple-import>.panel{padding:28px!important}.simple-import-message{padding:28px}.import-controls{grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr) auto;align-items:end;gap:14px;margin:24px 0;display:grid}.import-controls label,.import-controls label>span{display:block}.import-controls label>span{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700}.import-controls select,.import-controls input[type=file]{width:100%;min-height:44px}.import-controls input[type=file]{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px}.import-controls input[type=file]::file-selector-button{background:var(--soft);color:var(--ink);border:0;border-radius:5px;margin-right:10px;padding:7px 10px;font-weight:700}.import-history{margin-top:28px}.import-history-row{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:8px 0;display:grid}.import-history-row .btn{white-space:normal;justify-content:flex-start}.import-preview-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.import-preview-summary div{background:var(--soft);border-radius:10px;padding:16px}.import-preview-summary strong,.import-preview-summary span{display:block}.import-preview-summary strong{margin-bottom:4px;font-size:22px}.import-preview-summary span{color:var(--muted);font-size:12px}.progressive-details{border:1px solid var(--line);border-radius:10px;margin:14px 0;overflow:hidden}.progressive-details>summary{cursor:pointer;background:#fff;min-height:48px;padding:15px 16px;font-weight:700}.progressive-details>div,.progressive-details>section{padding:0 16px 16px}@media (max-width:760px){.secondary-nav{border:0;min-width:0;margin:0;padding:0}.secondary-nav summary{text-align:center;white-space:normal;place-items:center;min-height:44px;padding:10px 7px;display:grid}.secondary-nav[open]{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.secondary-nav[open] summary{grid-column:1/-1}.secondary-nav[open] button{width:100%}.simple-import>.panel{padding:20px!important}.import-controls,.import-history-row{grid-template-columns:1fr}.import-controls .btn{width:100%}.import-preview-summary{grid-template-columns:1fr}}
.panel-head>svg{width:20px;height:20px;color:var(--accent)}.setup-banner{background:var(--soft);border:1px solid #cfe2f1;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:26px;display:flex}.setup-banner h2{margin:8px 0;font-size:23px}.setup-banner p{color:var(--muted);margin:0;font-size:13px}.setup-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:24px;display:flex;overflow:auto}.setup-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;min-height:48px;padding:15px 18px;font-weight:600}.setup-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.setup-grid{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:24px;display:grid}.setup-body{padding:24px}.setup-hint{color:var(--muted);margin:18px 0;font-size:12px;line-height:1.7}.setup-pad{padding:0 24px}.import-steps{color:var(--muted);gap:20px;margin:0 0 28px;padding:0;font-size:11px;list-style:none;display:flex}.import-steps li{align-items:center;gap:7px;display:flex}.import-steps li span{background:#e8eef4;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.import-steps .current{color:var(--accent);font-weight:700}.import-steps .current span{background:var(--accent);color:#fff}.file-drop{text-align:center;background:#f8fbfe;border:1.5px dashed #86afd0;border-radius:9px;margin:22px 0;padding:35px 20px}.file-drop>svg{width:32px;height:32px;color:var(--accent);margin-bottom:12px}.file-drop p{color:var(--muted);font-size:12px}.file-drop label{cursor:pointer;position:relative;overflow:hidden}.file-drop input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-drop label:focus-within{outline:3px solid var(--accent);outline-offset:3px}.selected-file{background:var(--soft);overflow-wrap:anywhere;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.setup-checklist{margin:0;padding:8px 22px 22px;list-style:none}.setup-checklist li{border-bottom:1px solid var(--line);padding:18px 0;font-size:12px;line-height:1.6}.setup-checklist li:last-child{border:0}.setup-checklist span{text-transform:uppercase;letter-spacing:1px;color:#937135;margin-bottom:5px;font-size:9px;display:block}.setup-callout{background:#f4f8fc;border-left:3px solid #6da8d5;margin:22px 0;padding:17px;font-size:12px}.setup-callout p{color:var(--muted);margin-bottom:0}.example-label{color:#805d18;background:#fff4df;border-radius:5px;margin-bottom:18px;padding:12px;font-size:11px;line-height:1.6}.mini-stats{color:var(--muted);grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;font-size:11px;display:grid}.mini-stats b{color:var(--ink);margin-bottom:6px;font-size:25px;display:block}.check-line{cursor:pointer;align-items:center;gap:10px;margin:14px 0;font-size:12px;line-height:1.5;display:flex}.check-line input{width:18px;height:18px;min-height:18px;accent-color:var(--accent);flex-shrink:0}.routing-list{padding:0;list-style:none}.routing-list li{border-bottom:1px solid var(--line);gap:6px;padding:18px 0;font-size:13px;display:grid}.routing-list span{color:var(--muted)}.journey{margin:24px 0;padding:0;list-style:none}.journey li{color:var(--muted);align-items:center;gap:14px;padding:18px 0;font-size:13px;display:flex;position:relative}.journey li span{z-index:1;background:#dbe7f1;border-radius:50%;width:12px;height:12px}.journey li.done span{background:var(--accent)}.journey li:not(:last-child):after{content:"";background:#dbe7f1;width:2px;position:absolute;top:30px;bottom:-15px;left:5px}.setup-subtitle{margin:28px 0 16px}.event-options{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.message-preview{background:#eaf4fb;border-radius:10px;max-width:440px;margin-top:18px;padding:22px;box-shadow:0 2px 4px #061c3d0a}.message-preview>span{letter-spacing:1px;color:#416b8d;font-size:9px;font-weight:700}.message-preview p{white-space:pre-line;overflow-wrap:anywhere;margin-bottom:0;font-size:13px}.setup-banner>.badge{white-space:nowrap}.automation-space button:disabled{cursor:not-allowed}@media (max-width:1150px){.setup-grid{grid-template-columns:minmax(0,1fr)}.setup-grid>aside{grid-template-columns:1fr 1fr;gap:20px;display:grid}}@media (max-width:760px){.setup-banner{flex-direction:column;align-items:flex-start;padding:20px}.setup-banner h2{font-size:21px}.setup-grid>aside{display:block}.setup-body{padding:18px}.import-steps{justify-content:space-between;gap:10px}.import-steps li{flex-direction:column;flex:1;align-items:flex-start;font-size:10px}.setup-tabs button{padding:13px 12px;font-size:12px}.setup-body .actions{flex-direction:column}.setup-body .actions .btn{white-space:normal}.event-options{grid-template-columns:1fr}.setup-body .table-wrap{margin:0 -18px}.check-line{min-height:44px}}
.client-ledger{min-width:0;overflow:hidden}.client-ledger .toolbar{flex-wrap:wrap;gap:12px;display:flex}.client-ledger .toolbar input{flex:1;min-width:180px}.client-ledger .toolbar select{max-width:100%}.ledger-table-wrap{overflow-x:auto}.ledger-table{table-layout:fixed;width:100%;min-width:1160px}.ledger-table th,.ledger-table td{white-space:normal;overflow-wrap:anywhere;padding:14px 10px;font-size:13px}.ledger-table th:nth-child(3){width:23%}.ledger-table th:nth-child(8){width:112px}.ledger-table .btn{justify-content:center;width:100%;min-height:44px;margin:4px 0}.ledger-goods summary{cursor:pointer;line-height:1.5}.ledger-table small{margin-top:5px;display:block}.invoice-form{border-block:1px solid var(--line);background:#f6f9fc;padding:24px;scroll-margin-top:24px}.invoice-form h4{margin:20px 0 12px}.invoice-profile-summary{color:#174f42;background:#e9f6f1;border-left:3px solid #168273;margin:18px 0;padding:12px 14px;font-size:13px}.invoice-form .panel-head{padding:0 0 16px}.invoice-form input,.client-ledger input,.client-ledger select{min-width:0;max-width:100%;min-height:44px}.client-ledger .form-grid>label{min-width:0}@media (max-width:1200px){.ledger-table-wrap{padding:16px;overflow:visible}.ledger-table,.ledger-table tbody{min-width:0;display:block}.ledger-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ledger-table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ledger-table tr{background:#fff;border:1px solid #dce5ee;border-radius:18px;flex-direction:column;min-width:0;padding:16px;display:flex}.ledger-table td{border:0;width:auto;min-width:0;max-width:none;padding:8px 0;display:block}.ledger-table td:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:#5b7086;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.ledger-table td[data-label=Client] strong{font-size:18px}.ledger-table td[data-label=Actions]{gap:8px;margin-top:auto;display:flex}.ledger-table td[data-label=Actions]:before{display:none}.ledger-table td[data-label=Paiement]{border-top:1px solid #e4ebf2;padding-top:12px}.ledger-table td[data-label="Somme à payer"]{font-size:19px;font-weight:700}}@media (max-width:600px){.ledger-table tbody{grid-template-columns:minmax(0,1fr)}.client-ledger .toolbar{flex-direction:column;align-items:stretch}.client-ledger .toolbar input{width:100%;min-width:0}.client-ledger .toolbar select{width:100%}.invoice-form{padding:18px}.client-ledger .panel-head{flex-wrap:wrap;align-items:flex-start}.client-ledger .panel-head p{font-size:14px}.client-ledger .form-grid{grid-template-columns:minmax(0,1fr)}.client-ledger .actions{flex-wrap:wrap}.client-ledger .actions .btn{min-height:44px}}
.install-guide{color:#061c3d;box-sizing:border-box;background:#f5f7fa;border-radius:24px;width:100%;max-width:520px;padding:clamp(24px,5vw,48px)}.install-guide h1{letter-spacing:-.02em;font-size:clamp(28px,4vw,38px);line-height:1.2}.install-guide h2{margin-top:28px;font-size:19px;line-height:1.4}.install-guide p,.install-guide li{color:#425873;line-height:1.65}.install-guide ol{padding-left:22px}.install-guide li{margin:8px 0}.install-guide .brand{margin-bottom:24px}.install-guide .btn{margin-top:16px}.sidebar-foot .text-link{margin-top:12px;display:inline-block}
.mobile-menu-icon,.mobile-install-link,.container-mobile-actions{display:none}@media (max-width:760px){.sidebar{border:0;height:0;padding:0;overflow:visible}.sidebar .brand,.nav-label,.sidebar-foot{display:none}.workspace{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.sidebar .nav{right:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;background:#061c3d;border:1px solid #294367;border-radius:20px;align-items:stretch;gap:3px;width:auto;margin:0;padding:6px;transition:transform .18s,opacity .18s;display:flex;position:fixed;left:14px;overflow:visible;box-shadow:0 10px 30px #0006}.sidebar .nav.mobile-nav-hidden{pointer-events:none;opacity:0;transform:translateY(calc(100% + 28px))}.sidebar .nav>button,.sidebar .secondary-nav summary{color:#bfd0e3;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:58px;padding:5px 2px;font-size:10px;font-weight:700;line-height:1.1;display:flex}.sidebar .nav>button.active{color:#061c3d;box-shadow:none;background:#2ea8ff}.sidebar .nav>button:hover,.sidebar .secondary-nav summary:hover{color:#fff;background:#15365b}.sidebar .nav>button.active:hover{color:#061c3d;background:#2ea8ff}.sidebar .nav svg{stroke-width:1.9px;flex-shrink:0;width:21px;height:21px}.sidebar .nav>button>.nav-caption,.sidebar .secondary-nav summary>.nav-caption{clip-path:none;white-space:nowrap;width:auto;height:auto;margin:0;position:static;overflow:visible}.sidebar .secondary-nav,.sidebar .secondary-nav[open]{background:0 0;border:0;flex:1 1 0;min-width:0;margin:0;padding:0;display:block;position:static}.sidebar .secondary-nav summary{width:100%;list-style:none}.sidebar .secondary-nav summary::-webkit-details-marker{content:"";display:none}.sidebar .secondary-nav summary::marker{content:"";display:none}.sidebar .secondary-nav[open] summary{color:#061c3d;background:#2ea8ff}.mobile-menu-icon{display:flex}.sidebar .secondary-nav-panel{background:#061c3d;border:1px solid #294367;border-radius:18px;max-height:55dvh;padding:12px;position:absolute;bottom:calc(100% + 12px);left:0;right:0;overflow:auto;box-shadow:0 8px 30px #0005}.sidebar .secondary-nav[open] button,.sidebar .secondary-nav-panel a{border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px;font-size:14px;display:flex}.sidebar .nav button:focus-visible,.sidebar .nav summary:focus-visible{outline-offset:2px;outline:3px solid #fff}.main{padding:20px 16px}.page-head{margin-bottom:20px}.page-head h1{font-size:clamp(28px,9vw,36px);line-height:1.02}.page-head p{max-width:34ch;font-size:13px}.page-head .actions{width:100%}.page-head .actions .btn{flex:100%}.page-head-container .actions{display:none}.container-mobile-actions{right:24px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:39;background:#0a274a;border:1px solid #294367;border-radius:16px;gap:4px;padding:5px;display:flex;position:fixed;left:24px;box-shadow:0 8px 26px #0004}.container-mobile-actions button{color:#d5e5f5;background:0 0;border:0;border-radius:11px;flex:1;place-items:center;gap:3px;min-height:52px;font-size:10px;font-weight:800;display:grid}.container-mobile-actions button.active{color:#061c3d;background:#2ea8ff}.container-mobile-actions svg{width:19px;height:19px}.workspace:has(.container-mobile-actions){padding-bottom:calc(166px + env(safe-area-inset-bottom,0px))}}
.manual-entry{background:#fff;border:1px solid #d7e3ef;border-radius:18px;max-width:1120px;overflow:hidden}.manual-entry input,.manual-entry select,.manual-entry label{width:100%;min-width:0}.manual-entry-head{color:#fff;background:linear-gradient(135deg,#061c3d,#0c4175);justify-content:space-between;gap:24px;padding:30px;display:flex}.manual-entry-head h2{letter-spacing:-.04em;margin:7px 0 8px;font-size:clamp(24px,3vw,35px)}.manual-entry-head p{color:#c6d9ed;max-width:600px;margin:0}.entry-totals{text-align:right;align-content:center;min-width:150px;display:grid}.entry-totals span{font-size:24px;font-weight:800}.entry-totals small{color:#a9c5e0}.entry-section{border-top:1px solid #e2eaf1;padding:24px 30px}.entry-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.entry-section h3{color:#061c3d;margin:0;font-size:16px}.entry-switch{background:#f5f8fb;border:1px solid #d8e3ec;border-radius:9px;padding:3px;display:flex}.entry-switch button{color:#63758a;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}.entry-switch button.active{color:#fff;background:#061c3d}.entry-client-select,.entry-container-select{align-items:end;gap:20px;display:flex}.entry-client-select>label,.entry-container-select{min-width:min(100%,430px)}.entry-client-preview{color:#36546f;background:#eef7ff;border-radius:9px;gap:4px;padding:11px 14px;font-size:12px;display:grid}.entry-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.entry-fields label,.entry-client-select label,.entry-container-select,.entry-sheet label{color:#4e6278;gap:7px;font-size:11px;font-weight:700;display:grid}.entry-currency{color:#061c3d;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.entry-currency select{min-height:34px;padding:0 7px}.entry-sheet{border:1px solid #dce6ef;border-radius:10px;overflow:hidden}.entry-row{background:#dce6ef;grid-template-columns:minmax(180px,2fr) 76px 96px 112px 138px minmax(100px,1fr) 42px;align-items:end;gap:1px;display:grid}.entry-row>*{background:#fff;min-width:0}.entry-row label{padding:10px}.entry-row label>span{display:none}.entry-row input{background:#f8fafc;border-color:#0000;border-radius:5px;min-height:34px;padding:5px 7px}.entry-row input:focus{background:#fff;border-color:#2ea8ff}.entry-row-head{color:#5d7187;letter-spacing:.06em;text-transform:uppercase;background:#eaf0f5;align-items:center;font-size:10px;font-weight:800}.entry-row-head span{background:#eaf0f5;padding:11px 10px}.entry-delete{color:#6d7e90;background:#fff;border:0;min-height:54px;font-size:22px}.entry-delete:disabled{opacity:.25}.entry-add{margin-top:14px}.entry-footer{background:#f8fafc;border-top:1px solid #e2eaf1;justify-content:space-between;align-items:center;gap:18px;padding:20px 30px;display:flex}.entry-footer p{color:#62758a;max-width:460px;margin:0;font-size:12px}.entry-save{min-height:48px}.entry-save svg{width:18px}@media (max-width:760px){.manual-entry{border-radius:14px;margin:-8px -4px}.manual-entry-head{padding:22px}.manual-entry-head p{font-size:13px}.entry-totals{min-width:auto}.entry-totals span{font-size:17px}.entry-section{padding:20px 16px}.entry-section-head{flex-direction:column;align-items:flex-start}.entry-switch{box-sizing:border-box;width:100%}.entry-switch button{flex:1;min-height:44px;font-size:12px}.entry-client-select{flex-direction:column;align-items:stretch}.entry-fields{grid-template-columns:1fr}.entry-sheet{background:0 0;border:0;overflow:visible}.entry-row-head{display:none}.entry-row{background:#f5f8fb;border:1px solid #dce6ef;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:12px}.entry-row label{background:0 0;padding:0}.entry-row label:first-child{grid-column:1/-1}.entry-row label>span{display:block}.entry-row input{background:#fff;border-color:#dce6ef}.entry-delete{background:#fff;border-radius:7px;grid-column:2;justify-self:end;width:34px;min-height:34px}.entry-footer{flex-direction:column;align-items:stretch;padding:18px}.entry-save{justify-content:center;width:100%}}