:root{--bg:#f6f7f9;--card:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--primary:#2563eb;--primary-text:#fff;--danger:#dc2626;--success:#16a34a;--warn-bg:#fef2f2;--ok-bg:#f0fdf4;--info-bg:#eff6ff;--holiday:#fef9c3;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0;font-size:1.4rem}h2{margin:0 0 .5rem;font-size:1.1rem}h3{margin:.8rem 0 .3rem;font-size:.95rem}main{max-width:1400px;margin:0 auto;padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:flex-end;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.center{flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:16px;display:flex}.narrow{width:100%;max-width:480px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.card.wide{width:100%;max-width:760px}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow-x:auto}hr{border:none;border-top:1px solid var(--border);width:100%}.topbar{color:#fff;background:#111827;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}.topbar nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.topbar nav a{color:#d1d5db;border-radius:6px;padding:6px 10px;text-decoration:none}.topbar nav a.active{color:#fff;background:#374151}.topbar .who{align-items:center;gap:8px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;font-size:.9rem}input,select{font:inherit;border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:7px 9px}button{font:inherit;background:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:6px;padding:7px 14px}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--text);background:#e5e7eb}button.link{color:var(--primary);background:0 0;padding:0 4px;text-decoration:underline}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 8px}thead th{color:var(--muted);background:#f9fafb;font-size:.85rem}th.group{text-align:center;border-left:2px solid var(--border)}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}td.total,td.num.total{background:#f9fafb;font-weight:600}td.unapproved{color:var(--danger)}.nowrap{white-space:nowrap}.clickable{cursor:pointer}.muted{color:var(--muted)}.small{font-size:.8rem}.big{font-size:1.3rem}.alert{background:var(--warn-bg);color:var(--danger);border-radius:6px;margin:0;padding:8px 12px}.success{background:var(--ok-bg);color:var(--success);border-radius:6px;margin:0;padding:8px 12px}.info{background:var(--info-bg);border-radius:6px;margin:0;padding:8px 12px}.alert-text{color:var(--danger)}.holiday-text{color:#a16207}ul.plain{margin:0 0 8px;padding:0;list-style:none}ul.plain li{padding:3px 0}.pill{background:#e5e7eb;border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}.pill.termine,.pill.annule{color:#4b5563;background:#f3f4f6}.pill.manque,.pill.refuse{color:#991b1b;background:#fee2e2}table.schedule th.name{white-space:nowrap}table.schedule td{min-width:110px;height:48px}table.schedule th.holiday{background:var(--holiday)}.shift{background:#eef2ff;border-left:4px solid #64748b;border-radius:4px;margin-bottom:3px;padding:3px 6px;font-size:.85rem}.shift.draft{background:#fff;border:1px dashed #94a3b8;border-left-width:4px}.absence{background:#fde68a;border-radius:4px;margin-bottom:3px;padding:2px 6px;font-size:.8rem}.punch{background:#f3f4f6;border-radius:4px;margin:0 6px 4px 0;padding:2px 6px;font-size:.85rem;display:inline-block}.punch.in{background:#dcfce7}.punch.out{background:#fee2e2}.punch.meal_start,.punch.meal_end{background:#dbeafe}.report-layout{grid-template-columns:220px 1fr;gap:16px;display:grid}.filters{background:var(--card);border:1px solid var(--border);border-radius:10px;align-self:start;padding:12px}@media (width<=800px){.report-layout{grid-template-columns:1fr}}.modal{z-index:10;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal>.card{width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.modal>.card.wide{max-width:760px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.kiosk{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:16px;display:flex}.kiosk-clock{text-align:center}.kiosk-time{font-variant-numeric:tabular-nums;font-size:4rem;font-weight:700}.kiosk-form{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.kiosk-form input{text-align:center;padding:12px;font-size:1.4rem}.kiosk-buttons{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.kiosk-buttons button{padding:18px 0;font-size:1.3rem}.btn-meal{background:#0ea5e9}.print-only{display:none}@media print{.no-print,.topbar{display:none!important}.print-only{display:block}main{max-width:none;padding:0}body,.table-wrap{background:#fff;border:none}.report-layout{display:block}table{font-size:11px}.shift.draft{display:none}}.pill.en_retard{color:#991b1b;background:#fee2e2;font-weight:600}.calendar{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-head{color:var(--muted);text-align:center;padding:4px;font-size:.8rem}.cal-cell{background:var(--card);border:1px solid var(--border);border-radius:6px;min-height:84px;padding:4px 6px;font-size:.8rem}.cal-cell.out{opacity:.45}.cal-cell.holiday{background:var(--holiday)}.cal-day{margin-bottom:2px;font-weight:600}.planned{color:#475569}.paid{color:#15803d;font-weight:600}.legend:before{content:"■ "}.legend.planned:before{color:#475569}.legend.punched:before{color:#1d4ed8}.legend.paid:before{color:#15803d}@media (width<=600px){.cal-cell{min-height:60px;font-size:.7rem}}.badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:18px;margin-left:4px;padding:0 5px;font-size:.7rem;line-height:18px;display:inline-block}.topbar .bell{text-decoration:none}.chat-layout{grid-template-columns:260px 1fr;gap:12px;height:calc(100vh - 110px);display:grid}.chat-list{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.chat-item{text-align:left;color:var(--text);background:0 0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px;display:flex}.chat-item.active,.chat-item:hover{background:#eef2ff}.chat-thread{flex-direction:column;gap:8px;min-height:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:6px;padding:4px;display:flex;overflow-y:auto}.bubble{background:#f3f4f6;border-radius:10px;align-self:flex-start;max-width:75%;padding:6px 10px}.bubble.mine{background:#dbeafe;align-self:flex-end}.bubble-body{white-space:pre-wrap}.seen{align-self:flex-end;margin:0}.grow{flex:1}.checklist{gap:4px;max-height:300px;overflow-y:auto}.notif-list li{border-bottom:1px solid var(--border);padding:8px 0}.notif-list li.unread{border-left:3px solid var(--primary);padding-left:8px}.news{border-bottom:1px solid var(--border);padding:6px 0}.news-body{white-space:pre-wrap;margin:4px 0 0}textarea{font:inherit;border:1px solid var(--border);border-radius:6px;padding:7px 9px}.kiosk-form select{padding:10px;font-size:1.2rem}.pad{padding:0 8px}@media (width<=700px){.chat-layout{grid-template-columns:1fr;height:auto}}:root{--bg:#f9f5ed;--card:#fff;--text:#3c3c3c;--muted:#7a7470;--border:#ece3d6;--primary:#579898;--primary-dark:#447d7d;--primary-soft:#e3efee;--sage:#8aaba7;--beige:#f5efe8;--moon:#f2c94c;--danger:#c0574b;--success:#5b8f6a;--warn-bg:#fbeceb;--ok-bg:#eaf3ec;--info-bg:#e8f1f0;--holiday:#fbf1d3;--radius:16px;--shadow:0 2px 10px #5750420f;font-family:Nunito Sans,Assistant,system-ui,sans-serif}h1,h2,h3,.brand{color:#2f4f4f;font-family:Nunito Sans,system-ui,sans-serif;font-weight:800}h1{letter-spacing:-.01em}.card,.table-wrap,.filters{border-radius:var(--radius);box-shadow:var(--shadow);border-color:var(--border)}.modal>.card{box-shadow:0 12px 40px #00000026}button{background:var(--primary);border-radius:999px;padding:8px 18px;font-weight:700;transition:background .15s,transform 50ms}button:hover:not(:disabled){background:var(--primary-dark)}button:active:not(:disabled){transform:translateY(1px)}button.secondary{background:var(--beige);color:#4a4440}button.secondary:hover:not(:disabled){background:#ece2d6}button.danger{background:var(--danger)}button.link,button.link:hover:not(:disabled){color:var(--primary);background:0 0;padding:0 4px;font-weight:600}input,select,textarea{border-color:var(--border);border-radius:10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.topbar{color:var(--text);border-bottom:1px solid var(--border);box-shadow:var(--shadow);background:#fffdf9;padding:6px 16px}.topbar .brand{color:#2f4f4f;align-items:center;gap:8px;text-decoration:none;display:flex}.topbar .brand img{height:40px}.topbar nav a{color:#5b5551;border-radius:999px;font-weight:600}.topbar nav a:hover{background:var(--beige)}.topbar nav a.active{background:var(--primary-soft);color:var(--primary-dark)}.topbar .link{color:var(--primary)}.topbar .who{font-weight:600}thead th{color:var(--muted);background:#fbf8f3}th,td{border-bottom-color:#f1ebe2}tr.clickable:hover,td.clickable:hover{background:#fbf6ee}td.total,td.num.total{background:#fbf8f3}.pill{background:var(--beige)}.pill.en_service,.pill.approuve{color:#3f6d4c;background:#e2efe5}.pill.repas{color:#3d6478;background:#e3eef3}.pill.pas_commence,.pill.en_attente{color:#8a6a14;background:#fbf1d3}.pill.manque,.pill.refuse,.pill.en_retard{color:#9b4136;background:#f8e3e0}.shift{background:#f1f7f6;border-radius:8px}.absence{background:#fbf1d3;border-radius:8px}.badge{background:var(--danger)}.alert,.success,.info{border-radius:12px}.tabs button{padding:6px 14px}.bubble{background:var(--beige);border-radius:16px}.bubble.mine,.chat-item.active,.chat-item:hover{background:var(--primary-soft)}.chat-item{border-radius:12px;font-weight:600}.cal-cell{border-radius:12px}.punched{color:var(--primary-dark)}.paid{color:var(--success)}.login-logo,.kiosk-logo{width:180px;margin:0 auto 4px;display:block}.kiosk{background:radial-gradient(circle at 50% 0%, #fffdf8 0%, var(--bg) 70%)}.kiosk-time{color:#2f4f4f}.kiosk-form input{border-radius:14px}.kiosk-buttons button{box-shadow:var(--shadow);border-radius:18px}.btn-in{background:var(--success)}.btn-in:hover:not(:disabled){background:#4a7a58}.btn-out{background:var(--danger)}.btn-out:hover:not(:disabled){background:#a84a3f}.btn-meal{background:var(--moon);color:#4a3b0a}.btn-meal:hover:not(:disabled){background:#e5b934}.kiosk-seconds{color:var(--sage);font-size:.5em}.kiosk{isolation:isolate;position:relative;overflow:hidden}.kiosk>:not(.sky){z-index:1;position:relative}.sky{z-index:0;pointer-events:none;transition:background 2s;position:fixed;inset:0;overflow:hidden}.sky-aube{background:linear-gradient(#b9d3dc 0%,#f4d9c6 55%,#fbeedd 100%)}.sky-jour{background:linear-gradient(#cfe5e8 0%,#eaf3f1 45%,#f9f5ed 100%)}.sky-crepuscule{background:linear-gradient(#5f7f96 0%,#c99a9a 50%,#f1cfa8 100%)}.sky-nuit{background:radial-gradient(at 50% 110%,#2f5b66 0%,#0000 60%),linear-gradient(#14233a 0%,#1f3a52 55%,#2c5160 100%)}.sky-sun{background:radial-gradient(circle,#fff6d6 0%,#f8de8b 45%,#f2c94c00 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:10%;right:12%}.sky-aube .sky-sun{top:46%;left:10%;right:auto}.sky-crepuscule .sky-sun{background:radial-gradient(circle,#ffe7c2 0%,#f2b27a 45%,#f2a06400 70%);top:52%;right:10%}.sky-moon{filter:drop-shadow(0 0 22px #f2c94c8c);width:120px;height:120px;animation:6s ease-in-out infinite moon-glow;position:absolute;top:8%;right:12%}.sky-stars span{opacity:.8;background:#fff8e1;border-radius:50%;animation:4s ease-in-out infinite twinkle;position:absolute}.sky-aube .sky-stars span,.sky-crepuscule .sky-stars span{opacity:.35}.sky-aube .sky-stars{opacity:.5;-webkit-mask-image:linear-gradient(#000,#0000 40%);mask-image:linear-gradient(#000,#0000 40%)}.sky-crepuscule .sky-stars{-webkit-mask-image:linear-gradient(#000,#0000 45%);mask-image:linear-gradient(#000,#0000 45%)}.sky-cloud{fill:#fffdf8;opacity:.85;animation:linear infinite drift;position:absolute}.sky-cloud.c1{width:240px;animation-duration:140s;animation-delay:-30s;top:14%}.sky-cloud.c2{opacity:.7;width:170px;animation-duration:190s;animation-delay:-120s;top:32%}.sky-cloud.c3{opacity:.6;width:300px;animation-duration:230s;animation-delay:-60s;top:62%}.sky-crepuscule .sky-cloud{fill:#f6dccf}.sky-nuit .sky-cloud{fill:#3d5d72;opacity:.55}.sky-hills{opacity:.7;background:#e9e1d2;border-radius:50% 50% 0 0;height:180px;position:absolute;bottom:-60px;left:-10%;right:-10%}.sky-jour .sky-hills{background:#dbe7e3}.sky-nuit .sky-hills{opacity:.9;background:#1a3140}@keyframes drift{0%{transform:translate(-340px)}to{transform:translate(calc(100vw + 40px))}}@keyframes twinkle{0%,to{opacity:.85}50%{opacity:.25}}@keyframes moon-glow{0%,to{filter:drop-shadow(0 0 18px #f2c94c73)}50%{filter:drop-shadow(0 0 30px #f2c94cb3)}}.kiosk-nuit .kiosk-time,.kiosk-crepuscule .kiosk-time{color:#fffaf0;text-shadow:0 2px 12px #0a142359}.kiosk-nuit .kiosk-clock .muted,.kiosk-crepuscule .kiosk-clock .muted{color:#f3ece0}.kiosk-nuit .kiosk-seconds{color:var(--moon)}.kiosk-time{text-shadow:0 2px 10px #ffffff80}.kiosk-logo{filter:drop-shadow(0 6px 16px #1e283226)}.kiosk-form input,.kiosk-form select{background:#fffffff0;box-shadow:0 4px 14px #1e283214}.kiosk-login{color:var(--primary-dark);background:#fffdf8bf;border-radius:999px;padding:6px 14px;font-weight:600;text-decoration:none}.kiosk-login:hover{text-decoration:underline}.kiosk .alert,.kiosk .success{box-shadow:0 6px 20px #1e28321f}.kiosk .success{background:#f1f8f2}.kiosk .alert{background:#fdf0ee}.kiosk-message{justify-content:center;display:flex;position:relative}.star-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.star-burst span{color:var(--moon);text-shadow:0 0 8px #f2c94cb3;opacity:0;font-size:18px;animation:1.3s ease-out forwards star-pop;position:absolute;top:-12px;left:-8px}@keyframes star-pop{0%{opacity:0;transform:translate(0)scale(.3)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1) rotate(90deg)}}@media (prefers-reduced-motion:reduce){.sky-cloud,.sky-stars span,.sky-moon{animation:none}.sky-cloud.c1{left:6%}.sky-cloud.c2{left:62%}.sky-cloud.c3{left:30%}.star-burst{display:none}}.greeting{align-items:center;gap:12px;display:flex}.greeting h1{font-size:1.7rem}.greeting-date{margin:2px 0 0}.greeting-date:first-letter{text-transform:uppercase}.greet-icon{flex:none;width:46px;height:46px}.home-hero{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.next-shift{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#447d7d 0%,#579898 55%,#7fa9a4 100%);flex-direction:column;justify-content:flex-end;min-height:170px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #447d7d40}.next-shift.live{background:linear-gradient(135deg,#3f6d4c 0%,#5b8f6a 60%,#86ae8f 100%)}.next-shift.empty{background:linear-gradient(135deg,#7a8f8c 0%,#8aaba7 100%)}.next-shift p{margin:0;position:relative}.next-kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-size:.8rem;font-weight:700}.next-when{font-size:1.8rem;font-weight:800;line-height:1.15;margin:4px 0!important}.next-time{font-size:1.15rem;font-weight:600}.next-deco{pointer-events:none;width:230px;position:absolute;top:-6px;right:-10px}.next-shift.live .next-kicker:before{content:"";vertical-align:1px;background:#fff;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.week-card{align-items:center;gap:20px;display:flex}.week-text p{margin:4px 0}.ring{flex:none;width:128px;height:128px;position:relative}.ring svg{width:100%;height:100%}.ring-track{fill:none;stroke:var(--primary-soft);stroke-width:12px}.ring-value{fill:none;stroke:var(--primary);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-center strong{color:#2f4f4f;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.ring-center span{color:var(--muted);font-size:.75rem}.shift-list li{border-bottom:1px solid #f1ebe2;align-items:baseline;gap:10px;padding:7px 0;display:flex}.shift-list li:last-child{border-bottom:none}.shift-day{color:#2f4f4f;min-width:110px;font-weight:700}@media (width<=480px){.greeting h1{font-size:1.35rem}.next-when{font-size:1.5rem}.week-card{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.next-shift.live .next-kicker:before{animation:none}.ring-value{transition:none}}