:root{--color-primary:#1976d2;--color-primary-dark:#1565c0;--color-primary-darker:#0d47a1;--color-primary-bg:#e3f2fd;--color-success:#2e7d32;--color-success-dark:#1b5e20;--color-success-bg:#e8f5e9;--color-warning:#e65100;--color-warning-bg:#fff3e0;--color-danger:#c62828;--color-danger-dark:#7f0000;--color-danger-bg:#ffebee;--color-dark:#37474f;--color-dark-light:#546e7a;--color-muted:#90a4ae;--color-muted-dark:#607d8b;--color-text:#263238;--color-text-secondary:#555;--color-text-light:#888;--color-text-dim:#666;--color-border:#f0f0f0;--color-border-medium:#ccc;--color-border-strong:#cfd8dc;--color-border-admin:#eceff1;--color-body-bg:#ffebcd;--color-surface:#fff;--color-surface-muted:#f5f5f5;--color-surface-subtle:#fafafa;--font-family:"Roboto","Helvetica","Arial",sans-serif;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--shadow-xs:0 1px 6px rgba(0,0,0,.07);--shadow-sm:0 1px 6px rgba(0,0,0,.08);--shadow:0 2px 12px rgba(0,0,0,.08);--shadow-md:0 2px 16px rgba(0,0,0,.1);--shadow-lg:0 4px 24px rgba(0,0,0,.1);--noir:#0a0a0a;--noir-soft:#1a1a1a;--orange:#f39200;--orange-soft:#ffb340;--gris-fond:#f6f6f6;--gris-bord:#e4e4e4;--gris-texte:#6b6b6b;--blanc:#fff;--radius-home:6px;--radius-home-lg:10px}html{-webkit-font-smoothing:antialiased;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:var(--noir);font-family:var(--font-family);font-size:1rem;font-weight:400;line-height:1.5;margin:0;overflow-x:hidden;padding-top:0}#site-header{align-items:flex-end;background:#000;display:flex;justify-content:space-between;left:0;opacity:0;padding:5px 20px;position:fixed;right:0;top:0;transition:padding .2s ease;transition:opacity .5s ease .3s;z-index:999}#site-header.shrunk{padding-bottom:3px;padding-top:3px}.header-logo img{display:block;height:100px;transition:height .2s ease-in-out;width:auto}#site-header.shrunk .header-logo img{height:50px}.header-nav ul{display:flex;flex-wrap:nowrap;gap:0;list-style:none;margin:0;padding:0}.header-nav li{position:relative}.header-nav a{color:#fff;display:block;font-family:var(--font-family);font-size:1.2rem;margin:0 10px;text-decoration:none;transition:color .2s ease,transform .2s ease}.header-nav>ul>li:hover>a,.header-nav>ul>li>a:hover{color:#fe9e16;transform:scale(1.1)}.header-nav .has-dropdown>a:after{content:" ▾";font-size:.7em;vertical-align:middle}.header-nav .dropdown{background:#1a1a1a;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.35);display:none;list-style:none;margin:0;min-width:180px;padding:.25rem 0;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.header-nav .has-dropdown:focus-within .dropdown,.header-nav .has-dropdown:hover .dropdown{display:block}.header-nav .dropdown li a{border-bottom:1px solid #2c2c2c;color:#e0e0e0;display:block;font-size:1rem;margin:0;padding:.55rem 1.1rem;transform:none;transition:background .15s,color .15s}.header-nav .dropdown li:last-child a{border-bottom:none}.header-nav .dropdown li a:hover{background:#2c2c2c;color:#fe9e16}.hidden{display:none}.text-right{text-align:right}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-light)}.text-muted-sm{color:var(--color-muted);font-size:.82rem}.text-warning{color:var(--color-warning)}.text-placeholder{color:var(--color-muted)}.fw-600{font-weight:600}.page-title{margin:0}.flex-row{align-items:center;display:flex;gap:1rem}.link-primary{color:var(--color-primary);font-size:.9rem;text-decoration:none}.link-primary:hover{text-decoration:underline}.link-primary-bold{color:var(--color-primary)}.link-primary-bold,.link-success{font-size:.9rem;font-weight:600;text-decoration:none}.link-success{color:var(--color-success)}.link-muted{color:var(--color-text-light);font-size:.9rem;text-decoration:none}.link-muted:hover{text-decoration:underline}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem}.alert-success{background:var(--color-success-bg);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-complet,.badge-ok{background:var(--color-success-bg);border-radius:12px;color:var(--color-success);font-size:.8rem;padding:2px 8px}.badge-en-cours,.badge-incomplet{background:var(--color-warning-bg);border-radius:12px;color:var(--color-warning);font-size:.8rem;padding:2px 8px}@media (hover:none){.scene{display:none}#site-header,.site{opacity:1}}.empty-state{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--color-text-light);padding:3rem;text-align:center}.nav-links{margin-top:1.5rem;text-align:center}.nav-links a{color:var(--color-primary);font-size:.9rem;margin:0 .75rem;text-decoration:none}.nav-links a:hover{text-decoration:underline}.page-header{justify-content:space-between}.filter-form,.page-header{align-items:center;display:flex;margin-bottom:1.5rem}.filter-form{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.filter-form label{color:var(--color-text-secondary);font-size:.9rem}.filter-form input[type=date]{border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-size:.95rem;padding:.35rem .6rem}.btn-filter{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-surface);cursor:pointer;font-size:.9rem;padding:.4rem 1rem}.btn-filter:hover{background:var(--color-primary-dark)}.summary-bar,.total-bar{background:var(--color-surface-muted);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.25rem;padding:.75rem 1.25rem}.summary-bar span,.total-bar span{color:var(--color-text-secondary);font-size:.9rem}.summary-bar strong{color:var(--color-dark)}.total-bar strong{color:var(--color-primary)}.example-wrapper{font:18px/1.5 sans-serif;margin:1em auto;max-width:800px;width:95%}.example-wrapper code{background:var(--color-surface-muted);padding:2px 6px}.login-wrap{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem 1rem}.login-card{background:var(--color-surface);border-radius:14px;box-shadow:var(--shadow-lg);max-width:400px;padding:2.5rem 2.25rem 2rem;width:100%}.login-logo{margin-bottom:1.75rem;text-align:center}.login-logo-icon{align-items:center;background:var(--color-primary);border-radius:50%;display:inline-flex;height:56px;justify-content:center;margin-bottom:.75rem;width:56px}.login-logo-icon svg{height:28px;width:28px;fill:var(--color-surface)}.login-logo h1{color:var(--color-text);font-size:1.35rem;font-weight:700;margin:0 0 .2rem}.login-logo p{color:var(--color-muted);font-size:.88rem;margin:0}.login-field{margin-bottom:1.1rem}.login-field label{color:var(--color-dark-light);display:block;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:.35rem;text-transform:uppercase}.login-field input{background:#f9fbfc;border:1.5px solid var(--color-border-strong);border-radius:var(--radius);box-sizing:border-box;color:var(--color-text);font-family:inherit;font-size:.95rem;outline:none;padding:.65rem .9rem;transition:border-color .15s,box-shadow .15s;width:100%}.login-field input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(25,118,210,.12)}.login-remember{align-items:center;display:flex;gap:.5rem;margin-bottom:1.4rem;margin-top:.25rem}.login-remember input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.login-remember label{color:var(--color-muted-dark);cursor:pointer;font-size:.88rem;user-select:none}.login-btn{background:var(--color-primary);border:none;border-radius:var(--radius);color:var(--color-surface);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.03em;padding:.75rem;transition:background .15s,box-shadow .15s;width:100%}.login-btn:hover{background:var(--color-primary-dark);box-shadow:0 3px 10px rgba(25,118,210,.25)}.login-btn:active{background:var(--color-primary-darker)}.login-error{align-items:center;background:var(--color-danger-bg);border-radius:var(--radius);color:var(--color-danger);display:flex;font-size:.88rem;gap:.5rem;margin-bottom:1.25rem;padding:.65rem .9rem}.login-error:before{content:"⚠";flex-shrink:0;font-size:1rem}.login-already{background:var(--color-success-bg);border-radius:var(--radius);color:var(--color-success);font-size:.88rem;margin-bottom:1.25rem;padding:.65rem .9rem}.login-already a{color:var(--color-primary-dark);font-weight:600}.cms-page{margin:0 auto;max-width:780px;padding:1rem 0 3rem}.cms-page h1{color:var(--color-text);font-size:2rem;font-weight:800;margin-bottom:.25rem}.cms-page-meta{border-bottom:1px solid var(--color-border-admin);color:var(--color-muted);font-size:.85rem;margin-bottom:2rem;padding-bottom:1rem}.cms-content p{color:var(--color-dark);line-height:1.7;margin:0 0 1rem}.cms-content h1,.cms-content h2,.cms-content h3,.cms-content h4,.cms-content h5,.cms-content h6{color:var(--color-text);margin:1.75rem 0 .6rem}.cms-content h2{font-size:1.5rem}.cms-content h3{font-size:1.25rem}.cms-content ol,.cms-content ul{color:var(--color-dark);line-height:1.7;margin:0 0 1rem;padding-left:1.5rem}.cms-content blockquote{background:var(--color-primary-bg);border-left:4px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-primary-dark);margin:1.5rem 0;padding:.75rem 1.25rem}.cms-content blockquote cite{color:var(--color-muted);display:block;font-size:.85rem;margin-top:.5rem}.cms-content pre{background:var(--color-text);border-radius:var(--radius);color:#cfd8dc;font-size:.88rem;margin:1rem 0;overflow-x:auto;padding:1rem 1.25rem}.cms-content hr.editorjs-delimiter{border:none;border-top:2px solid var(--color-border-admin);margin:2rem auto;width:60px}.cms-content .editorjs-warning{background:var(--color-warning-bg);border-left:4px solid #f9a825;border-radius:0 var(--radius) var(--radius) 0;color:#5d4037;margin:1rem 0;padding:.75rem 1rem}.cms-content figure{margin:1.5rem 0}.cms-content figure img{border-radius:var(--radius);max-width:100%}.cms-content figure img.editorjs-img-border{border:1px solid var(--color-border-strong)}.cms-content figure img.editorjs-img-stretched{width:100%}.cms-content figure img.editorjs-img-bg{background:var(--color-surface-muted);padding:1rem}.cms-content .editorjs-embed{margin:1.5rem 0}.cms-content .editorjs-embed iframe{border-radius:var(--radius);max-width:100%}.cms-content .editorjs-link-card{border:1px solid #e0e0e0;border-radius:var(--radius);color:inherit;display:flex;margin:1rem 0;overflow:hidden;text-decoration:none;transition:box-shadow .15s}.cms-content .editorjs-link-card:hover{box-shadow:0 2px 10px rgba(0,0,0,.1)}.cms-content .editorjs-link-body{flex:1;padding:.9rem 1rem}.cms-content .editorjs-link-body strong{color:var(--color-text);display:block;margin-bottom:.25rem}.cms-content .editorjs-link-desc{color:var(--color-muted-dark);font-size:.85rem;margin:0 0 .4rem}.cms-content .editorjs-link-url{color:var(--color-muted);font-size:.75rem}.cms-content .editorjs-link-img{flex-shrink:0;width:120px}.cms-content .editorjs-link-img img{height:100%;object-fit:cover;width:100%}.cms-content .editorjs-attach{align-items:center;border:1px solid #e0e0e0;border-radius:var(--radius);color:var(--color-text);display:flex;gap:.75rem;margin:.75rem 0;padding:.75rem 1rem;text-decoration:none;transition:background .15s}.cms-content .editorjs-attach:hover{background:var(--color-surface-muted)}.cms-content .editorjs-attach-icon{font-size:1.2rem}.cms-content .editorjs-attach-name{flex:1;font-weight:600}.cms-content .editorjs-attach-meta{color:var(--color-muted);font-size:.78rem}.cms-content .editorjs-columns{display:grid;gap:1.5rem;margin:1.5rem 0}.cms-content .editorjs-columns-2{grid-template-columns:1fr 1fr}.cms-content .editorjs-columns-3{grid-template-columns:1fr 1fr 1fr}.cms-content figcaption{color:var(--color-muted);font-size:.82rem;margin-top:.4rem;text-align:center}.cms-content table.editorjs-table{border-collapse:collapse;font-size:.9rem;margin:1rem 0;width:100%}.cms-content table.editorjs-table th{background:var(--color-dark);color:var(--color-surface);padding:.5rem .8rem;text-align:left}.cms-content table.editorjs-table td{border-bottom:var(--color-border);color:#455a64;padding:.45rem .8rem}@media (max-width:600px){.cms-content .editorjs-columns-2,.cms-content .editorjs-columns-3{grid-template-columns:1fr}.cms-content .editorjs-link-img{display:none}}.cms-edit-bar{bottom:1.5rem;position:fixed;right:1.5rem;z-index:100}.cms-edit-btn{background:var(--color-primary);border-radius:var(--radius);box-shadow:0 4px 14px rgba(25,118,210,.35);color:var(--color-surface);font-size:.88rem;font-weight:600;padding:.6rem 1.1rem;text-decoration:none}.cms-edit-btn:hover{background:var(--color-primary-dark)}header#carousel-container{position:relative;top:-110px}.pointage-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:520px;padding:2rem}.pointage-title{margin-bottom:.25rem;text-align:center}.pointage-subtitle{color:var(--color-text-light);margin-bottom:1.5rem;text-align:center}.pointage-status{padding:1.5rem 0;text-align:center}.pointage-time{color:var(--color-primary);font-size:2.8rem;font-weight:700;letter-spacing:2px}.pointage-label{color:var(--color-text-dim);font-size:.95rem;margin-bottom:.25rem}.btn-pointage{border:none;border-radius:var(--radius);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.9rem;transition:background .2s;width:100%}.btn-arrivee{background:var(--color-success);color:var(--color-surface)}.btn-arrivee:hover{background:var(--color-success-dark);color:var(--color-surface)}.btn-depart{background:var(--color-danger);color:var(--color-surface)}.btn-depart:hover{background:var(--color-danger-dark);color:var(--color-surface)}.info-row{border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-row--highlight{background:var(--color-surface-muted);border-radius:var(--radius-sm);padding:.5rem .75rem}.worked-time{color:var(--color-primary);font-size:1.2rem;font-weight:700}.entry-notes{color:var(--color-text-secondary);font-size:.9rem;margin-top:.75rem}.form-depart{margin-top:1.25rem}.form-label{color:var(--color-text-secondary);display:block;font-size:.9rem;margin-bottom:.3rem}.form-input{font-size:1rem}.form-input,.form-textarea{border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);padding:.5rem .75rem;width:100%}.form-textarea{font-size:.95rem;resize:vertical}.field-depart{margin-bottom:1rem}.field-depart-last{margin-bottom:1.25rem}.input-sm{width:80px}.no-entry-message{color:var(--color-text-light);margin-bottom:1.5rem}.table-pointage{background:var(--color-surface);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden;width:100%}.table-pointage th{background:var(--color-primary);color:var(--color-surface);font-size:.9rem;font-weight:600;padding:.75rem 1rem;text-align:left}.table-pointage td{border-bottom:1px solid var(--color-border);font-size:.95rem;padding:.65rem 1rem}.table-pointage tr:last-child td{border-bottom:none}.table-pointage tr:hover td{background:#f5f9ff}.duration{color:var(--color-primary);font-weight:700}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem}.table-admin{background:var(--color-surface);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden;width:100%}.table-admin th{background:var(--color-dark);color:var(--color-surface);font-size:.88rem;font-weight:600;padding:.7rem .9rem;text-align:left}.table-admin td{border-bottom:1px solid var(--color-border);font-size:.9rem;padding:.55rem .9rem;vertical-align:middle}.table-admin tr:last-child td{border-bottom:none}.table-admin tr:hover td{background:var(--color-surface-subtle)}.user-name{font-weight:600}.user-email{color:var(--color-text-light);font-size:.8rem}.td-notes{color:var(--color-text-dim);font-size:.85rem;max-width:160px}.btn-edit{background:none;border:1px solid var(--color-border-medium);border-radius:var(--radius-xs);color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;padding:2px 8px}.btn-edit:hover{background:var(--color-surface-muted)}.edit-form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0}.edit-form input[type=number],.edit-form input[type=time],.edit-form textarea{border:1px solid var(--color-border-medium);border-radius:var(--radius-xs);font-size:.85rem;margin-top:2px;padding:.3rem .5rem;width:100%}.edit-form label{color:var(--color-text-secondary);display:block;font-size:.8rem;margin-top:.4rem}.flex-grow{flex:1;min-width:160px}.btn-save{background:var(--color-success);border:none;border-radius:var(--radius-xs);color:var(--color-surface);cursor:pointer;font-size:.85rem;margin-top:.5rem;padding:.35rem .85rem}tr.row-edit-open td{background:#f9f9f9!important}.recap-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem}.recap-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.emp-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden}.regl-list .emp-card{margin-bottom:1.5rem}.emp-card-header{align-items:center;background:var(--color-dark);color:var(--color-surface);display:flex;justify-content:space-between;padding:.9rem 1.1rem}.emp-name{font-size:1rem;font-weight:700}.emp-email{color:#b0bec5;font-size:.78rem;margin-top:2px}.emp-card-body{padding:1rem 1.1rem}.stat-row{border-bottom:1px solid var(--color-surface-muted);display:flex;font-size:.9rem;justify-content:space-between;padding:.4rem 0}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--color-text-dim)}.stat-value{color:var(--color-text);font-weight:600}.stat-value.accent{color:var(--color-primary);font-size:1.1rem}.stat-value.warn{color:var(--color-warning)}.emp-card-footer{align-items:center;background:var(--color-surface-subtle);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.65rem 1.1rem}.btn-detail{color:var(--color-primary);font-size:.85rem;font-weight:600;text-decoration:none}.btn-detail:hover{text-decoration:underline}.avg-bar{background:var(--color-primary-bg);border-radius:3px;height:6px;margin-top:.75rem;overflow:hidden}.avg-bar-fill{background:var(--color-primary);border-radius:3px;height:100%}.global-summary{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:2.5rem;margin-bottom:1.5rem;padding:.9rem 1.25rem}.global-summary .item{color:var(--color-text-secondary);font-size:.9rem}.global-summary .item strong{color:var(--color-dark);font-size:1.05rem}.detail-table{border-collapse:collapse;font-size:.82rem;margin-top:.75rem;width:100%}.detail-table th{background:var(--color-border-admin);color:var(--color-dark-light);font-weight:600;padding:.35rem .6rem;text-align:left}.detail-table td{border-bottom:1px solid var(--color-surface-muted);color:#455a64;padding:.3rem .6rem}.detail-table tr:last-child td{border-bottom:none}.toggle-detail{background:none;border:none;color:var(--color-muted);cursor:pointer;font-size:.8rem;padding:0}.toggle-detail:hover{color:var(--color-dark-light)}.total-hours{font-size:1.4rem;font-weight:800}.total-label{color:#b0bec5;font-size:.75rem}.detail-toggle-wrap{margin-top:.75rem}.regl-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem}.rate-badge{background:var(--color-primary-bg);border-radius:20px;color:#1565c0;font-size:.9rem;font-weight:600;padding:.35rem .9rem}.emp-card-head{align-items:center;background:var(--color-dark);color:var(--color-surface);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem 1.25rem}.balance-chip{border-radius:20px;font-size:.95rem;font-weight:700;padding:.3rem .9rem}.chip-ok{background:var(--color-success-bg);color:var(--color-success)}.chip-due{background:var(--color-warning-bg);color:var(--color-warning)}.chip-zero{background:var(--color-surface-muted);color:var(--color-muted)}.stats-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.25rem}.stat-box{background:#f8f9fa;border-radius:var(--radius);padding:.75rem 1rem;text-align:center}.stat-box .label{color:var(--color-muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.stat-box .value{color:var(--color-text);font-size:1.3rem;font-weight:700;margin-top:.2rem}.stat-box .value.accent{color:var(--color-primary)}.stat-box .value.earned{color:var(--color-success)}.stat-box .value.paid{color:#1565c0}.stat-box .value.due{color:var(--color-warning)}.section-title{color:var(--color-dark-light);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.6rem;margin-top:1rem;text-transform:uppercase}.payment-table{border-collapse:collapse;font-size:.88rem;margin-bottom:1.25rem;width:100%}.payment-table th{background:var(--color-border-admin);color:var(--color-dark-light);font-weight:600;padding:.4rem .75rem;text-align:left}.payment-table td{border-bottom:1px solid var(--color-surface-muted);padding:.4rem .75rem;vertical-align:middle}.payment-table tr:last-child td{border-bottom:none}.td-secondary{color:var(--color-dark-light)}.add-payment-form{align-items:flex-end;background:#f8f9fa;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem}.add-payment-form label{color:var(--color-dark-light);display:block;font-size:.82rem;margin-bottom:.25rem}.add-payment-form input[type=date],.add-payment-form input[type=number],.add-payment-form input[type=text]{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.9rem;padding:.4rem .6rem;width:100%}.btn-add{background:var(--color-success);border:none;border-radius:var(--radius-sm);color:var(--color-surface);cursor:pointer;font-size:.9rem;font-weight:600;padding:.45rem 1.1rem;white-space:nowrap}.btn-add:hover{background:var(--color-success-dark)}.btn-del{background:none;border:none;color:#ef9a9a;cursor:pointer;font-size:.8rem;padding:2px 6px}.btn-del:hover{color:var(--color-danger)}.progress-bar-wrap{background:var(--color-border-admin);border-radius:var(--radius-xs);height:8px;margin-top:.5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),#42a5f5);border-radius:var(--radius-xs);height:100%}.progress-label{margin-bottom:.2rem}.progress-label,.suggested{color:var(--color-muted);font-size:.78rem}.suggested{margin-top:.4rem}.field-group{min-width:130px}.field-group-lg{min-width:160px}.no-payments{color:var(--color-muted);font-size:.88rem;margin:0 0 1rem}.btn{border:none;border-radius:var(--radius-home);cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:600;padding:11px 20px;text-decoration:none;transition:all .2s}.btn-primary{background:var(--orange);color:var(--noir)}.btn-primary:hover{background:var(--orange-soft);color:var(--noir);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1.5px solid hsla(0,0%,100%,.3);color:var(--blanc)}.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}.hero{background:var(--noir);color:var(--blanc);overflow:hidden;padding:90px 0 110px;position:relative}.hero:after{background:radial-gradient(circle,rgba(243,146,0,.15) 0,transparent 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-100px;top:0;width:500px}.hero-content{max-width:720px;position:relative;z-index:1}.hero-tag{background:rgba(243,146,0,.12);border:1px solid rgba(243,146,0,.4);border-radius:999px;color:var(--orange);display:inline-block;font-size:13px;font-weight:500;margin-bottom:24px;padding:6px 14px}.hero h1{font-size:54px;font-weight:700;letter-spacing:-.5px;line-height:1.1;margin-bottom:22px}.hero h1 .accent{color:var(--orange)}.hero p{color:hsla(0,0%,100%,.8);font-size:18px;line-height:1.6;margin-bottom:32px;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.home-section{padding:80px 0}.home-section-gris{background:var(--gris-fond)}.home-section--dark{background:var(--noir);color:var(--blanc)}.home-section--dark h2{color:var(--blanc)}.section-head{margin:0 auto 56px;max-width:680px;text-align:center}.eyebrow{color:var(--orange);display:inline-block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.eyebrow,.home-section h2{font-weight:700;margin-bottom:14px}.home-section h2{font-size:38px;letter-spacing:-.5px;line-height:1.2}.section-head p{color:var(--gris-texte);font-size:17px}.home-section--white{background-color:var(--blanc)}.services{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.service{background:var(--blanc);border:1px solid var(--gris-bord);border-radius:var(--radius-home-lg);padding:32px 26px;position:relative;transition:all .25s}.service:hover{border-color:var(--noir);box-shadow:0 10px 24px rgba(0,0,0,.06);transform:translateY(-3px)}.service-num{color:var(--orange);font-size:13px;font-weight:700;letter-spacing:1px;position:absolute;right:26px;top:24px}.service-icon{align-items:center;background:var(--noir);border-radius:var(--radius-home);display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.service-icon svg{height:24px;width:24px;stroke:var(--orange);fill:none;stroke-width:2}.service h3{font-size:19px;font-weight:700;margin-bottom:8px}.service p{color:var(--gris-texte);font-size:14px;line-height:1.6}.stats-row{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stats-row .stat{background:var(--noir-soft);border-left:3px solid var(--orange);border-radius:var(--radius-home);padding:28px 24px}.stats-row .stat-num{color:var(--orange);font-size:38px;font-weight:700;line-height:1;margin-bottom:6px}.stats-row .stat-label{color:hsla(0,0%,100%,.7);font-size:14px}.cta-band{background:var(--noir);border-radius:var(--radius-home-lg);border-top:4px solid var(--orange);color:var(--blanc);padding:60px 48px;text-align:center}.cta-band h2{color:var(--blanc);margin-bottom:14px}.cta-band p{color:hsla(0,0%,100%,.75);font-size:17px;margin:0 auto 28px;max-width:520px}@media (max-width:720px){.hero h1{font-size:38px}.home-section h2{font-size:30px}}.footer .logo{font-size:22px;font-weight:800;letter-spacing:-.5px}.footer .logo .jb{color:#fff}.footer .logo .elec{color:#f39200}.footer{background:#111;color:hsla(0,0%,100%,.75);font-size:14px;padding:56px 0 0}.footer-grid{border-bottom:1px solid hsla(0,0%,100%,.08);display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr;padding-bottom:40px}.footer-about p{color:hsla(0,0%,100%,.55);line-height:1.7;margin-top:14px}.footer h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.footer ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer ul li a{color:hsla(0,0%,100%,.6);text-decoration:none;transition:color .2s}.footer ul li a:hover{color:#f39200}.footer ul li:not(:has(a)){color:hsla(0,0%,100%,.45)}.footer-bottom{align-items:center;color:hsla(0,0%,100%,.35);display:flex;font-size:13px;justify-content:space-between;padding:18px 0}@media (max-width:720px){.footer-grid{gap:28px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}