:root{--bg:#0a0e13;--surface:#11171e;--surface-2:#151c24;--line:#222b35;--text:#f4f6f8;--muted:#8996a5;--orange:#ff7a1a;--orange-soft:#322014;--green:#32c788;--blue:#3d8bfd;--purple:#9d6bff;--shadow:0 18px 60px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#0d1218;border-right:1px solid #1d252e;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:30}.brand{height:48px;display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;padding:0 8px}.brand-mark{position:relative;width:34px;height:34px;display:flex;align-items:flex-end;gap:3px;transform:skew(-9deg)}.brand-mark i{display:block;width:8px;background:var(--orange);clip-path:polygon(45% 0,100% 0,55% 100%,0 100%)}.brand-mark i:nth-child(1){height:19px}.brand-mark i:nth-child(2){height:29px}.brand-mark i:nth-child(3){height:22px}.brand strong{font:700 18px/17px 'Space Grotesk';letter-spacing:2.4px}.brand small{display:block;color:var(--orange);font-size:8px;font-weight:700;letter-spacing:4.2px;margin-top:3px}.main-nav{margin-top:36px;display:flex;flex-direction:column;gap:5px}.main-nav>p{color:#53606d;font-size:9px;font-weight:700;letter-spacing:1.6px;margin:22px 12px 9px}.nav-link{width:100%;border:0;background:transparent;color:#84909d;border-radius:8px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:600;cursor:pointer;transition:.2s}.nav-link:hover{color:#dce2e8;background:#131a22}.nav-link.active{color:#fff;background:linear-gradient(90deg,#2b1d14,#1a1716);box-shadow:inset 3px 0 var(--orange)}.nav-link.active svg{color:var(--orange)}.nav-link svg{width:18px}.nav-link b{margin-left:auto;background:#29313a;color:#bbc4cd;font-size:10px;padding:2px 7px;border-radius:10px}.sidebar-footer{margin-top:auto}.server-status{display:flex;align-items:center;gap:10px;padding:12px 11px;border:1px solid #202a33;border-radius:9px;margin-bottom:11px}.server-status>span{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 9px var(--green)}.server-status strong,.server-status small{display:block}.server-status strong{font-size:10px}.server-status small{font-size:9px;color:#687583;margin-top:2px}.profile-card{width:100%;border:0;border-top:1px solid #202730;background:none;padding:16px 8px 3px;display:flex;align-items:center;gap:9px;text-align:left}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,#c77c3e,#74411f);font-size:11px;font-weight:700}.profile-card strong,.profile-card small{display:block}.profile-card strong{font-size:11px}.profile-card small{color:#6f7a86;font-size:9px;margin-top:2px}.profile-card .dots{margin-left:auto;color:#66717d}.main-content{margin-left:242px;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(255,122,26,.035),transparent 24%),#0a0e13}.topbar{height:84px;border-bottom:1px solid #1a222b;padding:0 32px;display:flex;align-items:center;position:sticky;top:0;background:rgba(10,14,19,.9);backdrop-filter:blur(14px);z-index:20}.page-title p{font-size:8px;color:var(--orange);font-weight:700;letter-spacing:1.7px;margin:0 0 2px}.page-title h1{font:600 19px 'Space Grotesk';margin:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.search{width:238px;height:38px;border:1px solid #242d37;background:#10161d;border-radius:7px;display:flex;align-items:center;padding:0 12px;color:#596675}.search svg{width:16px}.search input{width:100%;background:transparent;border:0;outline:0;color:#e9edf1;padding-left:9px;font-size:11px}.search input::placeholder{color:#606c79}.icon-button{position:relative;display:grid;place-items:center;width:38px;height:38px;background:#10161d;border:1px solid #242d37;border-radius:7px;cursor:pointer}.icon-button svg{width:16px}.icon-button i{position:absolute;right:7px;top:7px;width:5px;height:5px;background:var(--orange);border-radius:50%}.primary-button,.secondary-button{height:39px;padding:0 16px;border-radius:7px;font-weight:700;font-size:11px;cursor:pointer}.primary-button{background:var(--orange);border:1px solid #ff8c38;color:#fff;box-shadow:0 7px 24px rgba(255,122,26,.16)}.primary-button:hover{background:#ff8a35}.secondary-button{background:#151c24;border:1px solid #2a3540}.menu-toggle{display:none;background:none;border:0;font-size:20px;margin-right:12px}.page{display:none;padding:29px 32px 38px;animation:fadeIn .24s ease}.page.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.welcome-row,.section-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.welcome-row h2,.section-toolbar h2{font:600 22px 'Space Grotesk';margin:0 0 4px}.welcome-row h2 span{font-size:17px}.welcome-row p,.section-toolbar p{margin:0;color:var(--muted);font-size:11px}.date-chip{border:1px solid #232c35;color:#84909c;padding:8px 12px;border-radius:7px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stat-card{min-height:134px;border:1px solid var(--line);background:linear-gradient(145deg,#121920,#0f151b);border-radius:10px;padding:18px;display:flex;position:relative;overflow:hidden}.stat-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;margin-right:12px;flex:none}.stat-icon svg{width:18px}.stat-icon.orange{background:var(--orange-soft);color:var(--orange)}.stat-icon.blue{background:#13243a;color:var(--blue)}.stat-icon.green{background:#112c24;color:var(--green)}.stat-icon.purple{background:#251a3b;color:var(--purple)}.stat-copy p{margin:1px 0 8px;color:#86929e;font-size:10px}.stat-copy h3{margin:0;font:600 22px 'Space Grotesk';letter-spacing:-.5px}.stat-copy small{display:block;color:#6d7986;font-size:8px;margin-top:7px;white-space:nowrap}.stat-copy em{color:var(--green);font-style:normal}.spark-bars{display:flex;align-items:flex-end;gap:3px;position:absolute;right:13px;bottom:18px;height:31px}.spark-bars i{display:block;width:3px;border-radius:2px}.spark-bars i:nth-child(1){height:9px}.spark-bars i:nth-child(2){height:15px}.spark-bars i:nth-child(3){height:12px}.spark-bars i:nth-child(4){height:22px}.spark-bars i:nth-child(5){height:18px}.spark-bars i:nth-child(6){height:27px}.spark-bars i:nth-child(7){height:31px}.orange-bars i{background:#5c3620}.orange-bars i:nth-last-child(-n+3){background:var(--orange)}.blue-bars i{background:#1d3959}.blue-bars i:nth-last-child(-n+2){background:var(--blue)}.mini-line{position:absolute;right:12px;bottom:16px;width:70px;height:34px;overflow:visible}.mini-line path{fill:none;stroke:var(--green);stroke-width:2}.progress-ring{position:absolute;right:16px;bottom:16px;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) 92%,#242c35 0);font-size:8px;font-weight:700}.progress-ring:before{content:"";position:absolute;inset:4px;background:#12181f;border-radius:50%}.progress-ring span{z-index:1}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.7fr);gap:16px;margin-bottom:16px}.panel{background:linear-gradient(145deg,#11171e,#0e141a);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-header{min-height:72px;padding:17px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202831}.panel-header h3{font:600 14px 'Space Grotesk';margin:0 0 4px}.panel-header p{color:#75818d;font-size:9px;margin:0}.text-button{border:0;background:none;color:var(--orange);font-size:9px;font-weight:700;cursor:pointer}.text-button span{font-size:14px;margin-left:4px}.icon-button.small{width:29px;height:29px;color:#7a8590;font-size:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:690px}th{text-align:left;font-size:8px;color:#5f6c79;font-weight:700;letter-spacing:.6px;padding:12px 16px;border-bottom:1px solid #1d252e}td{padding:13px 16px;border-bottom:1px solid #1b232c;font-size:9px;color:#a8b1bb}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#131a21}td strong{display:block;color:#e5e9ed;font-size:10px}td small{display:block;color:#586572;margin-top:2px;font-size:8px}.cargo-cell{display:flex;align-items:center;gap:8px}.cargo-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #28323c;border-radius:6px;background:#151c23;color:#84919e}.cargo-icon svg{width:13px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:700;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%}.status.transit{color:#5597fc;background:#14243a}.status.transit:before{background:#5597fc}.status.depot{color:#a578ff;background:#251c38}.status.depot:before{background:#a578ff}.status.delivery{color:#ff993f;background:#312216}.status.delivery:before{background:#ff993f}.status.delivered{color:#44cf91;background:#142b23}.status.delivered:before{background:#44cf91}.more-btn{border:0;background:none;color:#65717e;cursor:pointer;font-size:15px}.timeline{padding:6px 18px}.timeline-item{position:relative;display:flex;gap:12px;padding:12px 0}.timeline-item:not(:last-child):after{content:"";position:absolute;left:14px;top:43px;bottom:-7px;border-left:1px dashed #2c3540}.event-icon{z-index:1;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;flex:none}.event-icon svg{width:13px}.event-icon.success{color:var(--green);background:#142b23}.event-icon.blue{color:var(--blue);background:#14243a}.event-icon.orange{color:var(--orange);background:#302015}.event-icon.purple{color:var(--purple);background:#251b39}.timeline-item p{font-size:9px;margin:1px 0 3px}.timeline-item small,.timeline-item time{display:block;color:#63707d;font-size:8px}.timeline-item time{margin-top:3px;color:#454f5a}.route-panel{padding-bottom:0}.live-badge{font-size:8px;color:#71808e;border:1px solid #28323b;border-radius:15px;padding:5px 9px;display:flex;gap:6px;align-items:center}.live-badge i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.route-flow{display:flex;align-items:center;justify-content:center;padding:26px 24px 28px}.route-step{display:flex;align-items:center;gap:11px;min-width:156px;color:#607080}.route-step>svg{width:41px;height:41px;padding:10px;border:1px solid #29323b;border-radius:50%}.route-step small{font-size:7px;color:#53606c;font-weight:700;letter-spacing:.6px}.route-step strong{display:block;font-size:10px;color:#7c8995;margin:3px 0}.route-step p{margin:0;font-size:8px}.route-step p b{color:#9aa4ae}.route-step.complete>svg{color:var(--green);border-color:#1c4d3b;background:#112a21}.route-step.complete strong{color:#d2d9de}.route-step.active>svg{color:var(--orange);border-color:#6e3c1d;background:#2b1d14;box-shadow:0 0 22px rgba(255,122,26,.12)}.route-step.active strong{color:#f3f5f7}.route-line{height:1px;background:#2b333c;flex:1;max-width:75px;margin:0 10px;position:relative}.route-line i{position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#46515c}.route-line.done{background:var(--green)}.route-line.done i{background:var(--green);box-shadow:0 0 6px var(--green)}.route-line.half{background:linear-gradient(90deg,var(--orange) 50%,#2b333c 50%)}.route-line.half i{background:#46515c}.filter-group{display:flex;background:#10161d;border:1px solid #242d36;padding:3px;border-radius:8px}.filter{border:0;background:transparent;color:#74808c;padding:7px 12px;border-radius:5px;font-size:9px;font-weight:700;cursor:pointer}.filter.active{background:#26303a;color:#fff}.full-table td,.full-table th{padding:16px 18px}.action-button{border:1px solid #303a44;background:#172029;border-radius:5px;padding:5px 8px;font-size:8px;cursor:pointer}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.client-card{padding:19px}.client-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}.client-logo{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font:700 14px 'Space Grotesk';color:#fff;background:linear-gradient(145deg,#394756,#1d2731)}.client-head h3{font:600 13px 'Space Grotesk';margin:0 0 3px}.client-head p{margin:0;color:#72808d;font-size:9px}.client-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #222b34;padding-top:15px}.client-meta small{display:block;color:#65717e;font-size:8px}.client-meta strong{display:block;font-size:12px;margin-top:4px}.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.fleet-card{padding:20px;min-height:210px;position:relative}.vehicle-visual{height:75px;display:grid;place-items:center;color:#586675}.vehicle-visual svg{width:58px;height:58px}.vehicle-status{position:absolute;right:14px;top:14px}.fleet-card h3{font:600 13px 'Space Grotesk';margin:7px 0 3px}.fleet-card>p{color:#697684;font-size:9px;margin:0 0 16px}.fuel-row{display:flex;justify-content:space-between;color:#778491;font-size:8px;margin-bottom:6px}.fuel-bar{height:4px;background:#242d36;border-radius:3px;overflow:hidden}.fuel-bar i{display:block;height:100%;background:var(--green);border-radius:3px}.placeholder-page{text-align:center;padding-top:15vh}.placeholder-icon{width:68px;height:68px;border-radius:16px;background:#151e27;color:var(--orange);display:grid;place-items:center;margin:0 auto 20px}.placeholder-icon svg{width:29px}.placeholder-page h2{font:600 24px 'Space Grotesk';margin:0 0 8px}.placeholder-page p{color:#7f8b97;margin:0 0 22px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(3,6,9,.76);backdrop-filter:blur(7px);display:none;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(620px,100%);background:#11171e;border:1px solid #2a3540;border-radius:13px;box-shadow:var(--shadow);animation:modalIn .2s ease}.modal-header{display:flex;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #232c35}.modal-header p{color:var(--orange);font-size:8px;letter-spacing:1.5px;font-weight:700;margin:0 0 4px}.modal-header h2{font:600 20px 'Space Grotesk';margin:0}.modal-close{border:0;background:none;font-size:25px;color:#6f7b87;cursor:pointer}.modal form{padding:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:9px;color:#929da8;font-weight:700}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea{display:block;width:100%;margin-top:7px;background:#0c1117;border:1px solid #29333e;border-radius:7px;padding:11px;color:#eef1f4;outline:0}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--orange)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.toast{position:fixed;right:25px;bottom:25px;z-index:120;background:#15221e;border:1px solid #23523e;border-radius:10px;padding:13px 17px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>svg{width:25px;color:var(--green)}.toast strong,.toast small{display:block}.toast strong{font-size:10px}.toast small{color:#819288;font-size:8px;margin-top:3px}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.fleet-grid{grid-template-columns:repeat(2,1fr)}.route-step{min-width:125px}.route-line{margin:0 4px}.search{display:none}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 50px #000}.main-content{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 18px}.page{padding:22px 18px}.dashboard-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}.route-flow{justify-content:flex-start;overflow-x:auto}.top-actions .icon-button{display:none}}

.finance-archive-toolbar{margin-top:28px}.archive-controls{display:flex;align-items:flex-end;gap:9px}.archive-controls label{color:#8996a5;font-size:8px;font-weight:700;letter-spacing:.4px}.archive-controls input{display:block;height:39px;margin-top:6px;padding:0 11px;color:#eef1f4;background:#10161d;border:1px solid #2a3540;border-radius:7px;color-scheme:dark}.finance-archive-panel td strong.archive-positive{color:var(--green)}.finance-archive-panel td strong.archive-negative{color:#ef7279}.finance-archive-panel .action-button{white-space:nowrap}@media(max-width:760px){.finance-archive-toolbar{align-items:stretch;gap:16px}.archive-controls{align-items:stretch;flex-direction:column}.archive-controls input,.archive-controls button{width:100%}}

.timeclock-overview{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(520px,1.2fr);gap:15px;margin-bottom:16px}.timeclock-live-card{padding:22px}.timeclock-live-head{display:flex;justify-content:space-between;align-items:flex-start}.timeclock-live-head small,.timeclock-stats small{display:block;color:#687583;font-size:8px;font-weight:700;letter-spacing:.6px}.timeclock-live-head strong{display:block;margin:7px 0 2px;font:700 30px 'Space Grotesk'}.timeclock-live-head span{color:#84909c;font-size:9px}.timeclock-state{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #353e47;border-radius:18px;color:#8c98a4;background:#151c24;font-size:8px;font-weight:700}.timeclock-state i{width:7px;height:7px;border-radius:50%;background:#687583}.timeclock-state.active{color:#44cf91;border-color:#214d3c;background:#12271f}.timeclock-state.active i{background:#44cf91;box-shadow:0 0 8px #44cf91}.timeclock-shift{margin-top:20px;padding-top:17px;border-top:1px solid #222b35}.timeclock-shift span,.timeclock-shift small{display:block;color:#72808d;font-size:8px}.timeclock-shift strong{display:block;margin:5px 0;font:600 19px 'Space Grotesk'}.timeclock-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.timeclock-stats article{padding:20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#121920,#0f151b)}.timeclock-stats strong{display:block;margin-top:9px;font:600 22px 'Space Grotesk'}.timeclock-team-panel{margin-bottom:28px}.timeclock-team-panel td .status{font-size:7px}.timeclock-history-toolbar{margin-top:27px}.timeclock-filters{display:flex;align-items:flex-end;gap:9px}.timeclock-filters label{color:#8996a5;font-size:8px;font-weight:700}.timeclock-filters input,.timeclock-filters select{display:block;height:38px;min-width:165px;margin-top:6px;padding:0 11px;color:#eef1f4;background:#10161d;border:1px solid #2a3540;border-radius:7px;color-scheme:dark}.timeclock-action.clocked-in{background:#6f1d24;border-color:#9b2932}.timeclock-duration{color:#f2f4f6!important}.timeclock-open{color:#44cf91!important}@media(max-width:980px){.timeclock-overview{grid-template-columns:1fr}.timeclock-team-panel{overflow:hidden}}@media(max-width:680px){.timeclock-history-toolbar{align-items:stretch;gap:15px}.timeclock-filters{flex-direction:column;align-items:stretch}.timeclock-filters input,.timeclock-filters select{width:100%}.timeclock-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.page-title p{display:none}.page-title h1{font-size:16px}.primary-button{padding:0 10px}.top-actions .primary-button{font-size:0}.top-actions .primary-button span{font-size:18px}.stats-grid,.cards-grid,.fleet-grid{grid-template-columns:1fr}.welcome-row,.section-toolbar{align-items:flex-start;gap:15px;flex-direction:column}.date-chip{display:none}.filter-group{max-width:100%;overflow:auto}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}}

/* Identité Red Sand Logistics */
.brand.brand-image{height:67px;padding:0;overflow:hidden;border-radius:7px;background:#d9d7d6}
.brand.brand-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}

/* Palette rouge issue du logo Red Sand */
:root{--orange:#df1822;--orange-soft:#351317}
.main-content{background:radial-gradient(circle at 80% 0,rgba(223,24,34,.045),transparent 24%),#0a0e13}
.nav-link.active{background:linear-gradient(90deg,#321518,#191416)}
.primary-button{border-color:#f0444b;box-shadow:0 7px 24px rgba(223,24,34,.18)}
.primary-button:hover{background:#ef2b34}
.orange-bars i{background:#5c2025}
.status.delivery{color:#f04b52;background:#35171a}
.status.delivery:before{background:#f04b52}
.event-icon.orange{color:var(--orange);background:#321518}
.route-step.active>svg{border-color:#771d25;background:#321518;box-shadow:0 0 22px rgba(223,24,34,.15)}

.catalog-search{width:300px;height:39px;border:1px solid #29333e;background:#10161d;border-radius:7px;display:flex;align-items:center;padding:0 12px;color:#687583}.catalog-search svg{width:16px}.catalog-search input{width:100%;border:0;outline:0;background:transparent;color:#eef1f4;padding-left:9px;font-size:10px}.catalog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.catalog-stat{border:1px solid var(--line);background:linear-gradient(145deg,#121920,#0f151b);border-radius:9px;padding:16px 18px}.catalog-stat small{display:block;color:#667482;font-size:8px;font-weight:700;letter-spacing:.7px}.catalog-stat strong{display:block;margin-top:6px;font:600 19px 'Space Grotesk'}.product-table tbody tr:nth-child(even){background:rgba(255,255,255,.012)}.product-name{display:flex;align-items:center;gap:9px}.product-name span{width:28px;height:28px;border-radius:6px;background:#251619;color:var(--orange);display:grid;place-items:center;font-weight:700;font-size:10px}.profit{color:var(--green);font-weight:700}.margin-pill{display:inline-block;color:#62d9a4;background:#142b23;padding:5px 8px;border-radius:12px;font-weight:700}.empty-catalog{text-align:center!important;color:#697684!important;padding:38px!important}@media(max-width:700px){.product-toolbar{align-items:stretch}.catalog-search{width:100%}.catalog-stats{grid-template-columns:1fr}}
.product-reference{display:inline-block;color:#f06a70;background:#30171a;border:1px solid #502026;border-radius:5px;padding:5px 8px;font:700 9px 'Space Grotesk';letter-spacing:.6px;white-space:nowrap}

.client-access-button{white-space:nowrap}.client-account-status{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #222b34;margin-top:14px;padding-top:12px}.client-account-status small{color:#6d7a87;font-size:8px}.client-account-status .status{font-size:7px}.portal-kicker{color:var(--orange)!important;font-size:8px!important;font-weight:700;letter-spacing:1.4px;margin-bottom:5px!important}.portal-grid{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(420px,1.1fr);gap:16px}.portal-order-panel,.portal-history-panel{min-height:520px}.portal-form{padding:21px}.portal-form label{display:block;color:#909ba6;font-size:9px;font-weight:700;margin-bottom:15px}.portal-form input,.portal-form select,.portal-form textarea{display:block;width:100%;margin-top:7px;background:#0c1117;border:1px solid #29333e;border-radius:7px;padding:11px;color:#eef1f4;outline:0}.portal-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#77838f 50%),linear-gradient(135deg,#77838f 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px;background-repeat:no-repeat}.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus{border-color:var(--orange)}.portal-form-row{display:grid;grid-template-columns:130px 1fr;gap:13px}.order-total{display:flex;justify-content:space-between;align-items:center;background:#171317;border:1px solid #422027;border-radius:8px;padding:15px 16px;margin:3px 0 15px}.order-total span{color:#9a8588;font-size:9px}.order-total strong{font:700 20px 'Space Grotesk';color:#fff}.portal-submit{width:100%}.client-order-history{padding:7px 18px}.history-order{display:grid;grid-template-columns:1fr auto;gap:9px;padding:15px 2px;border-bottom:1px solid #202831}.history-order:last-child{border-bottom:0}.history-order h4{font:600 10px 'Space Grotesk';margin:0 0 4px}.history-order p{color:#6f7c88;font-size:8px;margin:0}.history-order strong{font-size:10px;text-align:right}.history-order .status{margin-top:6px;float:right}.history-empty{display:grid;place-items:center;text-align:center;min-height:330px;color:#64717e}.history-empty svg{width:42px;margin-bottom:10px}.history-empty p{font-size:10px}.modal form{padding:23px}.form-note{color:#697684;font-size:8px;margin:15px 0 0}.single-column{grid-template-columns:1fr}.compact-modal{width:min(430px,100%)}.login-error{color:#f16c73;font-size:9px;min-height:12px;margin:12px 0 0}.account-created-card{border-color:#432229}.account-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}@media(max-width:980px){.portal-grid{grid-template-columns:1fr}.client-access-button{display:none}}@media(max-width:560px){.portal-form-row{grid-template-columns:1fr}.portal-order-panel,.portal-history-panel{min-height:auto}}
.toolbar-actions{display:flex;gap:9px;align-items:center}
.payment-info{display:flex;align-items:flex-start;gap:11px;min-height:58px;margin:-3px 0 15px;padding:12px 13px;border:1px solid #3e2328;background:#1d1417;border-radius:8px}.payment-info-icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:#35171b;color:#f05b62;font-weight:700}.payment-info strong{display:block;font-size:9px;margin:1px 0 4px}.payment-info p{margin:0;color:#8f7e82;font-size:8px;line-height:1.5}.payment-info b{color:#f2d9dc;letter-spacing:.3px}
.account-step{display:none}.account-step.active{display:block;animation:fadeIn .2s ease}.product-access-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.product-access-head strong{font:600 13px 'Space Grotesk'}.product-access-head p{color:#697684;font-size:8px;margin:4px 0 0}.product-access-head>span{color:#f06a70;background:#30171a;border:1px solid #502027;border-radius:15px;padding:6px 9px;font-size:8px;font-weight:700}.product-access-tools{display:flex;align-items:center;gap:9px;margin-bottom:11px}.account-product-search{height:36px;flex:1;border:1px solid #29333e;background:#0c1117;border-radius:7px;display:flex;align-items:center;padding:0 10px;color:#697684}.account-product-search svg{width:14px}.account-product-search input{width:100%;margin:0!important;border:0!important;background:transparent!important;padding:8px!important;box-shadow:none!important}.muted-action{color:#77838f}.account-product-list{height:300px;overflow-y:auto;border:1px solid #29333e;background:#0b1016;border-radius:8px;padding:6px}.account-product-option{display:grid;grid-template-columns:22px 82px 1fr auto;gap:8px;align-items:center;padding:9px 8px;border-radius:6px;cursor:pointer}.account-product-option:hover{background:#151c24}.account-product-option input{width:14px!important;height:14px;margin:0!important;accent-color:var(--orange)}.account-product-option .product-reference{font-size:8px;padding:4px 6px}.account-product-option strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-product-option small{color:#7f8b97;font-size:8px}.account-product-empty{text-align:center;color:#667380;font-size:9px;padding:40px 10px}@media(max-width:560px){.product-access-tools{flex-wrap:wrap}.account-product-search{flex-basis:100%}.account-product-option{grid-template-columns:20px 72px 1fr}.account-product-option small{display:none}}
.client-pricing-action{width:100%;margin-top:11px}.pricing-modal{width:min(760px,100%)}.modal-subtitle{display:block;color:#77838f;font-size:9px;margin-top:4px}.pricing-search{height:38px;border:1px solid #29333e;background:#0c1117;border-radius:7px;display:flex;align-items:center;padding:0 11px;color:#697684;margin-bottom:12px}.pricing-search svg{width:15px}.pricing-search input{width:100%;border:0!important;background:transparent!important;margin:0!important;padding:9px!important;color:#eef1f4;outline:0}.pricing-head,.pricing-row{display:grid;grid-template-columns:minmax(240px,1fr) 110px 120px;gap:12px;align-items:center}.pricing-head{padding:0 12px 8px;color:#596673;font-size:8px;font-weight:700}.pricing-product-list{height:340px;overflow-y:auto;border:1px solid #29333e;background:#0b1016;border-radius:8px;padding:5px}.pricing-row{padding:9px 8px;border-bottom:1px solid #1d252e}.pricing-row:last-child{border-bottom:0}.pricing-row-name{min-width:0}.pricing-row-name strong,.pricing-row-name small{display:block}.pricing-row-name strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pricing-row-name small{color:#65727e;font-size:8px;margin-top:3px}.pricing-standard{color:#8a96a1;font-size:9px}.pricing-input-wrap{position:relative}.pricing-input-wrap span{position:absolute;left:9px;top:9px;color:#687582;font-size:9px}.pricing-input-wrap input{width:100%;height:33px!important;margin:0!important;padding:7px 8px 7px 19px!important;background:#111820!important;border:1px solid #303a44!important;border-radius:6px;color:#fff}.pricing-input-wrap input:focus{border-color:var(--orange)!important}.custom-price .pricing-input-wrap input{border-color:#6b2830!important;background:#201518!important}@media(max-width:600px){.pricing-head,.pricing-row{grid-template-columns:1fr 88px}.pricing-head span:nth-child(2),.pricing-standard{display:none}}
.client-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.client-card-actions .action-button{width:100%;margin:0}.client-logo.has-image{overflow:hidden;background:#111}.client-logo.has-image img{width:100%;height:100%;object-fit:cover}.client-logo-upload{margin-top:2px}.logo-upload-box{position:relative;display:flex;align-items:center;gap:12px;margin-top:7px;padding:10px;border:1px dashed #3a4652;border-radius:8px;background:#0c1117;cursor:pointer}.logo-upload-box:hover{border-color:var(--orange)}.logo-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0!important}.logo-upload-preview{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:8px;background:#21171a;border:1px solid #4d252b;overflow:hidden;color:#a74a51}.logo-upload-preview img{width:100%;height:100%;object-fit:cover}.logo-upload-preview b{font-size:8px}.logo-upload-box strong,.logo-upload-box small{display:block}.logo-upload-box strong{font-size:9px;color:#cdd3d9}.logo-upload-box small{font-size:8px;color:#66737f;margin-top:4px}
.client-card-actions:not(.has-delete){grid-template-columns:1fr}.client-card-actions.has-delete{grid-template-columns:1fr 1fr 42px}.danger-button{height:39px;padding:0 14px;border:1px solid #76252d;border-radius:7px;background:#37171b;color:#f0757b;font-size:10px;font-weight:700;cursor:pointer}.danger-button:hover:not(:disabled){background:#501b21;color:#fff}.danger-button:disabled{opacity:.35;cursor:not-allowed}.client-delete-action{width:42px!important;color:#ef656c!important;border-color:#552129!important;background:#2a171a!important;font-size:15px!important}.danger-modal{border-color:#542229}.danger-modal .modal-header{background:linear-gradient(90deg,rgba(223,24,34,.1),transparent)}.delete-warning{display:flex;gap:12px;padding:13px;border:1px solid #58232a;background:#281619;border-radius:8px;margin-bottom:18px}.delete-warning>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#4a1b21;color:#ff747b;font-weight:800}.delete-warning strong{display:block;font-size:10px;color:#f1dfe1;margin:1px 0 4px}.delete-warning p{color:#9a7e82;font-size:8px;line-height:1.55;margin:0}.delete-warning b{color:#e6c9cc}.delete-confirm-label{display:block;color:#929da8;font-size:9px;font-weight:700}.delete-confirm-label>strong{color:#fff}.delete-confirm-label input{display:block;width:100%;margin-top:8px;background:#0c1117;border:1px solid #423037;border-radius:7px;padding:11px;color:#eef1f4;outline:0}.delete-confirm-label input:focus{border-color:#d73942}.confirm-delete-button{min-width:145px}

/* Écran d'accueil et authentification */
.welcome-screen{display:none;min-height:100vh;background:#090d12}.auth-locked .welcome-screen{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr)}.auth-locked .app-shell{display:none}.welcome-brand-panel{position:relative;overflow:hidden;padding:48px 6vw;display:flex;flex-direction:column;background:radial-gradient(circle at 28% 44%,rgba(223,24,34,.19),transparent 28%),linear-gradient(135deg,#12181f,#090d12 72%)}.welcome-brand-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent)}.welcome-brand-panel:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(223,24,34,.16);border-radius:50%;left:-180px;top:32%;box-shadow:0 0 0 70px rgba(223,24,34,.025),0 0 0 140px rgba(223,24,34,.018)}.welcome-logo{position:relative;z-index:2;width:255px;height:83px;overflow:hidden;border-radius:8px;background:#d5d2d0;box-shadow:0 14px 45px rgba(0,0,0,.3)}.welcome-logo img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.welcome-message{position:relative;z-index:2;margin:auto 0}.welcome-message p{font-size:9px;font-weight:700;letter-spacing:2.2px;color:var(--orange);margin:0 0 17px}.welcome-message h1{font:700 clamp(42px,5vw,72px)/.98 'Space Grotesk';letter-spacing:-3px;margin:0 0 24px}.welcome-message>span{display:block;color:#7f8b97;font-size:13px;line-height:1.7;max-width:410px}.welcome-route{position:relative;z-index:2;display:grid;grid-template-columns:9px auto;column-gap:10px;align-items:center}.welcome-route i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.welcome-route strong{font-size:9px;letter-spacing:1.2px}.welcome-route span{font-size:8px;color:#5f6c79;margin-top:2px}.welcome-login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;background:radial-gradient(circle at 100% 0,rgba(223,24,34,.055),transparent 35%),#0d1218;border-left:1px solid #1e2730}.login-box{width:min(390px,100%)}.login-heading{text-align:center;margin-bottom:29px}.login-heading p{color:var(--orange);font-size:8px;font-weight:700;letter-spacing:1.8px;margin:0 0 8px}.login-heading h2{font:700 29px 'Space Grotesk';margin:0 0 7px}.login-heading>span{color:#75818d;font-size:10px}.role-tabs{display:grid;grid-template-columns:1fr 1fr;background:#090e13;border:1px solid #252f38;border-radius:9px;padding:4px;margin-bottom:24px}.role-tab{height:45px;border:0;border-radius:6px;background:transparent;color:#71808d;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.role-tab svg{width:16px}.role-tab.active{color:#fff;background:#251519;box-shadow:inset 0 0 0 1px #512028}.role-tab.active svg{color:var(--orange)}.welcome-form{display:none}.welcome-form.active{display:block;animation:fadeIn .22s ease}.welcome-form label{display:block;color:#929da8;font-size:9px;font-weight:700;margin-bottom:15px}.welcome-form input{display:block;width:100%;margin-top:7px;background:#090e13;border:1px solid #29333e;border-radius:7px;padding:12px;color:#eef1f4;outline:0}.welcome-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(223,24,34,.08)}.welcome-submit{width:100%;height:44px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:9px}.welcome-submit span{font-size:16px}.demo-access{display:block;text-align:center;color:#53606d;font-size:8px;margin-top:14px}.welcome-footer{position:absolute;bottom:22px;color:#46525e;font-size:8px}.welcome-login-panel{position:relative}@media(max-width:850px){.auth-locked .welcome-screen{grid-template-columns:1fr}.welcome-brand-panel{display:none}.welcome-login-panel{min-height:100vh;padding:30px 22px;border:0}}