:root{--rouge: #C8102E;--rouge-light: #f0c0c8;--jaune: #D4A843;--jaune-light: #f5e8c0;--bleu-encre: #1A2B4A;--vert-sauge: #5A7A5A;--vert-light: #d4e8d4;--fond: #F7F4EE;--surface: #EFEBE3;--surface-2: #E8E2D8;--bordure: #D9D3C7;--bordure-forte: #B8B0A0;--texte: #1A2B4A;--texte-2: #4A4035;--texte-3: #7A7060;--texte-inv: #F7F4EE;--font-titre: "Playfair Display", Georgia, serif;--font-corps: "Source Serif 4", Georgia, serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sidebar-w: 220px;--sidebar-w-mini: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-corps);font-size:1rem;line-height:1.65;color:var(--texte);background:var(--fond);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-corps);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-corps);font-size:.9375rem}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;background:var(--fond)}.sidebar{width:var(--sidebar-w);background:var(--bleu-encre);color:var(--texte-inv);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.08)}.sidebar-logo{padding:var(--sp-5) var(--sp-4);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:var(--sp-3)}.sidebar-logo img{width:32px;height:32px;border-radius:3px}.sidebar-logo-text{font-family:var(--font-titre);font-size:.85rem;font-weight:700;line-height:1.2;color:var(--texte-inv)}.sidebar-logo-sub{font-family:var(--font-mono);font-size:.65rem;color:#f7f4ee80;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.sidebar-nav{flex:1;padding:var(--sp-4) 0;overflow-y:auto}.sidebar-section-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#f7f4ee59;padding:var(--sp-4) var(--sp-4) var(--sp-2)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);color:#f7f4eebf;font-size:.9rem;transition:background .15s,color .15s;border-left:3px solid transparent}.sidebar-link:hover{background:#ffffff0f;color:var(--texte-inv)}.sidebar-link.active{background:#c8102e33;color:var(--texte-inv);border-left-color:var(--rouge)}.sidebar-link svg{width:16px;height:16px;flex-shrink:0;opacity:.8}.sidebar-footer{padding:var(--sp-4);border-top:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:.7rem;color:#f7f4ee66}.page-header{padding:var(--sp-6) var(--sp-7);border-bottom:1px solid var(--bordure);background:var(--fond)}.page-header h1{font-family:var(--font-titre);font-size:1.75rem;font-weight:700;color:var(--bleu-encre);line-height:1.2}.page-header .subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--texte-3);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--sp-1)}.page-body{padding:var(--sp-6) var(--sp-7)}.frise{display:flex;gap:var(--sp-3);overflow-x:auto;padding-bottom:var(--sp-2)}.frise-numero{flex:0 0 120px;border:1px solid var(--bordure);background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.frise-numero:hover{border-color:var(--bordure-forte);box-shadow:0 2px 8px #1a2b4a14}.frise-numero.active{border-color:var(--rouge);box-shadow:0 0 0 2px #c8102e26}.frise-numero-inner{padding:var(--sp-3)}.frise-num-label{font-family:var(--font-mono);font-size:.7rem;color:var(--texte-3);text-transform:uppercase}.frise-num-number{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;color:var(--bleu-encre);line-height:1;margin:2px 0 var(--sp-2)}.frise-num-theme{font-family:var(--font-titre);font-size:.75rem;font-style:italic;color:var(--texte-2);line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.frise-num-date{font-family:var(--font-mono);font-size:.65rem;color:var(--texte-3);margin-top:var(--sp-2)}.frise-progress-bar{height:4px;background:var(--bordure);margin-top:var(--sp-3)}.frise-progress-fill{height:100%;transition:width .3s}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.7rem;padding:2px 8px;border-radius:2px;font-weight:500;white-space:nowrap}.badge-rouge{background:var(--rouge-light);color:var(--rouge)}.badge-jaune{background:var(--jaune-light);color:#8b6914}.badge-vert{background:var(--vert-light);color:var(--vert-sauge)}.badge-bleu{background:#dce6f5;color:var(--bleu-encre)}.badge-gris{background:var(--surface-2);color:var(--texte-3)}.tableau{width:100%;border-collapse:collapse;font-size:.9rem}.tableau th{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--texte-3);text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:2px solid var(--bordure);font-weight:500}.tableau td{padding:var(--sp-3);border-bottom:1px solid var(--bordure);vertical-align:middle}.tableau tr:hover td{background:var(--surface)}.tableau .col-mono{font-family:var(--font-mono);font-size:.8rem;color:var(--texte-2)}.tabs-nav{display:flex;gap:0;border-bottom:2px solid var(--bordure);margin-bottom:var(--sp-5)}.tab-btn{background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:var(--sp-3) var(--sp-5);font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-3);cursor:pointer;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--texte);border-bottom-color:var(--bordure-forte)}.tab-btn.active{color:var(--rouge);border-bottom-color:var(--rouge)}.card{border:1px solid var(--bordure);background:var(--surface);padding:var(--sp-5)}.card-title{font-family:var(--font-titre);font-size:1.1rem;font-weight:700;color:var(--bleu-encre);margin-bottom:var(--sp-3)}.section-title{font-family:var(--font-titre);font-size:1.25rem;font-weight:700;color:var(--bleu-encre);margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--bordure)}.section-mono{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--texte-3);margin-bottom:var(--sp-3)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-corps);font-size:.875rem;padding:var(--sp-2) var(--sp-4);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2);border-color:var(--bordure-forte)}.btn-primary{background:var(--bleu-encre);color:var(--texte-inv);border-color:var(--bleu-encre)}.btn-primary:hover{background:#243d6a;border-color:#243d6a}.btn-rouge{background:var(--rouge);color:#fff;border-color:var(--rouge)}.btn-rouge:hover{background:#a50d25;border-color:#a50d25}.btn-sm{font-size:.8rem;padding:3px var(--sp-3)}.btn-icon{padding:var(--sp-2);line-height:1}.form-group{margin-bottom:var(--sp-4)}.form-label{display:block;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--texte-3);margin-bottom:var(--sp-2)}.form-input{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--bordure);background:#fff;color:var(--texte);font-size:.9375rem;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--bleu-encre)}.form-select{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--bordure);background:#fff;color:var(--texte);font-size:.9375rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237A7060' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.form-textarea{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--bordure);background:#fff;color:var(--texte);font-size:.9375rem;outline:none;resize:vertical;min-height:80px;transition:border-color .15s}.form-textarea:focus{border-color:var(--bleu-encre)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a2b4a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-5)}.modal{background:var(--fond);border:1px solid var(--bordure);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--sp-5);border-bottom:1px solid var(--bordure);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-titre);font-size:1.2rem;font-weight:700;color:var(--bleu-encre)}.modal-body{padding:var(--sp-5)}.modal-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--bordure);display:flex;justify-content:flex-end;gap:var(--sp-3)}.jalons-list{display:flex;flex-direction:column;gap:0}.jalon-item{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--bordure);position:relative}.jalon-item:last-child{border-bottom:none}.jalon-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:5px}.jalon-dot-atteint{background:var(--vert-sauge)}.jalon-dot-retard{background:var(--rouge)}.jalon-dot-avenir{background:var(--bordure-forte)}.jalon-date{font-family:var(--font-mono);font-size:.75rem;color:var(--texte-3);min-width:90px;flex-shrink:0}.jalon-libelle{flex:1;font-size:.9rem;color:var(--texte)}.import-zone{border:2px dashed var(--bordure);padding:var(--sp-7);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface)}.import-zone:hover,.import-zone.drag-over{border-color:var(--bleu-encre);background:var(--surface-2)}.import-zone-icon{color:var(--texte-3);margin-bottom:var(--sp-3)}.import-zone-text{font-family:var(--font-titre);font-size:1rem;font-style:italic;color:var(--texte-2);margin-bottom:var(--sp-2)}.import-zone-sub{font-family:var(--font-mono);font-size:.72rem;color:var(--texte-3);text-transform:uppercase;letter-spacing:.06em}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.text-mono{font-family:var(--font-mono);font-size:.8rem;color:var(--texte-3)}.text-titre{font-family:var(--font-titre)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--texte-3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-4)}.w-full{width:100%}.italic{font-style:italic}.font-bold{font-weight:700}