:root{--lp-orange:#f7941d;--lp-orange-dk:#e07e0a;--lp-bleu:#1b3a6b;--lp-bleu-lt:#2a4f8e;--lp-bordeaux:#8b1a1a;--lp-blanc:#fff;--lp-gris:#f5f5f5;--lp-gris-md:#e0e0e0;--lp-gris-dk:#9e9e9e;--lp-texte:#212121;--lp-texte-sec:#616161;--lp-green:#2e7d32;--lp-green-lt:#e8f5e9;--lp-red:#c62828;--lp-red-lt:#ffebee;--lp-amber:#f57f17;--lp-amber-lt:#fffde7;--lp-radius:8px;--lp-radius-lg:12px;--lp-shadow:0 2px 12px rgba(27,58,107,.10);--lp-shadow-md:0 4px 20px rgba(27,58,107,.14);--lp-font-sans:'Open Sans' , system-ui , -apple-system , sans-serif;--lp-font-head:'Montserrat' , var(--lp-font-sans);--lp-nav-h:64px}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body.lp-portal-body{margin:0;font-family: var(--lp-font-sans);color:var(--lp-texte);background:var(--lp-gris);line-height:1.6}a{color:var(--lp-bleu);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family: var(--lp-font-head);line-height:1.3;margin:0 0 .5rem}p{margin:0 0 .75rem}p:last-child{margin-bottom:0}.lp-container{max-width:700px;margin:0 auto;padding:1rem}.lp-main{padding-top:.5rem;padding-bottom:2rem;min-height:calc(100vh - 56px - var(--lp-nav-h))}.lp-header{background:var(--lp-bleu);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.2)}.lp-header-inner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;max-width:700px;margin:0 auto}.lp-logo{display:flex;align-items:center;flex-shrink:0}.lp-logo-text{font-family: var(--lp-font-head);font-weight:700;font-size:.95rem;color:var(--lp-blanc);white-space:nowrap}.lp-header-title{flex:1;font-family: var(--lp-font-head);font-size:.85rem;color:rgba(255,255,255,.75);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-header-logout{flex-shrink:0;color:rgba(255,255,255,.7);display:flex;align-items:center;padding:.25rem;border-radius:4px;transition:color .2s , background .2s}.lp-header-logout:hover{color:var(--lp-orange);background:rgba(255,255,255,.1);text-decoration:none}.lp-footer{background:var(--lp-bleu);color:rgba(255,255,255,.5);text-align:center;padding:.75rem;font-size:.75rem}.lp-footer p{margin:0}.lp-nav-bottom{position:fixed;bottom:0;left:0;right:0;height:var(--lp-nav-h);background:var(--lp-bleu);display:flex;align-items:stretch;justify-content:space-around;z-index:200;box-shadow:0 -2px 10px rgba(0,0,0,.15)}.lp-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:rgba(255,255,255,.55);padding:.4rem .25rem;transition:color .2s , background .2s;text-decoration:none;border-top:3px solid transparent;font-size:0}.lp-nav-item:hover{color:var(--lp-orange);text-decoration:none}.lp-nav-item--active{color:var(--lp-orange);border-top-color:var(--lp-orange);background:rgba(247,148,29,.08)}.lp-nav-icon{display:block}.lp-nav-label{font-size:.6rem;font-family: var(--lp-font-head);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.lp-card{background:var(--lp-blanc);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);padding:1.25rem;margin-bottom:1rem}.lp-card-link{display:flex;align-items:center;gap:1rem;color:var(--lp-texte);text-decoration:none;transition:box-shadow .2s , transform .15s}.lp-card-link:hover{box-shadow:var(--lp-shadow-md);transform:translateY(-1px);text-decoration:none;color:var(--lp-texte)}.lp-card-icon{flex-shrink:0;width:44px;height:44px;background:rgba(27,58,107,.07);border-radius:50%;display:flex;align-items:center;justify-content:center}.lp-card-body{flex:1;min-width:0}.lp-card-title{font-family: var(--lp-font-head);font-size:1rem;font-weight:600;color:var(--lp-bleu);margin:0 0 .15rem}.lp-card-text{font-size:.875rem;color:var(--lp-texte-sec);margin:0}.lp-card-arrow{color:var(--lp-gris-dk);font-size:1.4rem;flex-shrink:0}.lp-welcome{padding:1rem 0 .5rem}.lp-welcome-title{font-size:1.5rem;color:var(--lp-bleu);margin:0 0 .25rem}.lp-welcome-sub{font-size:.9rem;color:var(--lp-texte-sec);margin:0 0 1rem}.lp-dashboard-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}@media (min-width:480px){.lp-dashboard-grid{grid-template-columns:1fr 1fr}}.lp-section{margin-bottom:1.5rem}.lp-section-title{font-family: var(--lp-font-head);font-size:1rem;font-weight:700;color:var(--lp-bleu);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid var(--lp-gris-md)}.lp-section-more{text-align:center;margin-top:1rem}.lp-page-header{padding:.75rem 0}.lp-back-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;color:var(--lp-bleu);font-weight:500;margin-bottom:.5rem}.lp-back-link:hover{text-decoration:underline}.lp-page-title{font-size:1.4rem;color:var(--lp-bleu);margin:.25rem 0 0}.lp-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:6px;font-family: var(--lp-font-head);font-weight:600;font-size:.9rem;cursor:pointer;border:2px solid transparent;transition:background .2s , color .2s , border-color .2s , transform .1s;text-decoration:none;white-space:nowrap}.lp-btn:active{transform:scale(.97)}.lp-btn-primary{background:var(--lp-orange);color:var(--lp-blanc);border-color:var(--lp-orange)}.lp-btn-primary:hover{background:var(--lp-orange-dk);border-color:var(--lp-orange-dk);color:var(--lp-blanc);text-decoration:none}.lp-btn-secondary{background:transparent;color:var(--lp-bleu);border-color:var(--lp-bleu)}.lp-btn-secondary:hover{background:var(--lp-bleu);color:var(--lp-blanc);text-decoration:none}.lp-btn-inscrit{background:var(--lp-green);color:var(--lp-blanc);border-color:var(--lp-green)}.lp-btn-inscrit:hover{background:#1b5e20;border-color:#1b5e20;color:var(--lp-blanc);text-decoration:none}.lp-btn-sm{padding:.4rem .85rem;font-size:.8rem}.lp-btn-lg{padding:.85rem 1.75rem;font-size:1rem;width:100%;justify-content:center}.lp-badge{display:inline-block;border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:600;font-family: var(--lp-font-head);letter-spacing:.02em;vertical-align:middle}.lp-badge-actif{background:var(--lp-green);color:var(--lp-blanc)}.lp-badge-inactif{background:#757575;color:var(--lp-blanc)}.lp-badge-suspendu{background:var(--lp-red);color:var(--lp-blanc)}.lp-badge-type{color:var(--lp-blanc)}.lp-badge-type-tractage{background:#1565c0}.lp-badge-type-collage{background:#6a1b9a}.lp-badge-type-reunion{background:var(--lp-bleu)}.lp-badge-type-manifestation{background:var(--lp-bordeaux)}.lp-badge-type-formation{background:#00695c}.lp-badge-type-autre{background:#546e7a}.lp-status-paid{color:var(--lp-green);font-weight:700}.lp-status-unpaid{color:var(--lp-red);font-weight:700}.lp-status-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-weight:700;font-family: var(--lp-font-head);font-size:.9rem}.lp-status-badge-paid{background:var(--lp-green-lt);color:var(--lp-green)}.lp-status-badge-unpaid{background:var(--lp-red-lt);color:var(--lp-red)}.lp-alert{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;border-radius:var(--lp-radius);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.lp-alert-warning{background:var(--lp-amber-lt);border-left:4px solid var(--lp-amber);color:#5d4037}.lp-alert-info{background:#e3f2fd;border-left:4px solid #1565c0;color:#1565c0}.lp-alert-error{background:var(--lp-red-lt);border-left:4px solid var(--lp-red);color:var(--lp-red)}.lp-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid var(--lp-gris-md);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lp-tabs::-webkit-scrollbar{display:none}.lp-tab{flex-shrink:0;padding:.6rem 1.1rem;font-family: var(--lp-font-head);font-size:.875rem;font-weight:600;color:var(--lp-texte-sec);border-bottom:2px solid transparent;margin-bottom:-2px;text-decoration:none;transition:color .2s , border-color .2s;white-space:nowrap}.lp-tab:hover{color:var(--lp-bleu);text-decoration:none}.lp-tab--active{color:var(--lp-orange);border-bottom-color:var(--lp-orange)}.lp-actions-list{display:flex;flex-direction:column;gap:.75rem}.lp-action-card{border-left:4px solid var(--lp-gris-md);padding:0;display:flex;flex-direction:column;overflow:hidden}.lp-action-card--tractage{border-left-color:#1565c0}.lp-action-card--collage{border-left-color:#6a1b9a}.lp-action-card--reunion{border-left-color:var(--lp-bleu)}.lp-action-card--manifestation{border-left-color:var(--lp-bordeaux)}.lp-action-card--formation{border-left-color:#00695c}.lp-action-card--autre{border-left-color:#546e7a}.lp-action-card-inner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1rem .5rem;text-decoration:none;color:var(--lp-texte);flex:1}.lp-action-card-inner:hover{text-decoration:none;color:var(--lp-texte)}.lp-action-date-badge{flex-shrink:0;width:48px;text-align:center;background:rgba(27,58,107,.07);border-radius:6px;padding:.3rem .2rem}.lp-action-date-badge--sm{width:42px;padding:.2rem}.lp-action-day{display:block;font-size:1.3rem;font-weight:700;font-family: var(--lp-font-head);color:var(--lp-bleu);line-height:1.1}.lp-action-month{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--lp-texte-sec);letter-spacing:.04em}.lp-action-card-header{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.3rem}.lp-action-title{font-size:.95rem;font-weight:600;color:var(--lp-texte);margin:0 0 .35rem;line-height:1.3}.lp-action-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}.lp-action-meta-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--lp-texte-sec)}.lp-action-lieu{font-size:.8rem;color:var(--lp-texte-sec);margin:.2rem 0 0}.lp-action-card-footer{padding:.5rem 1rem .75rem;display:flex;justify-content:flex-end}.lp-action-detail-card{padding:0;overflow:hidden}.lp-action-detail-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--lp-gris-md)}.lp-action-detail-title{font-size:1.25rem;color:var(--lp-bleu);margin:.5rem 0 0}.lp-action-description{padding:1rem 1.25rem;border-bottom:1px solid var(--lp-gris-md);font-size:.9rem;color:var(--lp-texte);line-height:1.7}.lp-detail-section{padding:1rem 1.25rem;border-bottom:1px solid var(--lp-gris-md)}.lp-detail-section:last-of-type{border-bottom:none}.lp-detail-section-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lp-texte-sec);margin:0 0 .6rem}.lp-detail-content{font-size:.9rem}.lp-detail-content p{margin-bottom:.4rem}.lp-point-rdv{padding:.5rem .75rem;background:rgba(247,148,29,.08);border-left:3px solid var(--lp-orange);border-radius:0 4px 4px 0;font-size:.875rem}.lp-btn-maps{margin-top:.5rem}.lp-action-detail-cta{padding:1.25rem;border-top:1px solid var(--lp-gris-md)}.lp-card-profile{padding:1.5rem}.lp-profile-avatar{width:72px;height:72px;background:rgba(27,58,107,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.lp-profile-dl{margin:0}.lp-profile-section-title{font-family: var(--lp-font-head);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--lp-texte-sec);padding:.75rem 0 .35rem;border-bottom:1px solid var(--lp-gris-md);margin-bottom:.5rem}.lp-profile-row{display:flex;padding:.45rem 0;border-bottom:1px solid var(--lp-gris);gap:.75rem}.lp-profile-row:last-child{border-bottom:none}.lp-profile-label{flex:0 0 140px;font-size:.8rem;color:var(--lp-texte-sec);font-weight:600;padding-top:.1rem}.lp-profile-value{flex:1;font-size:.9rem;color:var(--lp-texte);margin:0;word-break:break-word}.lp-field-empty{color:var(--lp-gris-dk);font-style:italic}.lp-cotisation-card{text-align:center;padding:2rem 1.5rem}.lp-cotisation-year{font-family: var(--lp-font-head);font-size:2.5rem;font-weight:700;color:var(--lp-bleu);line-height:1;margin-bottom:1rem}.lp-cotisation-status{margin-bottom:1.25rem}.lp-cotisation-details{text-align:left;border-top:1px solid var(--lp-gris-md);padding-top:1rem;margin-top:.5rem}.lp-cotisation-detail-row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--lp-gris);font-size:.9rem}.lp-cotisation-detail-label{color:var(--lp-texte-sec)}.lp-cotisation-detail-value{font-weight:600;color:var(--lp-texte)}.lp-cotisation-info-alert{margin-top:1.25rem;text-align:left}.lp-cotisation-note{font-size:.875rem;color:var(--lp-texte-sec)}.lp-table{width:100%;border-collapse:collapse;font-size:.875rem}.lp-table th{background:var(--lp-bleu);color:var(--lp-blanc);padding:.5rem .75rem;text-align:left;font-family: var(--lp-font-head);font-size:.8rem}.lp-table td{padding:.5rem .75rem;border-bottom:1px solid var(--lp-gris-md)}.lp-table tr:last-child td{border-bottom:none}.lp-table tr:nth-child(even) {background:var(--lp-gris)}.lp-circo-card,.lp-canton-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem}.lp-circo-badge,.lp-canton-badge{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:var(--lp-bleu);color:var(--lp-blanc);display:flex;align-items:center;justify-content:center;font-family: var(--lp-font-head);font-weight:700;font-size:1.1rem}.lp-circo-name,.lp-canton-name{font-size:1.1rem;font-weight:700;color:var(--lp-bleu);margin:0 0 .3rem}.lp-circo-meta,.lp-canton-meta{font-size:.85rem;color:var(--lp-texte-sec);margin:0 0 .3rem}.lp-circo-description{font-size:.875rem;margin-top:.5rem}.lp-section-action{margin-top:.5rem}.lp-card-prochaine-action{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.lp-card-prochaine-action .lp-action-date-badge{width:56px;padding:.4rem .25rem}.lp-card-prochaine-action .lp-action-day{font-size:1.5rem}.lp-card-prochaine-action .lp-action-month{font-size:.7rem}.lp-card-prochaine-action .lp-action-title{font-size:1rem;margin:.2rem 0 .3rem}.lp-action-meta{font-size:.8rem;color:var(--lp-texte-sec);margin:.2rem 0 0}.lp-empty-state{text-align:center;padding:2.5rem 1rem;color:var(--lp-texte-sec)}.lp-empty-state svg{margin-bottom:.75rem}.lp-empty-state p{font-size:.9rem;margin:0}.lp-toast-container{position:fixed;bottom: calc(var(--lp-nav-h) + 12px);left:50%;transform:translateX(-50%);z-index:300;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none;width:min(360px,90vw)}.lp-toast{pointer-events:auto;background:var(--lp-bleu);color:var(--lp-blanc);padding:.7rem 1.1rem;border-radius:var(--lp-radius);font-size:.875rem;box-shadow:var(--lp-shadow-md);opacity:0;transform:translateY(12px);animation:lpToastIn .25s ease forwards , lpToastOut .3s ease 2.7s forwards;max-width:100%;text-align:center}.lp-toast--success{background:var(--lp-green)}.lp-toast--error{background:var(--lp-red)}@keyframes lpToastIn {
    to { opacity: 1; transform: translateY(0); }
}@keyframes lpToastOut {
    to { opacity: 0; transform: translateY(8px); }
}.lp-form-group{margin-bottom:1.25rem}.lp-form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--lp-bleu);margin-bottom:.4rem}.lp-form-group input[type="text"],.lp-form-group input[type="email"],.lp-form-group input[type="password"]{width:100%;padding:.7rem .9rem;border:1.5px solid var(--lp-gris-md);border-radius:6px;font-size:1rem;font-family: var(--lp-font-sans);color:var(--lp-texte);transition:border-color .2s}.lp-form-group input:focus{outline:none;border-color:var(--lp-bleu);box-shadow:0 0 0 3px rgba(27,58,107,.1)}@media (min-width:600px){.lp-container{padding:1.5rem}.lp-welcome-title{font-size:1.8rem}.lp-profile-label{flex-basis:180px}.lp-nav-label{font-size:.65rem}.lp-action-card-footer{padding-bottom:1rem}}@media (min-width:700px){.lp-nav-bottom{display:none}.lp-main{min-height:auto;padding-bottom:3rem}}