:root{--paper: #f8f7f3;--paper-2: #ffffff;--paper-3: #f1efe9;--ink: #0e1b2d;--ink-soft: #3d4c61;--ink-dim: #7a8698;--line: #e5e3dc;--line-hover: #cfccc3;--accent: #1b6fd4;--accent-ink: #0f4fa3;--accent-bg: #eaf2fc;--ok: #157a41;--ok-bg: #e8f5ec;--warn: #8f5304;--warn-bg: #fbf1de;--danger: #b82c48;--danger-bg: #fbeaec;--chrome: #0e1b2d;--chrome-dim: rgba(248, 247, 243, .62);--chrome-line: rgba(248, 247, 243, .14);--brand-blue-900: var(--ink);--brand-blue-800: #16273f;--brand-blue-700: var(--accent-ink);--brand-blue-500: var(--accent);--brand-cyan: var(--accent);--brand-green: var(--ok);--brand-teal: var(--accent);--brand-teal-bg: var(--accent-bg);--grad-brand: var(--accent);--steel: #3d4c61;--teal: var(--accent);--teal-bg: var(--accent-bg);--amber: var(--warn);--amber-bg: var(--warn-bg);--rose: var(--danger);--rose-bg: var(--danger-bg);--slate: #5d6b80;--slate-bg: var(--paper-3);--canvas: var(--paper);--card: var(--paper-2);--text: var(--ink);--text-soft: var(--ink-soft);--radius: 2px;--ring: 0 0 0 3px rgba(27, 111, 212, .18);--shadow-pop: 0 18px 44px -22px rgba(14, 27, 45, .45);font-family:Inter Tight,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent-ink)}input,select,textarea{font:inherit;font-size:13px;color:var(--text);padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);width:100%;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--ink-dim)}input:hover,select:hover,textarea:hover{border-color:var(--line-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}input[type=checkbox],input[type=radio]{width:15px;height:15px;accent-color:var(--accent-ink);padding:0}input[type=date]{min-height:35px}textarea{resize:vertical;line-height:1.5}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%233d4c61' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='m4 6.5 4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 9px center}label{color:var(--text-soft)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:236px;background:var(--chrome);color:var(--paper);flex-shrink:0;display:flex;flex-direction:column;padding:20px 14px;height:100%;overflow:hidden}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:4px 8px 22px}.brand-logo-wrap{display:inline-flex;align-items:center}.brand-logo{height:30px;display:block}.nav{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d4c61 #16273f}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-track{background:transparent}.nav::-webkit-scrollbar-thumb{background:#3d4c61;border-radius:999px}.nav::-webkit-scrollbar-thumb:hover{background:#5d6b80}.nav-group+.nav-group{margin-top:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--chrome-dim);font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:none;text-align:left;width:100%;transition:background .14s ease,color .14s ease}.nav-ico{flex-shrink:0;opacity:.75}.nav-item:hover{background:#f8f7f312;color:var(--paper)}.nav-item:hover .nav-ico{opacity:1}.nav-item.active{background:var(--accent);color:#fff;font-weight:600}.nav-item.active .nav-ico{opacity:1;color:#fff}.nav-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#f8f7f36b;margin:14px 10px 6px;font-weight:500}.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--chrome-line)}.entreprise{font-size:12.5px;color:#f8f7f3d9;font-weight:500;padding:4px 8px}.entreprise-sub{font-size:10.5px;color:#f8f7f380;padding:0 8px 8px}.logout{margin:10px 8px 0;background:#f8f7f314;border:none;color:#f8f7f3d9;padding:8px 10px;border-radius:var(--radius);cursor:pointer;font-size:12px;display:flex;align-items:center;gap:8px;width:calc(100% - 16px);transition:background .14s ease,color .14s ease}.logout:hover{background:#f8f7f329;color:var(--paper)}.main{flex:1;min-height:0;overflow-y:auto;padding:28px 34px 56px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;flex-wrap:wrap}.crumb{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;font-weight:500}.h1{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:25px;margin:0;letter-spacing:-.015em;line-height:1.15}.btn{border:none;font-weight:600;font-size:13px;padding:9px 16px;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .14s ease,border-color .14s ease,color .14s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--accent)}.btn-ghost{background:var(--paper-2);color:var(--text);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:var(--paper-3);border-color:var(--ink)}.btn-teal{background:var(--accent);color:#fff}.btn-teal:hover:not(:disabled){background:var(--accent-ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.07)}.btn-sm{padding:6px 11px;font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.card-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.card-title{font-size:14.5px;font-weight:600}.card-sub{font-size:11.5px;color:var(--ink-dim);margin-top:2px}.card-body{padding:16px 18px}.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--line)}.tab{background:none;border:none;cursor:pointer;padding:9px 16px;font-size:13px;font-weight:500;color:var(--ink-dim);border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.actif{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metrics.trois{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:.9}.metric-neutral:after{background:var(--slate);opacity:.4}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.metric-label{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--ink-dim);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.metric-ico{width:28px;height:28px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;background:var(--accent-bg);color:var(--accent-ink);flex-shrink:0}.metric-ico.bleu{background:var(--accent-bg);color:var(--accent-ink)}.metric-ico.ambre{background:var(--amber-bg);color:var(--amber)}.metric-ico.rose{background:var(--rose-bg);color:var(--rose)}.metric-value{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:24px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.metric-value small{font-family:Inter Tight,sans-serif;font-size:12px;font-weight:600;color:var(--ink-dim);margin-left:3px}.metric-delta{font-size:11.5px;margin-top:5px;font-weight:600}.up{color:var(--ok)}.down{color:var(--rose)}.flat{color:var(--ink-dim)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius);font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}.pill-brouillon{background:var(--slate-bg);color:var(--slate);border-color:var(--line)}.pill-validee{background:var(--accent-bg);color:var(--accent-ink);border-color:#1b6fd459}.pill-certifiee{background:var(--ok-bg);color:var(--ok);border-color:#157a4159}.pill-comptabilisee{background:#edeaf7;color:#5b3fbf;border-color:#7c5cd659}.pill-rejetee,.pill-annulee{background:var(--rose-bg);color:var(--rose);border-color:#b82c484d}.pill-payee{background:var(--ok-bg);color:var(--ok);border-color:#157a4159}.pill-partielle{background:var(--amber-bg);color:var(--amber);border-color:#8f53044d}.pill-enregistre{background:var(--ok-bg);color:var(--ok);border-color:#157a4159}.pill-t{font-size:10.5px;padding:2px 8px}.pill-CERTIFIED{background:var(--ok-bg);color:var(--ok);border-color:#157a4159}.pill-PENDING,.pill-PROCESSING{background:var(--amber-bg);color:var(--amber);border-color:#8f53044d}.pill-REJECTED,.pill-FAILED{background:var(--rose-bg);color:var(--rose);border-color:#b82c484d}.pill-RETRYING{background:var(--amber-bg);color:var(--amber);border-color:#8f53044d}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-family:JetBrains Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-weight:500;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--paper);white-space:nowrap}td{padding:12px 18px;border-bottom:1px solid rgba(14,27,45,.07);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--paper-3)}tr.row-hover{cursor:pointer}.mono{font-family:JetBrains Mono,monospace;font-size:12.5px}.num{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;text-align:right}th.num{text-align:right}.muted{color:var(--ink-dim)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.form-grid .pleine-ligne{grid-column:1 / -1}.form-champ{display:flex;flex-direction:column;gap:5px;min-width:0}.form-champ>span,.form-champ>label{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em}.form-champ>span.requis,.requis{color:var(--danger)}.form-actions{grid-column:1 / -1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-aide{font-size:11.5px;color:var(--ink-dim)}.filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.filters .form-champ{gap:4px;min-width:150px}.filters .form-champ>span{font-size:10px}.card-head .actions input,.card-head .actions select{width:auto;min-width:180px}.topbar .filters .form-champ{min-width:130px}.filters input,.filters select,.field input,.field select,.field textarea{font-size:12.5px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper-2);color:var(--text)}.filters input[type=text]{min-width:200px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em}.field input,.field select,.field textarea{padding:9px 12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:flex-start}.stepper{display:flex;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 18px;margin-bottom:20px;overflow-x:auto}.step{display:flex;flex-direction:column;align-items:center;min-width:104px;position:relative}.step-line{position:absolute;top:17px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}.step:first-child .step-line{display:none}.step-line.done{background:var(--ok)}.step-dot{width:34px;height:34px;border-radius:50%;background:var(--slate-bg);color:var(--slate);display:flex;align-items:center;justify-content:center;z-index:1;border:2px solid var(--card)}.step-dot.done{background:var(--ok);color:#fff}.step-dot.current{background:var(--accent);color:#fff;box-shadow:0 0 0 4px #1b6fd42e}.step-label{font-size:11px;font-weight:600;margin-top:8px;text-align:center;max-width:96px}.step-label.done,.step-label.current{color:var(--text)}.step-label:not(.done):not(.current){color:var(--ink-dim)}.sfec-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}.sfec-row:last-child{border-bottom:none}.sfec-row .k{color:var(--ink-dim)}.sfec-row .v{font-family:JetBrains Mono,monospace;font-size:12px;word-break:break-all}.feed-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:none}.feed-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.feed-text{font-size:12.5px}.feed-time{font-size:11px;color:var(--ink-dim)}.balance-check{display:flex;align-items:center;gap:10px;padding:11px 16px;margin-bottom:16px;background:var(--ok-bg);color:var(--ok);font-weight:600;font-size:12.5px;border:1px solid rgba(21,122,65,.3);border-radius:var(--radius)}.balance-check.error{background:var(--rose-bg);color:var(--rose);border-color:#b82c484d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1b2d80;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px;overflow:auto}.modal{background:var(--card);border-radius:var(--radius);width:640px;max-width:100%;padding:22px;box-shadow:var(--shadow-pop)}.modal h3{margin:0 0 16px}.erreur-bandeau{background:var(--rose-bg);color:var(--rose);padding:10px 14px;border-radius:var(--radius);font-size:12.5px;margin-bottom:14px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--chrome)}.login-col{display:flex;flex-direction:column;align-items:center;gap:24px;width:380px;max-width:100%}.login-logo-haut{height:52px;width:auto;display:block}.login-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px;width:100%;text-align:center}.login-card h1{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:24px;margin:0 0 18px}.login-card .field,.login-card .erreur-bandeau{text-align:left}.btn-bloc{width:100%;justify-content:center;margin-top:4px}.mfa-sous-titre{font-size:13px;color:var(--ink-dim);line-height:1.55;margin:-8px 0 18px;text-align:left}.mfa-chargement{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;color:var(--ink-dim)}.mfa-etapes{text-align:left;font-size:13px;line-height:1.6;color:var(--text);margin:0 0 16px;padding-left:20px}.mfa-etapes li{margin-bottom:6px}.mfa-lien{color:var(--accent);font-weight:600}.mfa-secret-boite{display:flex;flex-direction:column;gap:8px;align-items:stretch;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:18px;text-align:left}.mfa-secret{font-family:SF Mono,Consolas,monospace;font-size:15px;letter-spacing:1.5px;word-break:break-all;color:var(--ink);-webkit-user-select:all;user-select:all}.mfa-qr-boite{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:14px}.mfa-qr{display:block;width:220px;height:220px;max-width:100%;image-rendering:pixelated;background:#fff}.mfa-qr-aide{font-size:12.5px;color:var(--ink-dim);margin:0;text-align:center}.empty{padding:44px 30px;text-align:center;color:var(--ink-dim);font-size:14px;font-family:Fraunces,Georgia,serif}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.actions{display:flex;gap:8px;flex-wrap:wrap}.creer-form .ligne{display:grid;grid-template-columns:2fr 90px 110px 130px 120px;gap:8px;margin-bottom:8px;align-items:center}.creer-form .ligne input,.creer-form .ligne select{padding:7px 10px;font-size:12.5px;border:1px solid var(--line);border-radius:var(--radius)}.creer-form .ligne .suppr{color:var(--danger);background:none;border:none;cursor:pointer;font-size:16px}.doc-wrap{margin-bottom:20px}.doc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px 38px;font-family:Inter Tight,system-ui,sans-serif}.doc-head{position:relative;display:flex;justify-content:space-between;gap:16px;padding-bottom:22px}.doc-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}.doc-logo{height:30px;display:block;margin-bottom:10px}.doc-enseigne{font-size:20px;font-weight:700;color:var(--ink)}.doc-titre{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:26px;letter-spacing:.02em;color:var(--accent-ink);text-transform:uppercase}.doc-numero{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--ink)}.doc-ref{text-align:right}.doc-muted{color:var(--ink-dim);font-size:12px;margin-top:2px}.doc-corps{display:flex;justify-content:space-between;gap:16px;padding:18px 0}.doc-bloc{min-width:0}.doc-bloc-ht{text-align:right}.doc-bloc-titre,.doc-bloc-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:6px}.doc-texte{font-size:14px;font-weight:600;color:var(--text)}.doc-bloc-ligne{display:flex;justify-content:space-between;gap:20px;font-size:12.5px;padding:2px 0}.doc-placeholder{color:var(--ink-dim);font-style:italic}.doc-vide{text-align:center;color:var(--ink-dim);padding:30px;font-size:13px;border:1px dashed var(--line);border-radius:var(--radius);margin:14px 0}.doc-tb{margin:6px 0 18px}.doc-tb th{font-size:10px}.doc-tb td{padding:11px 14px}.doc-idx{color:var(--ink-dim);width:24px}.doc-totaux{display:flex;flex-direction:column;align-items:flex-end;gap:8px;border-top:1px solid var(--ink);padding-top:14px;margin-left:auto;width:320px}.doc-totaux-ligne{display:flex;justify-content:space-between;gap:24px;font-size:13.5px;width:100%}.doc-totaux-total{font-weight:800;font-size:17px;color:var(--ink);border-top:1px solid var(--line);padding-top:10px}.doc-cert{margin-top:20px;border:1px solid rgba(21,122,65,.4);border-radius:var(--radius);background:var(--ok-bg);padding:12px 16px}.doc-cert-titre{font-weight:700;color:var(--ok);font-size:13px;margin-bottom:6px}.doc-cert-ligne{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--text);padding:1px 0}.doc-cert-grid{display:flex;justify-content:space-between;align-items:center;gap:18px}.doc-cert-qr{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.doc-cert-qr img{width:110px;height:110px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:4px}.doc-cert-qr-label{font-size:10px;color:var(--ink-dim)}.doc-print-bar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.app{display:block!important;height:auto!important;overflow:visible!important}.sidebar,.topbar,.filters,.detail-grid,.stepper,.erreur-bandeau,.doc-print-bar,.edit-grid>.card,.edit-preview .card-head,.actions,.no-print,.metrics{display:none!important}.main{padding:0!important;overflow:visible!important}.edit-grid{display:block!important}.edit-preview{border:none!important;box-shadow:none!important}.edit-preview-scroll{max-height:none!important;overflow:visible!important;padding:0!important}.doc{border:none!important;box-shadow:none!important;padding:0!important}.doc-cert{border:1px solid #000}}.edit-grid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1fr);gap:18px;align-items:start}.edit-preview{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.edit-preview-scroll{padding:16px;overflow:auto;max-height:calc(100vh - 260px)}.edit-lignes{margin:8px 0 4px}.edit-ligne{display:grid;grid-template-columns:2fr 72px 104px 96px 130px 26px;gap:8px;margin-bottom:8px;align-items:center}.edit-ligne-head{color:var(--ink-dim);font-size:10.5px;font-weight:500;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.edit-ligne input,.edit-ligne select{padding:7px 10px;font-size:12.5px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);color:var(--text);width:100%}.edit-ligne .suppr{color:var(--danger);background:none;border:none;cursor:pointer;font-size:16px}@media(max-width:1020px){.edit-grid{grid-template-columns:1fr}.edit-preview-scroll{max-height:none}.doc-totaux{width:100%}}a.btn{text-decoration:none}.banniere-abonnement{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:-8px -8px 20px;border-radius:var(--radius);border:1px solid transparent;font-size:13px}.banniere-abonnement.expiree{background:var(--danger-bg);border-color:#b82c484d;color:var(--danger)}.banniere-abonnement.bientot{background:var(--warn-bg);border-color:#8f53044d;color:var(--warn)}.banniere-texte{display:flex;flex-direction:column;gap:2px;flex:1;min-width:240px}.banniere-texte strong{font-size:13.5px}.banniere-texte span{font-size:12.5px;opacity:.85}.banniere-actions{display:flex;gap:8px;flex-wrap:wrap}.banniere-cta{background:var(--ink);color:var(--paper)}.banniere-cta:hover{filter:brightness(1.15)}.abo-avertissement{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--danger-bg);border:1px solid rgba(184,44,72,.3);color:var(--danger);padding:12px 14px;border-radius:var(--radius);margin-bottom:18px;font-size:13px}.abo-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.abo-stat{display:flex;flex-direction:column;gap:6px;min-width:0}.abo-stat .crumb{margin-bottom:0}.abo-stat strong{font-size:16px;font-weight:600}.abo-jours-alerte{color:var(--warn)}.abo-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.abo-plan{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px 18px}.abo-plan.actuel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.abo-plan-badge{position:absolute;top:-9px;left:14px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.06em}.abo-plan-nom{font-family:Fraunces,Georgia,serif;font-size:19px}.abo-plan-prix{display:flex;align-items:baseline;gap:6px}.abo-plan-prix .num{font-size:25px;font-family:Fraunces,Georgia,serif;text-align:left}.abo-plan-devise{font-size:12px;color:var(--ink-dim);font-weight:600}.abo-plan-duree{font-size:12.5px;color:var(--ink-dim)}.abo-plan-liste{margin:6px 0 4px;padding:0;list-style:none;font-size:12.5px;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px}.abo-plan-liste li{padding-left:16px;position:relative}.abo-plan-liste li:before{content:"✓";position:absolute;left:0;color:var(--ok)}.abo-plan-cta{margin-top:auto;justify-content:center}.message-erreur{background:var(--danger-bg);border:1px solid rgba(184,44,72,.3);color:var(--danger);padding:11px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:18px}.message-succes{background:var(--ok-bg);border:1px solid rgba(21,122,65,.3);color:var(--ok);padding:11px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:18px}.abo-activation{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.abo-activation .form-champ{flex:1;min-width:200px;margin-bottom:0}.abo-activation .btn{margin-bottom:1px}.pill-actif{background:var(--ok-bg);color:var(--ok);border-color:#157a414d}.pill-essai{background:var(--accent-bg);color:var(--accent-ink);border-color:#1b6fd459}.pill-expire,.pill-suspendu,.pill-annule,.pill-aucun{background:var(--rose-bg);color:var(--rose);border-color:#b82c484d}@media(max-width:1080px){.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{width:100%;height:auto;overflow:visible;padding:14px 12px}.nav{flex-direction:row;flex-wrap:wrap;overflow:visible}.nav-group{display:contents}.nav-label{display:none}.nav-item{width:auto}.sidebar-foot{margin-top:12px}.main{overflow:visible;padding:20px 16px 40px}.form-grid{grid-template-columns:1fr;padding:14px}.detail-grid,.grid-2{grid-template-columns:1fr}}@media(max-width:640px){.metrics{grid-template-columns:1fr}.h1{font-size:19px}table{font-size:12.5px}th,td{padding:9px 12px}}.topbar .filters{margin-bottom:0}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important}}