:root{--bg:#f7f3ec;--card:#fff;--line:#e8e0d2;--line-fort:#d8ccb6;--ink:#241c12;--muted:#6b6259;--brand:#8a5a0b;--brand-fonce:#6f4708;--brand-soft:#fdf3dc;--or:#f8b840;--or-clair:#f5c25b;--or-pale:#fbf6e7;--bronze:#4a3517;--as-fond:#1e1712;--as-fond-2:#2b2014;--as-texte:#ece0cb;--as-texte-doux:#bfae92;--as-line:#f8b84038;--ok:#0f7b4f;--ok-soft:#eaf7f0;--warn:#b45309;--warn-soft:#fff7ed;--danger:#b3261e;--danger-soft:#fdf1f0;--radius:16px;--radius-sm:12px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button{font-family:inherit}button.primary,button.ghost{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}button.primary:hover:not(:disabled){background:var(--brand-fonce);border-color:var(--brand-fonce)}button.ghost{color:var(--brand);border-color:var(--line-fort);background:#fff}button.ghost:hover:not(:disabled){background:var(--brand-soft)}button.primary:disabled,button.ghost:disabled{opacity:.55;cursor:not-allowed}.actions-liees{align-items:center;gap:10px;display:flex}.actions-liees .lien{text-underline-offset:3px;text-decoration:underline}a{color:var(--brand)}.auth-page{background:var(--bg);grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid}@media (width>=940px){.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width>=1280px){.auth-page{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}.auth-aside{background:radial-gradient(120% 80% at 12% 0%, #f8b8402e 0%, #f8b84000 55%), linear-gradient(160deg, var(--as-fond-2) 0%, var(--as-fond) 62%, #150f0b 100%);color:var(--as-texte);display:none;position:relative;overflow:hidden}@media (width>=940px){.auth-aside{display:block}}.auth-aside:after{content:"";pointer-events:none;background:radial-gradient(circle,#f8b84029 0%,#f8b84000 68%);border-radius:50%;height:70%;position:absolute;inset:auto -10% -35% 30%}.aside-inner{z-index:1;flex-direction:column;gap:32px;min-height:100vh;padding:clamp(40px,6vw,72px) clamp(32px,5vw,64px);display:flex;position:relative}.aside-logo{inline-size:min(320px,72%);filter:drop-shadow(0 6px 22px #f8b84038);height:auto;display:block}.aside-copy{margin-top:auto}.aside-copy h2{letter-spacing:-.02em;color:#fff;margin:0 0 14px;font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.2}.aside-copy p{max-inline-size:46ch;color:var(--as-texte-doux);margin:0;font-size:.95rem;line-height:1.65}.aside-points{gap:12px;margin:0;padding:0;list-style:none;display:grid}.aside-points li{color:var(--as-texte);padding-left:26px;font-size:.9rem;line-height:1.5;position:relative}.aside-points li:before{content:"";background:linear-gradient(135deg, var(--or-clair), var(--or));border-radius:3px;block-size:11px;inline-size:11px;position:absolute;top:.42em;left:0}.auth-main{justify-content:center;align-items:center;padding:clamp(20px,4vh,48px) clamp(16px,3vw,40px);display:flex}.auth-card{width:100%;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:var(--radius);max-inline-size:452px;padding:clamp(24px,3.5vw,36px);box-shadow:0 1px 2px #241c120a,0 20px 48px -20px #4a351747}.auth-card--scroll{max-block-size:min(94vh,940px);overflow-y:auto}@supports (scrollbar-gutter:stable){.auth-card--scroll{scrollbar-gutter:stable}}.card-brand{margin-bottom:20px}.card-brand img{inline-size:min(228px,82%);height:auto;display:block}.auth-heading{letter-spacing:-.025em;color:var(--ink);margin:0;font-size:clamp(1.35rem,2.2vw,1.6rem);line-height:1.22}.auth-headline{letter-spacing:-.015em;color:var(--brand);margin:6px 0 0;font-size:1.05rem;font-weight:700;line-height:1.3;display:block}@media (width>=940px){.auth-headline{display:none}}.auth-sub{color:var(--muted);margin:8px 0 0;font-size:.9375rem;line-height:1.55}.auth-form{gap:15px;margin-top:22px;display:grid}.auth-field{color:#3d372f;gap:6px;font-size:13.5px;font-weight:600;display:grid}.auth-field input{border:1px solid var(--line-fort);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--ink);background:#fff;padding:12px 13px;font-weight:400}.auth-field input::placeholder{color:#a89e90}.auth-field input:focus{outline-offset:0;border-color:var(--brand);outline:3px solid #f8b8406b}.auth-field small{color:var(--muted);font-size:12px;font-weight:400}.auth-field small.bad{color:var(--danger)}.auth-two{gap:15px;display:grid}@media (width>=440px){.auth-two{grid-template-columns:1fr 1fr}}.auth-submit{background:var(--brand);color:#fff;border-radius:var(--radius-sm);text-align:center;cursor:pointer;border:0;width:100%;padding:14px 18px;font-size:15px;font-weight:700;text-decoration:none;display:block;box-shadow:0 10px 22px -12px #8a5a0bbf}.auth-submit:hover:not(:disabled){background:var(--brand-fonce)}.auth-submit:disabled{opacity:.55;cursor:progress;box-shadow:none}.auth-submit:focus-visible{outline:3px solid var(--or);outline-offset:2px}.auth-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.auth-sep{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:14px;margin:20px 0 0;font-size:12.5px;font-weight:600;display:flex}.auth-sep:before,.auth-sep:after{content:"";background:linear-gradient(90deg, transparent, var(--line-fort) 30%, var(--line-fort) 70%, transparent);flex:1;block-size:1px}.auth-footer{text-align:center;color:var(--muted);margin:14px 0 0;font-size:13.5px}.auth-footer a{font-weight:600}.auth-link{font-size:13.5px;font-weight:600}.auth-error,.auth-ok,.auth-note{border-radius:var(--radius-sm);margin:0;padding:12px 14px;font-size:13.5px;line-height:1.5}.auth-error{background:var(--danger-soft);color:var(--danger);border:1px solid #f3c9c5}.auth-ok{background:var(--ok-soft);color:#0b5c3b;border:1px solid #bfe3ce}.auth-note{background:var(--brand-soft);border:1px solid var(--or-clair);color:var(--bronze)}.btn{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:9px 14px;font-size:13.5px;font-weight:700}.btn:hover:not(:disabled){background:var(--brand-fonce)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--card);color:var(--muted);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:var(--brand-soft);color:var(--bronze)}.btn-doux{background:var(--brand-soft);color:var(--bronze);border:1px solid var(--or-clair)}.champ{color:#374151;gap:6px;font-size:13px;font-weight:600;display:grid}.champ select,.champ input{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;inline-size:100%;padding:10px 11px;font-weight:400}.note{color:#9a3412;border-radius:var(--radius-sm);background:#fff7ed;border:1px solid #fed7aa;margin:0;padding:11px 14px;font-size:13.5px}.ok{color:#047857;border-radius:var(--radius-sm);background:#ecfdf5;border:1px solid #bfe3ce;margin:0;padding:11px 14px;font-size:13.5px}.ko{color:#b91c1c;border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #f3c9c5;margin:0;padding:11px 14px;font-size:13.5px}.doux{color:var(--muted)}.petit{font-size:12.5px}.lst{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);inline-size:100%;overflow:hidden}.lst thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#f9fafb;padding:11px 14px;font-size:11.5px}.lst tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.lst tbody tr:last-child td{border-bottom:0}.lst tbody tr.cliquable{cursor:pointer}.lst tbody tr.cliquable:hover{background:var(--or-pale)}.lst tbody tr.cliquable:focus-visible{outline:3px solid var(--or);outline-offset:-3px}.lst .code{font-variant-numeric:tabular-nums;color:var(--bronze);font-weight:700}.deuxlignes{flex-direction:column;gap:2px;display:flex}.deuxlignes .fort{color:var(--ink);font-weight:600}.deuxlignes .faible{color:var(--muted);font-size:12.5px}.pays{align-items:center;gap:8px;display:flex}.pays img{object-fit:cover;border-radius:2px;block-size:15px;inline-size:20px}.agent{align-items:center;gap:7px;display:inline-flex}.agent .rond{background:var(--ok-soft);color:#0b5c3b;border-radius:50%;justify-content:center;align-items:center;block-size:24px;inline-size:24px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=720px){.lst,.lst thead,.lst tbody,.lst tr,.lst td{display:block}.lst{background:0 0;border:0}.lst thead{display:none}.lst tbody tr{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"code code statut""pays agent client";align-items:center;gap:4px 10px;margin-bottom:7px;padding:9px 12px;display:grid}.lst tbody td{border-bottom:0;min-inline-size:0;padding:0;display:block}.lst tbody td:before{content:none}.lst tbody td:first-child{grid-area:code;font-size:15px}.lst tbody td:nth-child(2){grid-area:pays}.lst tbody td:nth-child(3){grid-area:statut;justify-self:end}.lst tbody td:nth-child(4){grid-area:agent}.lst tbody td:nth-child(5){grid-area:client;justify-self:end}.lst tbody td:nth-child(3) .deuxlignes{flex-direction:row;align-items:center;gap:6px}.lst tbody td:nth-child(3) .faible{display:none}.lst tbody td:nth-child(2),.lst tbody td:nth-child(4),.lst tbody td:nth-child(5){color:var(--muted);font-size:12.5px}.lst tbody td:nth-child(5) .faible{font-size:12.5px}.lst tbody td .deuxlignes{gap:0}.lst tbody td.vide{display:none}.agent .rond{block-size:20px;inline-size:20px;font-size:10px}.pays{gap:6px}.pays img{block-size:12px;inline-size:16px}}@media print{body{background:#fff}body *{visibility:hidden!important}.zone-facture,.zone-facture *{visibility:visible!important}.zone-facture{inline-size:100%!important;padding:0!important;position:absolute!important;inset-block-start:0!important;inset-inline-start:0!important}.voile{background:0 0!important;padding:0!important;position:static!important}.panneau{box-shadow:none!important;border:0!important;border-radius:0!important;max-block-size:none!important;max-inline-size:none!important}.entete,.pied,.onglets,.actions-facture{display:none!important}.corps{padding:0!important;overflow:visible!important}}.contacts{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.contacts a{text-decoration:none}