:root{--color-primary:#2d5a3d;--color-primary-dark:#1e3d29;--color-primary-light:#4a7c59;--color-text:#1a1a1a;--color-text-secondary:#555;--color-text-muted:#999;--color-border:#e0e0e0;--color-background:#f5f5f5;--color-surface:#fff;--font-title:"Playfair Display", serif;--font-body:"DM Sans", sans-serif;--font-size-base:14px;--font-size-sm:12px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:28px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026;--sidebar-width:420px;--max-width:1400px;--navbar-height:60px}[data-theme=dark]{--color-text:#f0f0f0;--color-text-secondary:#ccc;--color-text-muted:#888;--color-border:#333;--color-background:#1a1a1a;--color-surface:#2a2a2a;--color-primary-light:#5a9e6f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);line-height:1.6;transition:background-color .2s,color .2s}h1,h2,h3{font-family:var(--font-title);color:var(--color-text);line-height:1.25;transition:color .2s}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4,h5,h6{font-family:var(--font-body);color:var(--color-text);font-weight:600}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark)}p{color:var(--color-text);transition:color .2s}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}button{font-family:var(--font-body);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);border:none;transition:background-color .2s,color .2s,box-shadow .2s}.btn-primary{background-color:var(--color-primary);color:#fff;font-weight:500}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.btn-danger{color:#c0392b;background-color:#0000;border:1px solid #c0392b}.btn-danger:hover{color:#fff;background-color:#c0392b}.btn--supprimer{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;background:0 0;transition:border-color .15s,color .15s,background-color .15s;display:block}.btn--supprimer:hover{color:#c0392b;background-color:#c0392b0f;border-color:#c0392b}.btn--ajouter{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:2px dashed var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;text-align:center;background:0 0;font-weight:600;transition:background-color .15s;display:block}.btn--ajouter:hover{background-color:#2d5a3d0f}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%;transition:border-color .2s,background-color .2s,color .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #2d5a3d26}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}label{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:500;transition:color .2s;display:block}.cvform__bandeau-erreur{border-radius:var(--radius-sm);color:#c0392b;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#c0392b1a;border:1px solid #c0392b;font-weight:600}.cvform__champ--invalide input,.cvform__champ--invalide textarea{border-color:#c0392b}.cvform__section--invalide{border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid #c0392b}.cvform__message-invalide{color:#c0392b;font-size:var(--font-size-sm);margin:0 0 var(--spacing-md);font-weight:600}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0;transition:border-color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.container{max-width:var(--max-width);padding:0 var(--spacing-lg);margin:0 auto}.page-content{padding-top:var(--navbar-height)}.navbar{height:var(--navbar-height);background-color:var(--color-surface);box-shadow:var(--shadow-sm);z-index:100;transition:background-color .2s;position:fixed;top:0;left:0;right:0}.navbar__inner{max-width:var(--max-width);height:100%;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__logo{font-family:var(--font-title);font-size:var(--font-size-xl);color:var(--color-primary);letter-spacing:-.5px;font-weight:700;text-decoration:none;transition:color .2s}.navbar__logo:hover{color:var(--color-primary-dark)}.navbar__liens{align-items:center;gap:var(--spacing-lg);display:flex}.navbar__lien{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-secondary);border-bottom:2px solid #0000;padding-bottom:2px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.navbar__lien:hover{color:var(--color-primary)}.navbar__lien--actif{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.navbar__statut{font-family:var(--font-body);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;font-weight:500}.navbar__statut--info{color:var(--color-text-secondary)}.navbar__statut--erreur{color:#b3261e;background-color:#b3261e14}.navbar__toggle-theme{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;transition:border-color .2s,background-color .2s;display:flex}.navbar__toggle-theme:hover{background-color:var(--color-background);border-color:var(--color-primary)}.accueil{max-width:860px;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;margin:0 auto}.accueil__entete{margin-bottom:var(--spacing-2xl)}.accueil__titre{color:var(--color-primary);margin-bottom:var(--spacing-md);letter-spacing:-1px;font-size:52px}.accueil__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.accueil__cartes{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);justify-content:center;display:flex}.accueil__carte{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:380px;padding:var(--spacing-xl);box-shadow:var(--shadow-md);flex-direction:column;flex:1;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.accueil__carte:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.accueil__carte-icone{margin-bottom:var(--spacing-md);font-size:48px;line-height:1}.accueil__carte-titre{font-family:var(--font-title);font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-sm)}.accueil__carte-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);flex:1;line-height:1.65}.accueil__carte-btn{width:100%;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-md);font-weight:600}.progress-indicator{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);text-align:left;max-width:480px;margin:0 auto;transition:background-color .2s,border-color .2s}.progress-titre{font-family:var(--font-body);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-weight:700}.progress-items{gap:var(--spacing-xl);flex-flow:wrap;display:flex}.progress-item{align-items:center;gap:var(--spacing-sm);display:flex}.progress-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.progress-dot--ok{background-color:var(--color-primary)}.progress-dot--vide{background-color:var(--color-border)}.progress-label{font-size:var(--font-size-base);color:var(--color-text-secondary)}.progress-indicator--vide{text-align:center;background-color:var(--color-background)}.progress-vide-titre{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:600}.progress-vide-description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.accueil__zone-reset{max-width:calc(380px * 2 + var(--spacing-xl));width:100%;margin:var(--spacing-xl) auto 0;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.accueil__btn-reset{width:100%;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.page-layout{height:calc(100vh - var(--navbar-height));margin-top:var(--navbar-height);display:flex;overflow:hidden}.page-formulaire{width:40%;padding:var(--spacing-lg);border-right:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;transition:background-color .2s,border-color .2s;overflow-y:auto}.page-apercu{width:60%;padding:var(--spacing-lg);background:var(--color-background);transition:background-color .2s;overflow-y:auto}.page-apercu-lettres{flex-direction:column;flex:1;display:flex;overflow:hidden}.cvpreview__export{justify-content:center;margin-bottom:20px;display:flex}@media (width<=768px){.navbar__logo{font-size:var(--font-size-lg)}.navbar__liens{gap:var(--spacing-sm)}.navbar__lien{font-size:var(--font-size-sm)}.accueil__cartes{flex-direction:column;align-items:center}.accueil__carte{width:100%;max-width:100%}.accueil__titre{font-size:36px}.page-layout{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.page-formulaire{border-right:none;border-bottom:1px solid var(--color-border);width:100%;max-height:55vh}.page-apercu{width:100%;min-height:60vh;padding:var(--spacing-md)}.page-apercu-lettres{min-height:70vh}.cvpreview__export{display:block}.cvpreview__export-btn{box-sizing:border-box;width:100%}}