:root{--fond: #f4f5f7;--carte: #ffffff;--texte: #1c1e21;--texte-doux: #6a7178;--bordure: #e3e6ea;--bordure-forte: #cdd2d9;--accent: #2f6fed;--accent-fonce: #1f57c9;--vert: #1a8f4c;--vert-fond: #e6f5ec;--orange: #b26a00;--orange-fond: #fbeed6;--rouge: #b4232a;--rouge-fond: #f8e3e4;--violet: #3a3fa0;--rayon: 12px;--rayon-petit: 8px;--ombre: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--texte);background:var(--fond);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,h3,h4{line-height:1.2;margin:0 0 .4em}h1{font-size:1.5rem}h2{font-size:1.2rem}p{line-height:1.5}a{color:var(--accent);text-decoration:none}.conteneur{max-width:1080px;margin:0 auto;padding:20px 16px 64px}.app-nav{background:var(--carte);border-bottom:1px solid var(--bordure);position:sticky;top:0;z-index:10}.app-nav-inner{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-brand{font-weight:700;font-size:1.05rem;margin-right:4px}.nav-links{display:flex;gap:6px;flex:1}.nav-link{padding:7px 12px;border-radius:var(--rayon-petit);color:var(--texte-doux);font-weight:500}.nav-link.actif{background:#eef3fe;color:var(--accent)}.nav-droite{display:flex;align-items:center;gap:10px}.carte{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;border-radius:var(--rayon-petit);border:1px solid var(--bordure-forte);background:var(--carte);color:var(--texte);font-weight:500;font-size:.92rem;transition:background .12s,border-color .12s}.btn:hover{background:#f7f8fa}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primaire{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primaire:hover{background:var(--accent-fonce)}.btn-danger{color:var(--rouge);border-color:#e6b8bb}.btn-danger:hover{background:var(--rouge-fond)}.btn-petit{padding:5px 10px;font-size:.82rem}.btn-icone{border:none;background:transparent;font-size:1.1rem;color:var(--texte-doux);padding:4px 8px;border-radius:6px}.btn-icone:hover{background:#f0f1f3}.champ{margin-bottom:14px}.champ label{display:block;font-size:.85rem;font-weight:600;margin-bottom:5px}.champ .aide{font-weight:400;color:var(--texte-doux);font-size:.8rem}input,select,textarea{width:100%;padding:9px 11px;font:inherit;color:var(--texte);background:#fff;border:1px solid var(--bordure-forte);border-radius:var(--rayon-petit)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2f6fed1f}textarea{resize:vertical;min-height:64px}.grille-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.mois-grille{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.mois-case{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border:1px solid var(--bordure-forte);border-radius:6px;font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mois-case.coche{background:#eef3fe;border-color:var(--accent);color:var(--accent)}.mois-case input{width:auto}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:600}.grille-villas{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.villa-carte-titre{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.villa-meta{color:var(--texte-doux);font-size:.85rem;margin:6px 0 12px}.villa-actions{display:flex;gap:8px;margin-top:14px}.stats-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--rayon);padding:14px 16px}.stat-label{font-size:.8rem;color:var(--texte-doux);font-weight:600}.stat-valeur{font-size:1.35rem;font-weight:700;margin-top:4px}.stat-euro{font-size:.85rem;color:var(--texte-doux);margin-top:2px}.stat.positif .stat-valeur{color:var(--vert)}.stat.negatif .stat-valeur{color:var(--rouge)}.table-enveloppe{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}.table th,.table td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--bordure);white-space:nowrap}.table th:first-child,.table td:first-child{text-align:left;position:sticky;left:0;background:var(--carte)}.table th{color:var(--texte-doux);font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}.table tbody tr:hover td{background:#fafbfc}.montant-negatif{color:var(--rouge)}.montant-positif{color:var(--vert)}.calendrier-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.semaine-cell{border:1px solid var(--bordure);border-radius:var(--rayon-petit);padding:8px;cursor:pointer;min-height:78px;display:flex;flex-direction:column;gap:3px;text-align:left;transition:transform .08s,box-shadow .12s}.semaine-cell:hover{transform:translateY(-1px);box-shadow:var(--ombre)}.semaine-num{font-weight:700;font-size:.82rem}.semaine-info{font-size:.72rem;color:var(--texte-doux)}.semaine-cell.passee{opacity:.72}.semaine-cell.courante{outline:2px solid var(--accent);outline-offset:1px}.legende{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.legende-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--texte-doux)}.legende-pastille{width:13px;height:13px;border-radius:4px}.mois-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.mois-cal-entete{text-align:center;font-size:.76rem;color:var(--texte-doux);font-weight:600;padding:4px 0}.jour-vide{min-height:10px}.jour-cell{border:1px solid var(--bordure);border-radius:8px;min-height:62px;padding:6px;background:var(--carte);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:box-shadow .12s}.jour-cell:hover{box-shadow:var(--ombre)}.jour-cell.passee{opacity:.6}.jour-cell.courante{outline:2px solid var(--accent);outline-offset:1px}.jour-num{font-weight:600;font-size:.85rem}.jour-nom{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.mois-cal{gap:3px}.jour-cell{min-height:48px;padding:4px;border-radius:6px}.jour-nom{display:none}}.onglets{display:flex;gap:4px;border-bottom:1px solid var(--bordure);margin-bottom:18px;flex-wrap:wrap}.onglet{border:none;background:transparent;padding:9px 14px;font-weight:600;color:var(--texte-doux);border-bottom:2px solid transparent;margin-bottom:-1px}.onglet:hover{color:var(--texte)}.onglet.actif{color:var(--accent);border-bottom-color:var(--accent)}.export-wrap{position:relative}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.popover-export{position:absolute;top:100%;right:0;margin-top:6px;width:280px;max-width:86vw;z-index:41;text-align:left;box-shadow:0 12px 40px #10182833}.popover-export label{font-size:.82rem}.toggle-bloc{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding:14px 16px}.toggle-mode{display:inline-flex;border:1px solid var(--bordure-forte);border-radius:var(--rayon-petit);overflow:hidden;flex-shrink:0}.toggle-mode button{border:none;background:var(--carte);padding:8px 18px;font-weight:600;color:var(--texte-doux)}.toggle-mode button.actif{background:var(--accent);color:#fff}.banniere-taux{background:var(--orange-fond);color:var(--orange);border:1px solid #efd9ac;border-radius:var(--rayon-petit);padding:8px 12px;font-size:.82rem;margin-bottom:16px}.taux-badge{font-size:.8rem;color:var(--texte-doux)}.vide-etat{text-align:center;padding:40px 20px;color:var(--texte-doux)}.vide-etat h3{color:var(--texte)}.chargement{text-align:center;padding:40px;color:var(--texte-doux)}.alerte-erreur{background:var(--rouge-fond);color:var(--rouge);border:1px solid #e6b8bb;border-radius:var(--rayon-petit);padding:10px 12px;font-size:.88rem;margin-bottom:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;z-index:50;overflow-y:auto}.modal{background:var(--carte);border-radius:var(--rayon);width:100%;max-width:460px;margin-top:24px;box-shadow:0 12px 40px #10182833}.modal-large{max-width:620px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--bordure)}.modal-header h2{margin:0}.modal-body{padding:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.page-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.selecteur-annee{display:flex;align-items:center;gap:8px}.selecteur-annee .annee{font-weight:700;font-size:1.05rem;min-width:54px;text-align:center}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-carte{width:100%;max-width:380px}.sous-titre{color:var(--texte-doux);margin-top:-6px}.section-titre{margin:26px 0 12px;font-size:1.05rem}@media (max-width: 560px){.grille-2{grid-template-columns:1fr}h1{font-size:1.3rem}.stat-valeur{font-size:1.2rem}.nav-brand{width:100%}}