*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#2b2e34;background:#f4f6f8;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:#009ddc;text-decoration:none}.muted{color:#9a9a9a}.sb-app{min-height:100vh;display:flex;flex-direction:column}.sb-header{background:#fff;border-bottom:1px solid #e2e6ea;box-shadow:0 2px 8px rgba(43,46,52,.08)}.sb-header::after{content:"";display:block;height:4px;background:linear-gradient(to right, #93c83e 0%, #93c83e 33.33%, #009ddc 33.33%, #009ddc 66.66%, #d42027 66.66%, #d42027 100%)}.sb-header__inner{max-width:1040px;margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;gap:1rem}.sb-header__logo{height:40px;width:auto;display:block}.sb-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:2rem 1.5rem 3rem}.sb-title{margin:0 0 .25rem;font-size:1.6rem;font-weight:800;letter-spacing:-0.01em}.sb-subtitle{margin:0 0 1.75rem;font-size:.98rem}.sb-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1.25rem}.sb-tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;padding:1.75rem 1.25rem;background:#fff;border:1px solid #e2e6ea;border-radius:14px;box-shadow:0 2px 8px rgba(43,46,52,.08);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.sb-tile::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right, #93c83e 0%, #93c83e 33.33%, #009ddc 33.33%, #009ddc 66.66%, #d42027 66.66%, #d42027 100%)}.sb-tile__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;margin-top:.4rem}.sb-tile__icon svg{width:32px;height:32px}.sb-tile__title{font-weight:700;font-size:1.02rem;color:#2b2e34}.sb-tile__desc{font-size:.85rem}.sb-tile--active{cursor:pointer}.sb-tile--active .sb-tile__icon{background:rgba(212,32,39,.1);color:#d42027}.sb-tile--active:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(43,46,52,.14);border-color:rgba(212,32,39,.35)}.sb-tile--soon{cursor:not-allowed;opacity:.72}.sb-tile--soon::before{filter:grayscale(1);opacity:.5}.sb-tile--soon .sb-tile__icon{background:#eef1f4;color:#9a9a9a}.sb-tile--soon .sb-tile__title{color:#9a9a9a}.sb-badge{position:absolute;top:.75rem;right:.75rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9a9a9a;background:#eef1f4;padding:.15rem .5rem;border-radius:999px}@media(max-width: 480px){.sb-grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}.sb-title{font-size:1.35rem}}.sb-app--dark{background:#1c1f24;color:#eef1f4}.sb-app--dark .sb-main{max-width:1100px}.sb-app--dark .muted{color:#98a2ad}.sb-app--dark a{color:#009ddc}.sb-main--center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.sb-header--dark{background:#252a31;border-bottom-color:#3a4149}.sb-header--dark__inner--bar{justify-content:flex-start;gap:1rem;flex-wrap:wrap}.sb-header--dark .sb-header__titre{font-weight:700;font-size:1.05rem;margin-right:auto;color:#eef1f4}.sb-nav{display:flex;align-items:center;gap:.9rem;font-size:.88rem;flex-wrap:wrap}.sb-nav__user{color:#93c83e;font-weight:700}.sb-nav__link{color:#98a2ad}.sb-nav__link:hover{color:#eef1f4}.sb-nav__link--out{color:#d42027;font-weight:600}.sb-login{width:100%;max-width:380px;background:#252a31;border:1px solid #3a4149;border-radius:14px;padding:2rem 1.75rem;box-shadow:0 10px 30px rgba(0,0,0,.35);position:relative;overflow:hidden}.sb-login::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right, #93c83e 0%, #93c83e 33.33%, #009ddc 33.33%, #009ddc 66.66%, #d42027 66.66%, #d42027 100%)}.sb-login__form{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.sb-login__reconnect{margin-top:1rem;font-size:.85rem;color:#98a2ad}.sb-label{font-size:.85rem;font-weight:600;color:#98a2ad}.sb-input{width:100%;padding:.85rem 1rem;font-size:1rem;color:#eef1f4;background:#2f353d;border:1px solid #3a4149;border-radius:10px;outline:none}.sb-input:focus{border-color:#009ddc;box-shadow:0 0 0 3px rgba(0,157,220,.25)}.sb-input--code{text-transform:uppercase;letter-spacing:.12em;font-weight:700;text-align:center}.sb-btn{display:inline-block;padding:.7rem 1.15rem;font-size:.92rem;font-weight:700;border-radius:10px;border:1px solid rgba(0,0,0,0);cursor:pointer;text-align:center;transition:filter .15s ease,background .15s ease}.sb-btn--primary{background:#93c83e;color:#14210a}.sb-btn--primary:hover{filter:brightness(1.08)}.sb-btn--ghost{background:rgba(0,0,0,0);border-color:#3a4149;color:#eef1f4}.sb-btn--ghost:hover{background:#2f353d}.sb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.5rem 0 1.25rem;flex-wrap:wrap}.sb-toolbar__mois{font-size:1.15rem;font-weight:800;text-transform:capitalize}.sb-crumb{margin-bottom:.5rem;font-size:.9rem}.sb-statut-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.sb-statut-bar__total{font-size:.95rem}.sb-pill{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.sb-pill--ok{background:rgba(147,200,62,.18);color:#93c83e}.sb-pill--warn{background:rgba(212,32,39,.18);color:#ff8a8f}.sb-pill--ko{background:rgba(212,32,39,.28);color:#ff6b70}.sb-alert{padding:.75rem 1rem;border-radius:10px;font-size:.9rem;margin:.75rem 0}.sb-alert--error{background:rgba(212,32,39,.15);color:#ff9b9f;border:1px solid rgba(212,32,39,.4)}.sb-alert--info{background:rgba(0,157,220,.13);color:#7fd4f5;border:1px solid rgba(0,157,220,.35)}.sb-hint{font-size:.85rem;margin:0 0 1rem}.sb-summary{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem;margin-bottom:1.5rem}.sb-card{background:#252a31;border:1px solid #3a4149;border-radius:14px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.25rem}.sb-card__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#98a2ad}.sb-card__value{font-size:1.7rem;font-weight:800}.sb-ok{color:#93c83e}.sb-warn{color:#d42027}.sb-semaine{margin-bottom:1.5rem}.sb-semaine__titre{display:flex;justify-content:space-between;align-items:center;background:#2f353d;border:1px solid #3a4149;border-bottom:none;border-radius:14px 14px 0 0;padding:.55rem .9rem;font-weight:700;font-size:.92rem}.sb-semaine__total{color:#98a2ad;font-weight:600}.sb-semaine__total strong{color:#93c83e}.sb-table-wrap{overflow-x:auto;border:1px solid #3a4149;border-radius:0 0 14px 14px}.sb-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}.sb-table th,.sb-table td{padding:.4rem .5rem;text-align:left;border-bottom:1px solid #3a4149;white-space:nowrap}.sb-table thead th{background:#252a31;color:#98a2ad;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0}.sb-table tbody tr{background:#2f353d}.sb-table tbody tr:nth-child(even){background:#2b3138}.sb-table tbody tr.sb-row--vide{opacity:.4}.sb-table--admin{min-width:560px}.sb-cell-input{width:100%;min-width:70px;padding:.35rem .5rem;font-size:.88rem;color:#eef1f4;background:#1b1f24;border:1px solid #3a4149;border-radius:6px;outline:none}.sb-cell-input:focus{border-color:#009ddc;box-shadow:0 0 0 2px rgba(0,157,220,.22)}.col-jour{width:10%}.col-date{width:9%}.col-h,.col-p,.col-dep,.col-mot,.col-hs{width:auto}.sb-strong{font-weight:700}.sb-actions-cell{white-space:nowrap;display:flex;gap:.75rem;flex-wrap:wrap}.sb-panel{background:#252a31;border:1px solid #3a4149;border-radius:14px;padding:1.25rem 1.35rem;margin-bottom:1.75rem}.sb-panel__titre{margin:0 0 1rem;font-size:1.05rem;font-weight:700}.sb-form-inline{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.sb-form-inline .sb-field{display:flex;flex-direction:column;gap:.35rem;flex:1 1 200px}.sb-form-inline .sb-field--full{flex:1 1 100%}@media(max-width: 640px){.sb-form-inline .sb-field{flex:1 1 100%}}.sb-form-inline .sb-input{width:100%}.sb-input.sb-textarea{resize:vertical;min-height:72px;font-family:inherit;line-height:1.4}select.sb-input{appearance:none;-webkit-appearance:none;cursor:pointer}.sb-btn--danger{background:rgba(212,32,39,.15);border-color:rgba(212,32,39,.5);color:#ff9b9f}.sb-btn--danger:hover{background:rgba(212,32,39,.28)}.sb-btn--sm{padding:.4rem .7rem;font-size:.8rem}.sb-btn--retour{font-weight:600;white-space:nowrap}.sb-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.sb-modal__box{width:100%;max-width:420px;background:#252a31;border:1px solid #3a4149;border-radius:14px;padding:1.5rem;box-shadow:0 20px 50px rgba(0,0,0,.5)}.sb-modal__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.sb-modal__titre{margin:0 0 .75rem;font-size:1.2rem;font-weight:700}.sb-modal__texte{margin:0 0 1.25rem;color:#98a2ad;line-height:1.5}.sb-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem;padding-bottom:2rem}.sb-save-bar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:center;padding:1rem 0;margin-top:1rem;background:linear-gradient(to top, rgba(43, 46, 52, 0.97), rgba(43, 46, 52, 0))}.sb-btn--save{font-size:1.15rem;font-weight:700;padding:.9rem 2.5rem;box-shadow:0 4px 16px rgba(147,200,62,.35)}.sb-header__home{display:flex;align-items:center;gap:.6rem;color:#eef1f4}.sb-header__home:hover .sb-header__home-label{color:#93c83e}.sb-header__home-label{font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#98a2ad;transition:color .15s ease}.sb-tools-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1.25rem;margin-top:1.5rem}.sb-tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem 1.35rem 1.35rem;background:#252a31;border:1px solid #3a4149;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.3);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sb-tool-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right, #93c83e 0%, #93c83e 33.33%, #009ddc 33.33%, #009ddc 66.66%, #d42027 66.66%, #d42027 100%)}.sb-tool-card__icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:12px;margin-top:.35rem;background:rgba(0,157,220,.12);color:#009ddc}.sb-tool-card__svg{width:26px;height:26px;display:none}.sb-tool-card__emoji{font-size:1.6rem;line-height:1}.sb-tool-card__title{font-weight:700;font-size:1.05rem;color:#eef1f4}.sb-tool-card__desc{font-size:.85rem}.sb-tool-card__cta{margin-top:auto;font-size:.85rem;font-weight:700;color:#009ddc}.sb-tool-card__badge{position:absolute;top:.85rem;right:.85rem;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#98a2ad;background:#2f353d;border:1px solid #3a4149;padding:.15rem .5rem;border-radius:999px}.sb-tool-card--active{cursor:pointer}.sb-tool-card--active:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.45);border-color:rgba(147,200,62,.45)}.sb-tool-card--active:hover .sb-tool-card__icon{background:rgba(147,200,62,.18);color:#93c83e}.sb-tool-card--disabled{cursor:not-allowed;opacity:.55}.sb-tool-card--disabled::before{filter:grayscale(1);opacity:.4}.sb-tool-card--disabled .sb-tool-card__icon{background:#2f353d;color:#98a2ad}.sb-tool-card--disabled .sb-tool-card__title{color:#98a2ad}@media(max-width: 640px){.sb-header__titre{font-size:.95rem}.sb-nav{font-size:.8rem;gap:.6rem}.sb-toolbar__mois{font-size:1rem}.sb-login{padding:1.5rem 1.25rem}.sb-tools-grid{grid-template-columns:1fr}.sb-header__home-label{display:none}}.sb-doc-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.sb-doc-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;background:#252a31;border:1px solid #3a4149;border-radius:14px;padding:.7rem .95rem}.sb-doc-row__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:8px;background:rgba(0,157,220,.15);color:#009ddc}.sb-doc-row__svg{width:1.3rem;height:1.3rem}.sb-doc-row__infos{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:.15rem}.sb-doc-row__titre{font-weight:700;font-size:.95rem}.sb-doc-row__meta{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-doc-row__actions{flex:0 0 auto;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.sb-file-input{width:100%;font-size:.85rem;color:#eef1f4;background:#1b1f24;border:1px dashed #3a4149;border-radius:6px;padding:.45rem .6rem;cursor:pointer}.sb-file-input::file-selector-button{margin-right:.7rem;padding:.35rem .7rem;border:1px solid rgba(147,200,62,.5);border-radius:6px;background:rgba(147,200,62,.15);color:#93c83e;font-weight:600;cursor:pointer}.sb-empty{padding:1.1rem 1.25rem;border:1px dashed #3a4149;border-radius:14px;margin-bottom:1.5rem}@media(max-width: 640px){.sb-doc-row__actions{flex:1 1 100%}.sb-doc-row__actions .sb-btn{flex:1 1 auto;text-align:center}}