:root{--color-bg:#f6f7f9;--color-sidebar:#fff;--color-surface:#fff;--color-surface-hover:#f1f3f6;--color-border:#e3e6eb;--color-border-soft:#ebedf1;--color-text:#191b23;--color-text-muted:#667085;--color-text-faint:#98a1b0;--color-primary:#7c3aed;--color-primary-dark:#6d28d9;--color-primary-soft:#7c3aed1a;--color-primary-border:#7c3aed4d;--color-ok:#16a34a;--color-ok-bg:#16a34a1a;--color-ok-text:#15803d;--color-error:#dc2626;--color-error-bg:#dc262614;--color-error-text:#b91c1c;--color-info:#2563eb;--color-info-bg:#2563eb14;--color-info-text:#1d4ed8;--color-warning:#d97706;--color-warning-bg:#d977061a;--color-warning-text:#b45309;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-card:0 1px 2px #1018280a, 0 8px 24px -16px #1018281f;--shadow-pop:0 24px 60px -20px #10182840;--rail-width:236px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3{letter-spacing:-.01em}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary-dark)}.app-shell{min-height:100vh;display:flex}.icon-rail{width:var(--rail-width);background:var(--color-sidebar);border-right:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;gap:4px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.rail-brand{align-items:center;gap:10px;margin-bottom:18px;padding:0 4px;display:flex}.brand-mark{background:linear-gradient(155deg, var(--color-primary), var(--color-primary-dark));border-radius:10px;flex-shrink:0;width:34px;height:34px;box-shadow:0 4px 14px -4px #8b5cf699}.rail-brand-text{min-width:0}.brand-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.rail-user-row{border-radius:var(--radius-sm);background:var(--color-bg);align-items:center;gap:10px;min-width:0;margin-bottom:14px;padding:8px;display:flex}.rail-user-text{min-width:0}.rail-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.rail-user-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.icon-rail-nav{flex-direction:column;flex:1;gap:2px;display:flex}.rail-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);padding:14px 8px 6px;font-size:.68rem;font-weight:700}.icon-rail-footer{border-top:1px solid var(--color-border-soft);flex-direction:column;gap:2px;padding-top:8px;display:flex}.icon-rail-link{border-radius:var(--radius-sm);width:100%;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:12px;margin:0;padding:0 10px;font-size:.87rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.icon-rail-link svg{flex-shrink:0}.icon-rail-link .rail-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-rail-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-rail-link.active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.icon-rail-link .rail-chevron{flex-shrink:0;margin-left:auto;transition:transform .15s}.icon-rail-submenu{border-left:1px solid var(--color-border-soft);flex-direction:column;gap:2px;margin:2px 0 2px 20px;padding-left:18px;display:flex}.icon-rail-submenu .icon-rail-link{height:36px;font-size:.82rem;font-weight:500}.avatar{background:var(--color-primary-soft);width:34px;height:34px;color:var(--color-primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.app-main{flex:1;min-width:0}.container{max-width:1040px;margin:0 auto;padding:36px 32px 64px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}h1{margin:0 0 4px;font-size:1.5rem;font-weight:700}.subtitle{color:var(--color-text-muted);margin:0 0 20px;font-size:.92rem}.page-header .subtitle{margin-bottom:0}.login-page{background:radial-gradient(560px circle at 50% 0%, #8b5cf624, transparent 60%), var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-box{width:100%;max-width:380px}.login-brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;display:flex}.camera-frame{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#000;width:100%;max-width:480px;margin:14px auto 0;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.camera-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.camera-actions button{border-radius:999px;width:auto;padding:13px 26px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-top:16px;padding:22px}.card h2{align-items:center;gap:8px;margin-top:0;font-size:1.02rem;display:flex}.card h2 svg{color:var(--color-primary);opacity:.9}.card h3{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:22px 0 10px;font-size:.85rem}label{color:var(--color-text-muted);margin-top:14px;font-size:.85rem;font-weight:600;display:block}input,select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);margin-top:6px;padding:10px 12px;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}input::placeholder{color:var(--color-text-faint)}button{cursor:pointer;border-radius:var(--radius-sm);background:var(--color-primary-dark);color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:auto;margin-top:16px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,transform 50ms,filter .15s;display:inline-flex}button:hover{background:var(--color-primary)}button:active{transform:scale(.99)}button:disabled{opacity:.55;cursor:not-allowed}form>button{width:100%}button.secondary{background:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border)}button.secondary:hover{background:var(--color-border-soft);border-color:var(--color-text-faint)}button.danger{color:var(--color-error-text);background:0 0;border:1px solid #f871714d}button.danger:hover{background:var(--color-error-bg)}button.link{width:auto;color:var(--color-primary);background:0 0;margin:0;padding:0;font-weight:600;display:inline-flex}button.link:hover{color:var(--color-primary-dark);background:0 0}.status{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:.88rem;font-weight:600;display:none}.status.ok{background:var(--color-ok-bg);color:var(--color-ok-text);display:flex}.status.error{background:var(--color-error-bg);color:var(--color-error-text);display:flex}.status.info{background:var(--color-info-bg);color:var(--color-info-text);display:flex}ul{margin:0;padding:0;list-style:none}ul li{border-bottom:1px solid var(--color-border-soft);padding:12px 4px;font-size:.9rem}ul li:last-child{border-bottom:none}table{border-collapse:collapse;width:100%;margin-top:4px}th,td{text-align:left;border-bottom:1px solid var(--color-border-soft);padding:12px 10px;font-size:.86rem}th{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}tbody tr:hover{background:var(--color-surface-hover)}.thumb{border-radius:var(--radius-sm);object-fit:cover;cursor:pointer;border:1px solid var(--color-border);width:42px;height:42px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge.ENTRADA{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge.SAIDA{background:var(--color-error-bg);color:var(--color-error-text)}.badge.INICIO_INTERVALO,.badge.FIM_INTERVALO{background:var(--color-info-bg);color:var(--color-info-text)}.badge.status-ok{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge.status-late{background:var(--color-error-bg);color:var(--color-error-text)}.badge.status-overtime{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge.status-early{background:var(--color-info-bg);color:var(--color-info-text)}.badge.status-none{background:var(--color-border-soft);color:var(--color-text-faint)}.badge.closing-completo{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge.closing-falta{background:var(--color-error-bg);color:var(--color-error-text)}.badge.closing-observacao{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge.closing-feriado,.badge.closing-folga{background:var(--color-info-bg);color:var(--color-info-text)}.badge.closing-em-andamento{background:var(--color-border-soft);color:var(--color-text-muted)}.stat-row{flex-wrap:wrap;gap:12px;margin:12px 0 14px;display:flex}.stat-tile{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;min-width:160px;padding:14px 16px}.stat-label{color:var(--color-text-muted);margin-bottom:4px;font-size:.76rem}.stat-value{font-size:1.35rem;font-weight:700}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.dashboard-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:16px;display:flex}.dashboard-stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dashboard-stat-value{font-size:1.4rem;font-weight:700;line-height:1.2}.dashboard-stat-label{color:var(--color-text-muted);font-size:.8rem}.dashboard-quick-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.dashboard-quick-link{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);align-items:center;gap:10px;padding:14px 16px;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.dashboard-quick-link:hover{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary-dark)}.dashboard-quick-link svg{color:var(--color-primary);flex-shrink:0}.filters{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.filters label{margin-top:0}.schedule-table input[type=time]{width:100px}.schedule-table input[type=number]{width:64px}.schedule-table button{white-space:nowrap;width:auto;margin:2px 4px 2px 0;padding:5px 10px;font-size:.76rem;display:inline-flex}.modal-overlay{z-index:50;background:#020306b8;justify-content:center;align-items:center;padding:16px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow-pop);padding:26px;animation:.15s pop-in}.modal-wide{text-align:left;max-width:460px;max-height:85vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal p{margin:4px 0}.modal img{border-radius:var(--radius);object-fit:cover;border:1px solid var(--color-border);width:160px;height:160px;margin:14px auto;display:block}.modal-actions{gap:8px;margin-top:18px;display:flex}.modal-actions button{flex:1;margin-top:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}body.kiosk{background:#000;height:100vh;overflow:hidden}.kiosk-stage{width:100vw;height:100vh;position:relative}.kiosk-stage video{object-fit:cover;border-radius:0;width:100%;max-width:none;height:100%;display:block}.kiosk-exit{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffb3;z-index:5;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;text-decoration:none;display:flex;position:absolute;top:14px;right:14px}.kiosk-clock{z-index:5;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff14;border:1px solid #ffffff1a;padding:8px 16px;position:absolute;top:14px;left:14px}.kiosk-clock-time{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1.2}.kiosk-clock-date{color:#ffffffb3;text-transform:capitalize;font-size:.72rem}.kiosk-panel{z-index:5;padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000000d9);position:absolute;bottom:0;left:0;right:0}.kiosk-panel .kiosk-controls{max-width:480px;margin:0 auto}.kiosk-panel label{color:#ffffffd9;margin-top:0}.kiosk-panel select{padding:14px;font-size:1.1rem}.kiosk-panel button{width:100%;padding:16px;font-size:1.05rem}.kiosk-panel .status{justify-content:center}.kiosk-feedback{z-index:6;text-align:center;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;animation:.2s kiosk-feedback-in;display:flex;position:absolute;inset:0}.kiosk-feedback-icon{border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;display:flex;box-shadow:0 20px 60px -18px #000000b3}.kiosk-feedback.ok .kiosk-feedback-icon{color:#4ade80;background:#16a34a2e;border:3px solid #4ade808c}.kiosk-feedback.error .kiosk-feedback-icon{color:#f87171;background:#dc26262e;border:3px solid #f871718c}.kiosk-feedback-message{color:#fff;text-shadow:0 2px 16px #000000d9;max-width:560px;margin:0;font-size:1.6rem;font-weight:700}@keyframes kiosk-feedback-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.employee-photo{object-fit:cover;border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:42px;height:42px}.employee-photo-placeholder{background:var(--color-primary-soft);color:var(--color-primary-dark);justify-content:center;align-items:center;font-weight:700;display:flex}.espelho-sheet ul{margin-top:8px}.espelho-sheet li{padding:10px 0}@media print{.no-print,.icon-rail{display:none!important}body,.container{background:#fff;padding:0}.espelho-sheet{box-shadow:none;border:none}a[href]:after{content:""}}@media (width<=900px){.container{padding:24px 18px 48px}}@media (width<=640px){:root{--rail-width:60px}.icon-rail{align-items:center;padding:12px 6px}.rail-brand,.rail-user-row{justify-content:center;padding:0}.rail-brand-text,.rail-user-text,.rail-section-label,.icon-rail-link .rail-label,.icon-rail-link .rail-chevron{display:none}.rail-user-row{background:0 0;margin-bottom:8px}.icon-rail-link{justify-content:center;width:42px;height:42px;padding:0}.icon-rail-submenu{border-left:none;align-items:center;margin:2px 0;padding-left:0}}@media (width<=560px){.filters{grid-template-columns:1fr}table,thead{display:none}tbody,tr,td{width:100%;display:block}tbody tr{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);margin-bottom:10px;padding:6px 10px}tbody td{text-align:right;border-bottom:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}tbody td:before{content:attr(data-label);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;text-align:left;font-size:.72rem}}.calendar{width:100%;max-width:380px;margin:10px 0 16px}.calendar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.calendar-header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.72rem,3.6vw,.9rem);overflow:hidden}button.calendar-nav{background:var(--color-surface-hover);width:30px;height:30px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;margin:0;padding:0}button.calendar-nav:hover{background:var(--color-border-soft)}@media (width<=380px){button.calendar-nav{width:26px;height:26px}.calendar-header{gap:4px}}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekdays{margin-bottom:4px}.calendar-weekdays span{text-align:center;color:var(--color-text-faint);font-size:.72rem;font-weight:600}button.calendar-day{aspect-ratio:1;width:100%;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;font-size:.82rem;font-weight:500;display:flex}button.calendar-day:hover{background:var(--color-surface-hover)}button.calendar-day.calendar-day-outside{color:var(--color-text-faint)}button.calendar-day.calendar-day-today{border-color:var(--color-primary-border)}button.calendar-day.calendar-day-marked{background:var(--color-info-bg);color:var(--color-info-text);font-weight:700}button.calendar-day.calendar-day-selected{background:var(--color-primary-dark);color:#fff}