:root{--bg:#F7F6F2;--surface:#FFFFFF;--surface-2:#F0EEE8;--text:#0B1B33;--muted:#4A5568;--border:#E4E2DB;--border-strong:#858B96;--brand:#007A87;--brand-strong:#00646F;--brand-on:#FFFFFF;--brand-tint:#E0F4F6;--track:#E4E2DB;--focus:var(--brand-strong);--accent:var(--brand);--st-work:#166C3E;--st-work-bg:#E6F4EC;--st-work-solid:#166C3E;--st-work-on:#FFFFFF;--st-break:#8A5300;--st-break-bg:#FDF1DC;--st-break-solid:#F2A93B;--st-break-on:#0B1B33;--st-off:#5B6474;--st-off-bg:#EEF0F3;--st-off-solid:#5B6474;--st-off-on:#FFFFFF;--st-alert:#B42318;--st-alert-bg:#FDECEA;--st-alert-solid:#B42318;--st-alert-on:#FFFFFF;--st-sync:#1F5BFF;--st-sync-bg:#EAF0FF;--st-sync-solid:#1F5BFF;--st-sync-on:#FFFFFF;--r-card:20px;--r-btn:14px;--r-main:28px;--r-chip:999px;--shadow-card:0 1px 2px rgba(11,27,51,.06),0 4px 12px rgba(11,27,51,.04);--font:var(--font-inter,Inter),Inter,system-ui,Roboto,"Segoe UI",sans-serif;--primary:var(--brand);--primary-text:var(--brand-on);--secondary:var(--brand-tint);--secondary-text:var(--brand-strong);--danger:var(--st-alert);--warning:var(--st-break);--info:var(--st-sync);--bar:var(--brand);--bar-bg:var(--track);--chrome:var(--surface);--chrome-text:var(--muted);--hover:rgba(11,27,51,.05);--selected:var(--brand-tint);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0E1726;--surface:#162236;--surface-2:#1E2C44;--text:#ECF1F8;--muted:#A3B0C5;--border:#2A3A55;--border-strong:#6B7C99;--brand:#2FD3E3;--brand-strong:#2FD3E3;--brand-on:#0B1B33;--brand-tint:#24324A;--track:#2A3A55;--st-work:#3FD68C;--st-work-bg:#14352A;--st-work-solid:#3FD68C;--st-work-on:#0B1B33;--st-break:#F7B84B;--st-break-bg:#3A2E14;--st-break-solid:#F7B84B;--st-break-on:#0B1B33;--st-off:#9AA6B8;--st-off-bg:#232F42;--st-off-solid:transparent;--st-off-on:#9AA6B8;--st-alert:#FF8A7A;--st-alert-bg:#3D1F1D;--st-alert-solid:#FF8A7A;--st-alert-on:#0B1B33;--st-sync:#8AA8FF;--st-sync-bg:#1D2A4D;--st-sync-solid:#8AA8FF;--st-sync-on:#0B1B33;--shadow-card:none;--hover:rgba(236,241,248,.06);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}main{max-width:480px;margin:0 auto;padding:16px}.lang a{color:var(--muted);text-decoration:none;margin-left:10px;font-size:.9rem}.lang a[aria-current=true]{color:var(--text);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:14px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.muted{font-size:.9rem}.state{font-size:1.6rem;font-weight:700;margin:4px 0 12px}.actions{display:grid;grid-gap:10px;gap:10px}button.big{font:inherit;font-size:1.1rem;padding:18px;border-radius:12px;border:0;cursor:pointer;background:var(--primary);color:var(--primary-text)}button.big.secondary{background:var(--secondary);color:var(--secondary-text)}button.big:disabled{opacity:.55;cursor:progress}button.link{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;text-decoration:underline;padding:0}select{width:100%;font:inherit;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);margin:8px 0 12px}.bar{height:10px;border-radius:6px;background:var(--bar-bg);overflow:hidden;margin:8px 0}.bar>span{display:block;height:100%;background:var(--bar)}.bar.over>span{background:var(--danger)}ul.alerts{list-style:none;padding:0;margin:8px 0 0}ul.alerts li{padding:8px 10px;border-left:3px solid var(--info);margin-bottom:6px;font-size:.92rem}ul.alerts li.violation{border-color:var(--danger)}ul.alerts li.warning{border-color:var(--warning)}.notice{font-size:.92rem;padding:10px 12px;border-radius:10px;background:var(--secondary);color:var(--secondary-text);margin-bottom:12px}.notice.error{background:transparent;border:1px solid var(--danger);color:var(--danger)}footer.legal{font-size:.8rem;color:var(--muted);margin-top:18px}main.wide{max-width:1180px}.card.narrow{max-width:480px}.top-links{gap:14px}.top-links a{text-decoration:none}.small-text{font-size:.85rem}.text-danger{color:var(--danger)}.text-danger,.text-warning{font-weight:600;font-size:.9rem}.text-warning{color:var(--warning)}button.small{font:inherit;font-size:.95rem;padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text)}button.small.secondary{background:var(--secondary);color:var(--secondary-text);border-color:transparent}button.small.danger{background:var(--danger);color:#fff;border-color:transparent}button.small:disabled{opacity:.5;cursor:not-allowed}.toolbar{gap:12px 24px;align-items:flex-end;justify-content:space-between}.toolbar,.week-nav{display:flex;flex-wrap:wrap}.week-nav{align-items:center;gap:8px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.add-form label,.filters label{display:grid;grid-gap:4px;gap:4px;font-size:.85rem;color:var(--muted)}.filters select{margin:0;min-width:160px;padding:8px}.filters label.check{display:flex;align-items:center;gap:6px;color:var(--text);padding-bottom:8px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:14px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 16px}.tile span{display:block;font-size:.85rem;color:var(--muted)}.tile strong{font-size:1.6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile.bad strong{color:var(--danger)}.table-card{padding:0;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:.8rem;color:var(--muted);font-weight:600}td,th{padding:10px 12px;border-bottom:1px solid var(--border)}td{vertical-align:middle}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.team tbody tr{cursor:pointer}table.team tbody tr.selected,table.team tbody tr:hover{background:var(--secondary)}table.team tbody tr:last-child td{border-bottom:0}table.team .bar{margin:4px 0 0;min-width:100px}.badge,.name{font-weight:600}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;background:var(--bar-bg);color:var(--muted)}.badge.WORKING{background:var(--secondary);color:var(--secondary-text)}.badge.ON_BREAK{background:transparent;border:1px solid var(--warning);color:var(--warning)}.chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.78rem;border:1px solid var(--border);color:var(--muted)}.chip.ok{border-color:var(--primary);color:var(--primary)}.chip.warn{border-color:var(--warning);color:var(--warning)}.chip.danger{border-color:var(--danger);color:var(--danger)}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.detail-head h2{margin:0 0 4px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-gap:24px;gap:24px;margin-top:8px}table.days td,table.days th{padding:6px 8px;font-size:.9rem}table.days tr.has-ot td{color:var(--warning)}table.days tr.total td{font-weight:700;border-bottom:0}ul.records{list-style:none;padding:0;margin:0 0 16px}ul.records li{padding:8px 0;border-bottom:1px solid var(--border);display:grid;grid-gap:4px;gap:4px}ul.records li.voided .rec-main span:not(.chip),ul.records li.voided strong{text-decoration:line-through;color:var(--muted)}ul.records li.void-row{color:var(--muted)}.rec-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.82rem}ul.records li>button.link{justify-self:start;font-size:.85rem}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.add-form input,.inline-form input{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);min-width:0}.inline-form input{flex:1 1 200px}.add-form{display:grid;grid-gap:10px;gap:10px;border-top:1px solid var(--border);padding-top:12px}.add-form h3,.add-form select{margin:0}.add-form button.big{padding:12px;font-size:1rem}@media (max-width:760px){.tiles{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}table.team thead{display:none}table.team,table.team tbody,table.team td,table.team tr{display:block;width:100%}table.team tr{border-bottom:1px solid var(--border);padding:8px 0}table.team td{border:0;padding:4px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:right}table.team td:before{content:attr(data-label);color:var(--muted);font-size:.8rem;text-align:left}table.team td:first-child{display:block;text-align:left}table.team td:first-child:before{content:none}table.team .bar{min-width:120px}.filters select{min-width:0;width:100%}.filters label{flex:1 1 140px}}.notice-button{display:block;width:100%;text-align:left;font:inherit;cursor:pointer}.table-head{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--border)}.table-head .search{flex:1 1 220px;font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.entity-form label.check,.table-head label.check{display:flex;align-items:center;gap:6px;font-size:.9rem}tr.inactive td{color:var(--muted)}.row-actions{white-space:nowrap}.row-actions .link+.link{margin-left:12px}.entity-form h3{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px 16px;gap:12px 16px}.form-grid label{display:grid;grid-gap:4px;gap:4px;font-size:.85rem;color:var(--muted);align-content:start}.form-grid input,.form-grid select{font:inherit;color:var(--text);padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);margin:0;width:100%}.form-grid input:disabled,.form-grid select:disabled{opacity:.6}.form-actions{display:flex;gap:14px;align-items:center;margin-top:14px}button.big.block{display:block;width:100%;margin-bottom:10px}.scope-list{list-style:none;margin:0;padding:0}.scope-list li{display:grid;grid-gap:6px;gap:6px;padding:10px 0;border-bottom:1px solid var(--border)}.scope-list li:last-child{border-bottom:0}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip-x{background:none;border:0;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;margin-left:4px;padding:0 2px}.chip-x:hover{color:var(--danger)}td.details{max-width:420px;overflow-wrap:anywhere}.pad{padding:12px}@media (max-width:760px){.table-card table:not(.days),.table-card table:not(.days) tbody,.table-card table:not(.days) td,.table-card table:not(.days) tr{display:block;width:100%}.table-card table:not(.days) thead{display:none}.table-card table:not(.days) tr{border-bottom:1px solid var(--border);padding:8px 0}.table-card table:not(.days) td{border:0;padding:4px 12px;display:flex;justify-content:space-between;gap:12px;text-align:right}.table-card table:not(.days) td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.8rem;text-align:left}.table-card table:not(.days) td:not([data-label]){justify-content:flex-end}td.details{max-width:none}}.assignments h3{margin-top:0}table.history{margin:8px 0 16px}table.history td,table.history th{padding:8px;font-size:.9rem}table.history tr.current td{font-weight:600}table.history .chip{margin-left:8px}.assignments .entity-form{border:0;padding:12px 0 0;margin:0;border-top:1px solid var(--border);border-radius:0}@media (max-width:760px){table.history,table.history tbody,table.history td,table.history tr{display:block;width:100%}table.history thead{display:none}table.history tr{border-bottom:1px solid var(--border);padding:6px 0}table.history td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}table.history td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.8rem;text-align:left}}.notice.warn{background:transparent;border:1px solid var(--warning);color:var(--warning)}ul.week-list{list-style:none;margin:0;padding:0}ul.week-list>li{border-bottom:1px solid var(--border)}ul.week-list>li:last-child{border-bottom:0}button.week-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;padding:12px 0;font:inherit;color:var(--text);cursor:pointer;text-align:left}button.week-row .week-main{display:grid;grid-gap:2px;gap:2px}.week-review{padding:4px 0 14px;display:grid;grid-gap:10px;gap:10px}.week-review h3{margin:6px 0 0;font-size:1rem}.week-review>button.link{justify-self:start}.signoff-actions{border-top:1px solid var(--border);padding-top:12px}.signoff-actions,.signoff-actions .actions{display:grid;grid-gap:10px;gap:10px}label.comment{display:grid;grid-gap:6px;gap:6px;font-size:.9rem}label.comment textarea{font:inherit;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{max-height:36px;max-width:160px}.brand-xbeat{height:30px}.about-product-logo{height:56px;width:auto;display:block;margin:8px 0 4px}.experti-signature{max-width:1180px;margin:8px auto 24px;padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem}.experti-link,.experti-signature{align-items:center;color:var(--muted)}.experti-link{display:inline-flex;gap:8px;text-decoration:none}.experti-link strong{color:var(--text)}.experti-link:hover strong{text-decoration:underline}.experti-about{color:var(--muted)}.about-logo{width:220px;max-width:100%;margin-bottom:8px}@media (prefers-color-scheme:dark){.about-logo{background:#fff;border-radius:10px;padding:8px}}.about dl{display:grid;grid-template-columns:max-content 1fr;grid-gap:6px 16px;gap:6px 16px}.about dt{color:var(--muted)}.about dd{margin:0}@media (max-width:480px){.experti-tagline{display:none}.about dl{grid-template-columns:1fr}}.brand-preview{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;grid-gap:10px;gap:10px}.brand-preview .bar{margin:0}.swatch-row{display:flex;gap:8px;align-items:center}.swatch-row input[type=color]{width:44px;height:36px;padding:0;border:1px solid var(--border);border-radius:8px;background:none}.logo-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo-box img{max-height:48px;max-width:200px;object-fit:contain;border:1px dashed var(--border);border-radius:8px;padding:4px;background:#fff}.lic-state{display:inline-block;padding:2px 10px;border-radius:999px;font-weight:600;font-size:.85rem;border:1px solid var(--border)}.lic-state.ACTIVE{border-color:var(--primary);color:var(--primary)}.lic-state.GRACE,.lic-state.NEAR_LIMIT,.lic-state.NONE,.lic-state.NOT_STARTED{border-color:var(--warning);color:var(--warning)}.lic-state.EXPIRED,.lic-state.OVER_LIMIT{border-color:var(--danger);color:var(--danger)}.lic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px 20px;gap:12px 20px;margin:12px 0}.lic-grid div span{display:block;font-size:.8rem;color:var(--muted)}textarea.license-text{width:100%;font:.8rem/1.4 ui-monospace,Consolas,monospace;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);word-break:break-all}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.file-button{position:relative;display:inline-block;font-size:.95rem;padding:6px 12px;border-radius:8px;cursor:pointer;background:var(--secondary);color:var(--secondary-text)}.file-button:focus-within{outline:2px solid var(--primary);outline-offset:2px}.experti-links{display:inline-flex;gap:16px}.help-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:12px 0}.help-tools .search{flex:1 1 240px;padding:8px 10px;border-radius:8px;border:1px solid var(--border)}.chip-button,.help-tools .search{font:inherit;background:var(--surface);color:var(--text)}.chip-button{font-size:.88rem;padding:4px 12px;border-radius:999px;border:1px solid var(--border);cursor:pointer}.chip-button.active{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.help-toc ol{columns:260px 2;margin:8px 0 0;padding-left:20px}.help-toc li{margin-bottom:4px;page-break-inside:avoid;break-inside:avoid}.help-section{scroll-margin-top:12px}.help-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.help-head h2{margin:0}.help-notes li,.help-steps li{margin-bottom:6px}.help-notes{background:var(--secondary);border-radius:10px;padding:10px 14px;margin-top:8px}.help-notes ul{margin:6px 0 0;padding-left:20px}.table-scroll{overflow-x:auto}table.help-table td,table.help-table th{padding:6px 8px;font-size:.88rem;white-space:nowrap}.help-dl{display:grid;grid-gap:8px;gap:8px;margin:0}.help-dl div{display:grid;grid-template-columns:180px 1fr;grid-gap:12px;gap:12px}.help-dl dt{font-weight:600}.help-dl dd{margin:0}@media (max-width:600px){.help-dl div{grid-template-columns:1fr;gap:2px}}table.help-table td:last-child,table.help-table th:last-child{white-space:normal}.demo-bar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;padding:8px 16px;background:#0b1b33;color:#fff;font-size:.86rem;box-shadow:0 -4px 18px rgba(11,27,51,.25)}.demo-bar-label{opacity:.85}.demo-bar-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-bar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:.84rem;cursor:pointer;text-decoration:none;min-height:0;width:auto}.demo-bar-btn:hover{border-color:#16c2d5;color:#16c2d5}body:has(.demo-bar){padding-bottom:64px}.tour{z-index:950;pointer-events:none}.tour,.tour-shade{position:fixed;inset:0}.tour-shade{background:rgba(11,27,51,.5)}.tour-spot{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(11,27,51,.5);transition:all .25s ease}.tour-spot-action{outline:3px solid #16c2d5;outline-offset:2px;animation:tour-pulse 1.4s ease-in-out infinite}@keyframes tour-pulse{50%{outline-color:rgba(22,194,213,.25)}}.tour-bubble{position:fixed;pointer-events:auto;background:#fff;color:#0b1b33;border-radius:14px;padding:16px 18px 14px;box-shadow:0 18px 50px rgba(11,27,51,.35);max-width:calc(100vw - 32px)}.tour-bubble h3{margin:0 0 6px;font-size:1.08rem}.tour-bubble p{margin:0 0 8px;line-height:1.45;font-size:.95rem;color:#33415a}.tour-count{font-size:.78rem!important;color:#1f5bff!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px!important}.tour-doit{color:#0e7c8a!important;font-weight:600}.tour-actions{justify-content:space-between;align-items:center;margin-top:10px}.tour-actions,.tour-actions>span{display:flex;gap:8px}.tour-actions button{font:inherit;font-size:.9rem;font-weight:600;padding:8px 14px;border-radius:10px;border:0;cursor:pointer;background:#1f5bff;color:#fff}.tour-actions button.link{background:none;color:#5b6b82;font-weight:400;padding:0}.tour-actions button.secondary{background:#e9efff;color:#1747cc}.vacation-box{background:var(--secondary);border-radius:12px;padding:12px 14px;margin:8px 0 12px}.vacation-main{display:flex;align-items:baseline;gap:8px}.vacation-days{font-size:2rem;color:var(--secondary-text);line-height:1}.vacation-box p{margin:4px 0 0}.holiday-list{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-gap:4px;gap:4px}.holiday-list li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.92rem}.holiday-list.wide li{padding:6px 0;border-bottom:1px solid var(--border)}.holiday-list .holiday-date{min-width:15em;text-transform:capitalize}.absence-form{display:grid;grid-gap:10px;gap:10px;margin:8px 0 12px}.absence-form label,.date-pair label{display:grid;grid-gap:4px;gap:4px;font-size:.92rem}.absence-form input,.absence-form select,.absence-form textarea{font:inherit;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);margin:0}.date-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.absence-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.absence-list li{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border)}.absence-list.compact li{padding:4px 0;align-items:center}.absence-side{display:grid;grid-gap:4px;gap:4px;justify-items:end}.absence-request>div{flex:1 1;min-width:0}.decision-comment{font:inherit;font-size:.88rem;width:100%;margin-top:6px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.decision-buttons{display:flex;gap:6px;flex-wrap:wrap}.chip.absence-chip{background:#e9efff;color:#1747cc}.chip.holiday-chip{background:#e6f8fa;color:#0e7c8a;border-color:transparent}@media (max-width:480px){.date-pair{grid-template-columns:1fr}}.report-filters{display:grid;grid-gap:10px;gap:10px}.filter-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}.filter-row label{display:grid;grid-gap:4px;gap:4px;font-size:.88rem}.filter-row label.check{display:flex;align-items:center;gap:6px;padding-bottom:8px}.filter-row input[type=date],.filter-row select{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);margin:0;width:auto}.filter-row .week-nav{display:flex;align-items:center;gap:8px;padding-bottom:4px}table.report td.num,table.report th.num{white-space:nowrap}table.report tr.group-row td{background:var(--secondary);color:var(--secondary-text)}table.report tr.total td{font-weight:700}.pad{padding:0 12px 12px}.sync-flow{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:10px 0 14px}.sync-flow>div{background:var(--secondary);border-radius:12px;padding:10px 14px}.integrations h4,.sync-flow h4{margin:4px 0 6px;font-size:.95rem}.check-list{margin:0;padding-left:18px;font-size:.9rem;display:grid;grid-gap:3px;gap:3px}.connector-grid{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.connector{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;grid-gap:8px;gap:8px;align-content:start}.connector-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.connector p{margin:0;color:var(--muted)}.connector button{justify-self:start}.how-list{margin:0 0 10px;padding-left:18px;display:grid;grid-gap:3px;gap:3px}@media (max-width:640px){.sync-flow{grid-template-columns:1fr}}.import-steps{margin:6px 0 10px;padding-left:20px;display:grid;grid-gap:3px;gap:3px}.import-preview{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.import-table tr.row-error td{background:#fff4f3}.fix-list{display:grid;grid-gap:6px;gap:6px}.fix-list label{display:grid;grid-gap:3px;gap:3px}.fix-list input{font:inherit;font-size:.88rem;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);max-width:260px}@media (prefers-color-scheme:dark){.import-table tr.row-error td{background:#3a1f1f}}.location-map{display:grid;grid-gap:8px;gap:8px;margin:4px 0 12px}.map-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.map-search{display:flex;gap:6px;flex:1 1 220px;min-width:0}.map-search input{flex:1 1;min-width:0;font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.map-results{list-style:none;margin:0;padding:6px 10px;border:1px solid var(--border);border-radius:10px;display:grid;grid-gap:4px;gap:4px;font-size:.9rem}.map-results button.link{text-align:left;color:var(--text)}.map-box{height:340px;border-radius:12px;border:1px solid var(--border);overflow:hidden;z-index:0}.detail-now{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:4px 0 12px}.detail-map{margin:4px 0 16px}.detail-map h3{margin-top:0}.checkin-map-box{height:320px;border-radius:12px;border:1px solid var(--border);overflow:hidden;z-index:0}.checkin-nav{gap:10px;margin-bottom:8px}.checkin-current,.checkin-nav{display:flex;align-items:center}.checkin-current{flex:1 1;min-width:0;flex-direction:column;text-align:center;gap:2px}.checkin-current strong{display:inline-flex;align-items:center;gap:8px}.checkin-current i{width:11px;height:11px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);flex:none}.records li.on-map{outline:2px solid var(--accent,#1f5bff);outline-offset:-2px;border-radius:8px}ul.records .rec-main{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rec-map{margin-left:auto;font-size:.85em}ul.records li.on-map{padding-left:8px;padding-right:8px}.checkin-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;color:var(--muted)}.checkin-legend span{display:inline-flex;align-items:center;gap:6px}.checkin-legend i{width:11px;height:11px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border)}.checkin-legend i.ring{background:rgba(22,194,213,.15);border:2px solid #16c2d5;box-shadow:none}.checkin-workplace span{display:block;width:18px;height:18px;border-radius:5px;background:#0b1b33;border:3px solid #16c2d5;box-sizing:border-box}@media (max-width:760px){.checkin-map-box{height:260px}}.signin .field{display:grid;grid-gap:6px;gap:6px;margin:0 0 12px;font-size:.92rem}.signin .field input{font:inherit;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.signin .field input:focus{outline:2px solid var(--primary);outline-offset:0}.pw-field{position:relative;display:block}.signin .field .pw-field input{width:100%;box-sizing:border-box;padding-right:84px}.pw-buttons{position:absolute;top:0;bottom:0;right:4px;display:flex;align-items:center;gap:2px}.pw-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;box-shadow:none}.pw-btn:hover{background:var(--bg,rgba(0,0,0,.05));color:var(--text)}.pw-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.pw-btn[aria-pressed=true]{color:var(--primary)}.pw-field input::-ms-clear,.pw-field input::-ms-reveal{display:none}.signin-company{margin:-4px 0 12px}.signin-or{text-align:center;margin:10px 0}.signin-device{margin-top:14px}.signin form+.link{margin-top:10px}.company-id{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.company-code{font-size:1.6rem;font-weight:700;letter-spacing:.06em;color:var(--primary);font-family:ui-monospace,Consolas,monospace}.temp-password{font-size:1.05rem;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--surface);border:1px solid var(--border);-webkit-user-select:all;-moz-user-select:all;user-select:all}.device-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.device-list li{gap:6px 8px}.device-list li,fieldset.roles{display:flex;flex-wrap:wrap;align-items:center}fieldset.roles{border:0;padding:0;margin:0;gap:14px}fieldset.roles legend{font-size:.9rem;margin-bottom:6px}tr.inactive td{opacity:.55}.section-picker ul{list-style:none;padding:0;margin:16px 0;display:grid;grid-gap:10px;gap:10px}.section-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--border,#d0d5dd);border-radius:12px;background:var(--card,#fff);color:var(--text);cursor:pointer}.section-choice:focus-visible,.section-choice:hover{border-color:var(--primary)}.section-switch{font-size:.9rem;white-space:nowrap}:root{--topbar-h:48px;--rail-w:68px;--pane-w:248px;--pane-w-min:56px;--tabbar-h:60px}.ficon{fill:currentColor;flex:0 0 auto;display:block}header.top{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--topbar-h);margin:0;padding:0 12px 0 0;gap:6px;background:var(--chrome);color:var(--chrome-text);border-bottom:1px solid var(--border)}header.top,header.top .brand{display:flex;align-items:center}header.top .brand{flex:0 0 var(--rail-w);width:var(--rail-w);justify-content:center;min-width:0}.brand-logo{max-height:28px;max-width:56px;object-fit:contain}.brand-name{font-weight:700;color:var(--primary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60px}.brand-xbeat{height:22px;width:auto;max-width:58px;display:block}.brand-xbeat-dark{display:none}@media (prefers-color-scheme:dark){.brand-xbeat-light{display:none}.brand-xbeat-dark{display:block}}header.top h1{flex:1 1 auto;min-width:0;margin:0;font-size:1rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:none;color:var(--chrome-text);cursor:pointer}.top-back:hover:not(:disabled){background:var(--hover)}.top-back:disabled{opacity:.35;cursor:default}.top-tools{display:flex;align-items:center;gap:12px}.top-tools .lang a,.top-tools .top-links a{color:var(--chrome-text)}.top-links{display:flex;align-items:center;gap:12px}.user-menu{position:relative}.avatar{width:32px;height:32px;border-radius:50%;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-text);font:600 .8rem/1 inherit;cursor:pointer;flex:0 0 auto}.avatar.big{width:44px;height:44px;font-size:1rem;cursor:default}.avatar:focus-visible{outline:2px solid var(--text);outline-offset:2px}.user-menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:60;padding:6px;border-radius:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,.18)}.user-menu-who{display:flex;gap:12px;align-items:center;padding:10px 10px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.user-menu-who>span:last-child{display:grid;min-width:0}.user-menu-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-row{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;font-size:.92rem;text-align:left;text-decoration:none;cursor:pointer}a.user-menu-row:hover,button.user-menu-row:hover{background:var(--hover)}div.user-menu-row a{color:var(--muted);text-decoration:none;padding:4px 10px;border-radius:999px}div.user-menu-row a.on{background:var(--selected);color:var(--text);font-weight:600}.app-rail{position:fixed;z-index:45;top:var(--topbar-h);left:0;bottom:0;width:var(--rail-w);padding:6px 0;justify-content:space-between;background:var(--chrome)}.app-rail,.rail-end,.rail-main{display:flex;flex-direction:column}.rail-end,.rail-main{gap:2px}.rail-item{position:relative;gap:2px;padding:8px 2px 6px;border-radius:6px;color:var(--chrome-text);font-size:.66rem;line-height:1.2;text-align:center}.rail-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item:hover{background:var(--hover);color:var(--primary)}.rail-item.active{color:var(--primary);font-weight:600}.rail-item.active:before{content:"";position:absolute;left:-4px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}.rail-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}main:has(>header.top){max-width:none;margin:0;padding:calc(var(--topbar-h) + 20px) 24px 24px calc(var(--rail-w) + 24px)}main:has(>header.top)>:not(header):not(.app-shell){max-width:1180px}main:has(>header.top):not(.wide):not(:has(.app-shell))>:not(header){max-width:520px;margin-left:auto;margin-right:auto}main:has(>header.top):has(.side-nav){padding-left:calc(var(--rail-w) + var(--pane-w) + 24px)}main:has(>header.top):has(.side-nav.collapsed){padding-left:calc(var(--rail-w) + var(--pane-w-min) + 24px)}.app-shell{display:block}.app-content{min-width:0;max-width:1180px}main.with-nav .app-content{max-width:560px}body:has(.app-rail) .experti-signature{margin-left:calc(var(--rail-w) + 24px);max-width:1180px}body:has(.side-nav) .experti-signature{margin-left:calc(var(--rail-w) + var(--pane-w) + 24px)}body:has(.side-nav.collapsed) .experti-signature{margin-left:calc(var(--rail-w) + var(--pane-w-min) + 24px)}.side-nav{position:fixed;z-index:40;top:var(--topbar-h);left:var(--rail-w);bottom:0;width:var(--pane-w);padding:12px 8px;overflow-y:auto;border-right:1px solid var(--border);border-top-left-radius:8px;transition:width .15s ease}.side-nav.collapsed{width:var(--pane-w-min)}.side-nav-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 12px 8px}.side-nav-title{margin:0;font-size:1.15rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}.side-nav-toggle:hover{background:var(--hover);color:var(--text)}.side-nav.collapsed .side-nav-head{justify-content:center;padding:2px 0 12px}.side-nav.collapsed .side-nav-title{display:none}.side-nav-items{display:flex;flex-direction:column;gap:2px}.side-nav-items a,.side-nav-items button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;font-size:.92rem;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}.side-nav-items .ficon{color:var(--muted)}.side-nav-items a:hover,.side-nav-items button:hover{background:var(--hover)}.side-nav-items .active{background:var(--selected);font-weight:600}.side-nav-items .active .ficon{color:var(--primary)}.side-nav-items a:focus-visible,.side-nav-items button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.side-nav-label{overflow:hidden;text-overflow:ellipsis}.side-nav.collapsed .side-nav-label{display:none}.side-nav.collapsed .side-nav-items a,.side-nav.collapsed .side-nav-items button{justify-content:center;padding:8px 0}.section-choice{border-radius:8px;font:inherit}.section-choice strong{font-size:1rem}.card:has(table){overflow-x:auto}@media (max-width:1100px){:root{--pane-w:208px}}@media (max-width:760px){:root{--topbar-h:52px}header.top{padding:0 8px 0 12px;gap:10px}.top-back,header.top .brand{display:none}header.top .top-tools{order:-1}header.top h1{font-size:1.1rem;font-weight:700}.user-menu-panel{left:0;right:auto;width:min(300px,calc(100vw - 24px))}.app-rail{top:auto;right:0;bottom:0;width:auto;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);border-top:1px solid var(--border)}.app-rail,.rail-end,.rail-main{flex-direction:row;justify-content:space-around}.rail-end,.rail-main{flex:1 1 auto;gap:0}.rail-end{flex:0 1 auto}.rail-item{flex:1 1;margin:0;padding:8px 2px 4px;font-size:.68rem;border-radius:0;min-width:56px}.rail-item:hover{background:none}.rail-item.active:before{content:none}main:has(>header.top),main:has(>header.top):has(.side-nav),main:has(>header.top):has(.side-nav.collapsed){padding:calc(var(--topbar-h) + 12px) 12px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}main:has(>header.top)>:not(header){max-width:none!important}main.with-nav .app-content{max-width:none}body:has(.app-rail) .experti-signature,body:has(.side-nav) .experti-signature,body:has(.side-nav.collapsed) .experti-signature{margin:0 12px;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px)}body:has(.app-rail) main:has(>header.top){padding-bottom:16px}.side-nav,.side-nav.collapsed{position:-webkit-sticky;position:sticky;top:var(--topbar-h);left:auto;bottom:auto;width:auto;margin:-12px -12px 12px;padding:0 8px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface);overflow:visible}.side-nav-head{display:none}.side-nav-items{flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none}.side-nav-items::-webkit-scrollbar{display:none}.side-nav-items a,.side-nav-items button,.side-nav.collapsed .side-nav-items a,.side-nav.collapsed .side-nav-items button{flex:0 0 auto;width:auto;min-height:44px;padding:10px 10px 8px;gap:6px;border-radius:0;font-size:.9rem;justify-content:center;border-bottom:3px solid transparent}.side-nav-items .ficon{display:none}.side-nav-items .active{background:none;color:var(--primary);border-bottom-color:var(--primary)}.side-nav.collapsed .side-nav-label{display:inline}}.lock-notice{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.lock-notice p{margin:0}.lock-first{margin:0 0 10px}.phone-panel{display:grid;grid-gap:10px;gap:10px}.phone-panel label.check{display:flex;gap:8px;align-items:flex-start}.rec-device{font-size:.8rem;color:var(--muted)}.phone-panel .rec-main{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.evidence{display:grid;grid-gap:8px;gap:8px;margin:4px 0 12px}.evidence-label{font-size:.92rem}.evidence-buttons{display:flex;flex-wrap:wrap;gap:8px}.secondary-btn{font:inherit;font-size:.92rem;padding:10px 14px;min-height:44px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.secondary-btn:hover:not(:disabled){border-color:var(--primary)}.secondary-btn:disabled{opacity:.5;cursor:default}.evidence-review{display:grid;grid-gap:8px;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.evidence-review img{width:100%;max-height:360px;object-fit:contain;border-radius:6px;background:#000}.evidence-review-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:8px;gap:8px;align-items:center}.evidence-review-actions .big{padding:12px;font-size:.95rem}.evidence-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.evidence-list li{display:flex;align-items:center;gap:10px;padding:6px 4px 6px 6px;border:1px solid var(--border);border-radius:8px}.evidence-thumb{object-fit:cover}.evidence-doc,.evidence-thumb{width:44px;height:44px;border-radius:6px;flex:0 0 auto}.evidence-doc{display:inline-flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--secondary-text);font-size:.75rem;font-weight:700}.evidence-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.evidence-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.evidence-chip{cursor:pointer;font:inherit;font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}h2{font-size:1.25rem;margin:0 0 12px}h2,h3{font-weight:600}h3{font-size:1rem;margin:16px 0 8px}.page-title,main>h1{font-size:1.5rem;font-weight:600}.field>span:first-child,.tile span,label>span:first-child,th{font-size:.8125rem;font-weight:500}.muted{color:var(--muted)}.num,.state,.tabular,.tile strong,.vacation-days,td,th,time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.card,.tile{border-radius:var(--r-card);border-color:var(--border);box-shadow:var(--shadow-card)}.card{padding:20px}button.big{border-radius:var(--r-btn);font-weight:600;min-height:48px;transition:background-color .2s ease,color .2s ease,transform .1s ease}button.big:active:not(:disabled){transform:scale(.97)}button.big.secondary{background:var(--surface);color:var(--brand-strong);border:1.5px solid var(--border-strong)}.secondary-btn{border-radius:var(--r-btn);border-color:var(--border-strong)}a{color:var(--brand-strong)}input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{border-color:var(--border-strong);border-radius:12px;font-family:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--brand);width:18px;height:18px}.badge,.chip,.lic-state{border-radius:var(--r-chip)}.badge.WORKING{background:var(--st-work-bg);color:var(--st-work);border:0}.badge.ON_BREAK{background:var(--st-break-bg);color:var(--st-break);border:0}.chip.ok{border-color:var(--st-work);color:var(--st-work);background:var(--st-work-bg)}.chip.warn{border-color:var(--st-break);color:var(--st-break);background:var(--st-break-bg)}.chip.danger{border-color:var(--st-alert);color:var(--st-alert);background:var(--st-alert-bg)}.chip.info{border-color:var(--st-sync);color:var(--st-sync);background:var(--st-sync-bg)}.notice{border-radius:14px;background:var(--brand-tint);color:var(--text)}.notice.warn{background:var(--st-break-bg);color:var(--st-break);border:1px solid var(--st-break)}.notice.error{background:var(--st-alert-bg);color:var(--st-alert);border:1px solid var(--st-alert)}.bar{background:var(--track)}.bar,.bar>span{border-radius:999px}.bar>span{background:var(--brand)}.bar.over>span{background:var(--st-alert)}header.top{background:var(--surface)}.app-rail{background:var(--surface-2)}.side-nav{background:var(--surface)}.avatar{background:var(--brand);color:var(--brand-on)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}button.big:active:not(:disabled){transform:none}}.tour-spot-action{outline-color:var(--brand)}.chip.absence-chip{background:var(--brand-tint);color:var(--brand-strong);border-color:transparent}.tour-actions button.secondary{background:#E0F4F6;color:#00646F}.midia-hello{margin:4px 0 10px;font-size:1.125rem;font-weight:600}.midia-top{display:flex;flex-direction:column}.hero{border:0;padding:20px}.hero.st-OFF{background:var(--st-off-bg)}.hero.st-WORKING{background:var(--st-work-bg)}.hero.st-ON_BREAK{background:var(--st-break-bg)}.state-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-chip);font-size:.875rem;font-weight:600}.state-chip.small{padding:3px 10px;font-size:.8125rem;font-weight:500}.state-chip.st-OFF{background:var(--surface);color:var(--st-off)}.state-chip.st-WORKING{background:var(--surface);color:var(--st-work)}.state-chip.st-ON_BREAK{background:var(--surface);color:var(--st-break)}.state-chip.st-alert{background:var(--st-alert-bg);color:var(--st-alert)}.state-chip.st-info{background:var(--st-sync-bg);color:var(--st-sync)}.hero-timer{margin:14px 0 6px;font-size:3.5rem;font-weight:650;line-height:1.1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-height:1.1em}.hero.st-OFF .hero-timer{font-size:2rem;font-weight:600}.hero-line{margin:0;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.punch-area{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.punch-main{width:100%;min-height:96px;border:0;border-radius:var(--r-main);cursor:pointer;font:inherit;font-size:1.375rem;font-weight:650;letter-spacing:-.01em;transition:background-color .2s ease,color .2s ease,transform .1s ease}.punch-main:active:not(:disabled){transform:scale(.97)}.punch-main:disabled{opacity:.5;cursor:default}.punch-main.act-BREAK_END,.punch-main.act-CLOCK_IN{background:var(--st-work-solid);color:var(--st-work-on)}.punch-main.act-BREAK_START{background:var(--st-break-solid);color:var(--st-break-on)}.punch-main.act-CLOCK_OUT{background:#0B1B33;color:#FFFFFF}.punch-secondary{width:100%;min-height:48px;border-radius:var(--r-btn);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:transform .1s ease}.punch-secondary:active:not(:disabled){transform:scale(.97)}.punch-secondary:disabled{opacity:.5;cursor:default}.punch-note{margin:0;text-align:center}.punch-done{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-btn);background:var(--st-work-bg);color:var(--text)}.punch-done strong{color:var(--st-work)}.punch-fix{display:block;margin-top:4px}.punch-check{flex:0 0 28px;width:28px;height:28px;fill:none;stroke:var(--st-work);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.punch-check path{stroke-dasharray:16;stroke-dashoffset:16;animation:draw-check .3s ease-out .05s forwards}@keyframes draw-check{to{stroke-dashoffset:0}}.sync-band{gap:10px;padding:12px 14px;margin-bottom:12px;border-radius:var(--r-btn);background:var(--st-sync-bg);color:var(--st-sync);border:1px solid var(--st-sync)}.sync-band,.sync-sent{display:flex;align-items:center}.sync-sent{gap:6px;margin:0 0 12px;color:var(--st-work);font-size:.875rem;font-weight:600}.lft-alert{display:flex;gap:12px;padding:14px 16px;margin:16px 0;border-radius:var(--r-card)}.lft-alert ul{margin:6px 0;padding-left:18px}.lft-alert p{margin:4px 0 0}.lft-warning{background:var(--st-break-bg);color:var(--st-break);border:1px solid var(--st-break)}.lft-warning .link{color:var(--st-break);font-weight:600}.lft-violation{background:var(--st-alert-bg);color:var(--st-alert);border:1px solid var(--st-alert)}.week-card{margin-top:16px}.week-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.week-head h2{margin:0 auto 0 0}.bullet{position:relative;height:14px;margin:14px 0 8px;border-radius:999px;background:var(--track)}.bullet-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--brand)}.bullet.over .bullet-fill{background:var(--st-alert)}.bullet-max{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--text)}.week-total{margin:0 0 4px;font-weight:600}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;margin:14px 0 6px}.day-bar{display:grid;justify-items:center;grid-gap:4px;gap:4px}.day-col{position:relative;width:100%;max-width:28px;height:56px;border-radius:8px;background:var(--track);overflow:hidden}.day-col span{position:absolute;inset:auto 0 0 0;background:var(--brand);border-radius:8px 8px 0 0}.day-bar.ot .day-col span{background:var(--st-break-solid)}.day-label{font-size:.8125rem;font-weight:500;color:var(--muted);text-transform:uppercase}@media (max-width:760px){.midia-top{min-height:calc(100dvh - var(--topbar-h) - var(--tabbar-h) - env(safe-area-inset-bottom) - 40px)}.punch-area{margin-top:auto;padding-top:16px;padding-bottom:16px}}@media (prefers-color-scheme:dark){.punch-main.act-CLOCK_OUT{background:#ECF1F8;color:#0B1B33}.state-chip.st-OFF,.state-chip.st-ON_BREAK,.state-chip.st-WORKING{background:var(--surface)}.hero.st-OFF{border:1px solid var(--st-off)}}@media (prefers-reduced-motion:reduce){.punch-check path{animation:none;stroke-dashoffset:0}.punch-main:active:not(:disabled),.punch-secondary:active:not(:disabled){transform:none}}:root{--rail-w:84px}.app-rail{gap:8px}.rail-end,.rail-main{gap:4px}.rail-end{position:relative}.rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:56px;margin:0 4px;padding:6px 2px;border:0;border-radius:12px;background:none;color:var(--muted);font:inherit;font-size:.72rem;font-weight:500;text-decoration:none;cursor:pointer}.rail-item:before{content:none!important}.rail-pill{display:inline-flex;align-items:center;justify-content:center;width:56px;height:32px;border-radius:999px;transition:background-color .2s ease}.rail-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item:hover{color:var(--text);background:none}.rail-item:hover .rail-pill{background:var(--hover)}.rail-item.active{color:var(--accent);font-weight:700}.rail-item.active .rail-pill{background:color-mix(in srgb,var(--accent) 16%,transparent)}.rail-item:focus-visible{outline:2px solid var(--focus);outline-offset:0}.rail-more{position:absolute;left:calc(100% + 6px);bottom:0;z-index:70;min-width:220px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px rgba(11,27,51,.16)}.rail-more-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px;border-radius:12px;color:var(--text);text-decoration:none}.rail-more-item .rail-pill{width:auto;height:auto}.rail-more-item:hover{background:var(--hover)}.rail-more-item.active{color:var(--accent);font-weight:600;background:color-mix(in srgb,var(--accent) 12%,transparent)}@media (max-width:760px){:root{--tabbar-h:68px}.app-rail{gap:0;padding:4px 4px env(safe-area-inset-bottom)}.rail-main{flex:4 1}.rail-end{flex:1 1}.rail-item{flex:1 1;min-width:0;margin:0;padding:6px 0 4px;font-size:.72rem}.rail-more{left:auto;right:6px;bottom:calc(100% + 8px);min-width:230px}.rail-end,.rail-main{display:contents}}.hero-label{margin:14px 0 0;font-size:1rem;font-weight:500;color:var(--muted)}.hero-label+.hero-timer{margin-top:2px}.hero-timer.off{font-size:1.75rem;font-weight:600}.midia-top .lft-alert{margin:0 0 14px}@media (min-width:761px){.rail-item .rail-text{white-space:normal;text-align:center;line-height:1.15;overflow:visible}}:root{--accent-on:var(--brand-on);--accent-text:var(--brand-strong)}@media (prefers-color-scheme:dark){:root{--accent-text:var(--brand-strong)}}.muted a,a,button.link{color:var(--accent-text)}.secondary-btn,button.big.secondary{color:var(--accent-text);border-color:var(--accent)}.rail-item.active,.rail-more-item.active{color:var(--accent-text)}header.top .brand{flex:0 0 auto;width:auto;min-width:var(--rail-w);max-width:220px;height:100%;padding:0 14px;justify-content:flex-start;gap:10px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-bottom:3px solid var(--accent)}header.top .brand-logo{max-height:30px;max-width:180px}header.top .brand-xbeat{height:24px;max-width:120px}header.top .brand-name{max-width:180px;font-size:.95rem;color:var(--accent-text)}@media (max-width:760px){header.top .brand{display:none}header.top .brand.has-logo{display:flex;order:3;margin-left:auto;min-width:0;padding:0 10px;border-radius:10px;height:40px;border-bottom-width:2px}header.top .brand.has-logo .brand-logo{max-height:26px;max-width:96px}}.side-nav-items .active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-text)}.side-nav-items .active .ficon{color:var(--accent)}@media (max-width:760px){.side-nav-items .active{background:none;color:var(--accent-text);border-bottom-color:var(--accent)}}.empty-state{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:24px 16px;text-align:center;color:var(--muted)}.empty-state p{margin:0}.empty-state .ficon{color:var(--accent);margin-bottom:4px}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-weight:600;font-size:.8125rem;white-space:nowrap}.chip.status-chip:not(.ok):not(.warn):not(.danger){background:var(--st-off-bg);color:var(--st-off);border-color:transparent}.badge{display:inline-flex;align-items:center;gap:4px}.weeks-screen>h2{margin:4px 0 12px}.week-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}button.week-row.card{width:100%;margin:0;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:var(--text);cursor:pointer;padding:16px 18px}button.week-row.card:hover{border-color:var(--border-strong)}button.week-row.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.week-row .week-main{flex:1 1 auto;display:grid;grid-gap:4px;gap:4px;min-width:0}.week-total-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.week-total-big{font-size:1.5rem;font-weight:650}.bullet.mini{height:8px;margin:6px 0 2px}.bullet.mini .bullet-max{top:-4px;bottom:-4px;width:2px}.week-review{margin:8px 0 4px;padding:16px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border)}.hold-sign{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:10px 18px;border:0;border-radius:var(--r-btn);background:var(--st-work-solid);color:var(--st-work-on);font:inherit;font-weight:650;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.hold-sign:disabled{opacity:.5;cursor:default}.hold-ring{width:30px;height:30px;transform:rotate(-90deg);flex:0 0 auto}.hold-ring circle{fill:none;stroke-width:3.5;stroke:currentColor;opacity:.35}.hold-ring .hold-progress{opacity:1;stroke-dasharray:94.3;stroke-dashoffset:94.3;stroke-linecap:round}.hold-sign.holding .hold-progress{transition:stroke-dashoffset 1s linear;stroke-dashoffset:0}.hold-help{margin:4px 0 0;text-align:center}.notice.signed-ok{display:flex;align-items:center;gap:10px;background:var(--st-work-bg);color:var(--st-work);border:1px solid var(--st-work)}.sign-check{flex:0 0 26px;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sign-check path{stroke-dasharray:16;stroke-dashoffset:16;animation:draw-check .4s ease-out forwards}.absence-cards{display:grid;grid-gap:10px;gap:10px;padding:0}.absence-cards li.absence-card{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface)}.clip{font-size:.85rem;color:var(--muted)}.tiles.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}button.tile.kpi{font:inherit;text-align:left;cursor:pointer;display:grid;grid-gap:6px;gap:6px;padding:14px 16px;color:var(--text);background:var(--surface);border:1px solid var(--border);min-height:48px}button.tile.kpi .kpi-label{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;color:var(--muted)}button.tile.kpi strong{font-size:2rem;font-weight:650}button.tile.kpi.st-WORKING .ficon{color:var(--st-work)}button.tile.kpi.st-ON_BREAK .ficon{color:var(--st-break)}button.tile.kpi.st-OFF .ficon{color:var(--st-off)}button.tile.kpi.st-alert .ficon,button.tile.kpi.st-alert strong{color:var(--st-alert)}button.tile.kpi:hover{border-color:var(--border-strong)}button.tile.kpi.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.kpi-filter{margin:-4px 0 12px}.badge.OFF{background:var(--st-off-bg);color:var(--st-off)}.team-groups{display:none}.team-group h3{margin:16px 0 8px;font-size:.9375rem}.team-group ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.team-person{width:100%;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-btn);cursor:pointer}.team-person.selected{border-color:var(--accent)}.avatar.person{width:40px;height:40px;flex:0 0 40px;cursor:inherit;background:var(--brand-tint);color:var(--brand-strong);font-size:.85rem}.team-person-main{flex:1 1 auto;display:grid;min-width:0}.team-person-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-person-side{display:grid;justify-items:end;grid-gap:4px;gap:4px}.alert-dot{color:var(--st-break);display:inline-flex}.alert-dot.bad{color:var(--st-alert)}.table-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 4px 10px}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;padding:2px}.segmented button{font:inherit;font-size:.8125rem;border:0;background:none;color:var(--muted);padding:6px 12px;min-height:32px;border-radius:999px;cursor:pointer}.segmented button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-text);font-weight:600}.th-sort{font:inherit;font-weight:500;color:inherit;background:none;border:0;padding:4px 0;cursor:pointer;text-align:left}.th-sort:hover{color:var(--text)}.table-card.compact table.team td,.table-card.compact table.team th{padding-top:5px;padding-bottom:5px}.table-card.compact table.team .muted.small-text{display:none}@media (max-width:760px){.team-groups{display:block}.team-table-card{display:none}.tiles.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.danger-outline{font:inherit;font-size:.85rem;font-weight:600;padding:6px 12px;min-height:36px;border-radius:10px;cursor:pointer;background:transparent;color:var(--st-alert);border:1.5px solid var(--st-alert)}.danger-outline:hover{background:var(--st-alert-bg)}ul.records li>.rec-void{justify-self:flex-end;margin-top:6px}.corrections-log{margin:16px 0;padding:14px 16px;border-radius:var(--r-btn);background:var(--surface-2)}.corrections-log h3{margin-top:0}.corrections-log ul{margin:0;padding-left:18px;display:grid;grid-gap:6px;gap:6px}.admin-crumbs{margin:0 0 10px;color:var(--muted)}.bento{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.bento-card{display:grid;align-content:start;grid-gap:8px;gap:8px;margin:0}.bento-card h3{margin:0;font-size:1.125rem}.bento-card p{margin:0}.bento-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent-text)}.bento-action{margin-top:6px;min-height:44px;font-size:.95rem;padding:10px 14px}.bento-brand{grid-column:span 2}.brand-preview-live{display:grid;grid-gap:10px;gap:10px;padding:12px;border-radius:var(--r-btn);background:var(--bg);border:1px solid var(--border)}.bp-header{display:flex;align-items:center;height:44px;padding:0 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-bottom:3px solid var(--accent)}.bp-header img{max-height:28px;max-width:160px;object-fit:contain}.bp-name{font-weight:700;color:var(--accent-text)}.brand-preview-live .big.secondary{pointer-events:none}.bento-warn{display:flex;gap:6px;align-items:flex-start;color:var(--st-sync)}@media (max-width:760px){.bento-brand{grid-column:auto}}.report-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.report-brand img{max-height:44px;max-width:200px;object-fit:contain}.report-company{font-weight:700;font-size:1.1rem}.report-title{flex:1 1 auto}.report-title h2{margin:0}.report-title p{margin:2px 0 0}.report-powered{margin:0;color:var(--muted)}.report-filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.report-filter-row label{flex:0 1 180px}.report-exports{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.report-export{flex:0 1 auto;min-width:180px;padding:12px 18px;font-size:1rem}table.report td,table.report th{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell:has(.admin-home) .side-nav-items .active{background:none;font-weight:inherit;color:var(--text)}.app-shell:has(.admin-home) .side-nav-items .active .ficon{color:var(--muted)}.team-person-side .tabular{white-space:nowrap}.week-list button.week-row.card{background:var(--surface);border:1px solid var(--border)}.week-list button.week-row.card.selected{border-color:var(--accent)}