:root{--primary: #1f4e79;--primary-dark: #173b5c;--primary-light: #e8eef5;--accent: #2f6fad;--bg: #f0f2f5;--surface: #ffffff;--text: #212529;--text-2: #3d4650;--muted: #6c757d;--border: #d9dee4;--border-light: #e9ecef;--row-alt: #f8f9fa;--success: #198754;--danger: #c62828;--warning: #b26a00;--info: #0b6aa2;--sidebar: #1b2635;--sidebar-text: #b8c2cc;--radius: 4px;font-family:Open Sans,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);font-size:13px;line-height:1.45}body.no-scroll{overflow:hidden}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.3}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;color:inherit}svg{flex-shrink:0}input,select,textarea{font:inherit;width:100%;height:34px;padding:6px 10px;border:1px solid #c8ced6;border-radius:var(--radius);background:#fff;color:var(--text)}textarea{height:auto;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2f6fad26}input[type=checkbox],input[type=radio]{width:15px;height:15px;padding:0;accent-color:var(--primary)}input:disabled,select:disabled,textarea:disabled{background:#f3f4f6;color:var(--muted)}select.auto{width:auto}.muted{color:var(--muted)}.small{font-size:12px}.right{text-align:right}.nowrap{white-space:nowrap}.mono{font-variant-numeric:tabular-nums}.strong{font-weight:700}.grow{flex:1;min-width:0}.mb{margin-bottom:12px}.stack{display:flex;flex-direction:column;gap:8px}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.center-screen{min-height:70vh;display:grid;place-items:center}.print-only{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius);border:1px solid transparent;font-weight:600;font-size:13px;background:#fff;color:var(--text-2);white-space:nowrap;text-decoration:none!important}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#146c43}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#a61f1f}.btn-secondary,.btn-ghost{border-color:#c8ced6;background:#fff}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#f3f5f7}.btn-danger-ghost{border-color:#c8ced6;color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:#fdf0f0;border-color:#e5b4b4}.btn-light{background:#fff;color:var(--text)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-lg{height:40px;padding:0 18px;font-size:14px}.btn-xl{height:52px;font-size:16px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;border:0;background:none;color:var(--muted);padding:6px;border-radius:var(--radius)}.icon-btn:hover{background:#eef0f3;color:var(--text)}.icon-btn.danger:hover{color:var(--danger);background:#fdf0f0}.link-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;color:var(--accent);font-size:12px}.link-btn:hover{text-decoration:underline}.chip-btn{border:1px solid #c8ced6;background:#fff;border-radius:var(--radius);padding:3px 10px;font-size:12px}.chip-btn:hover{border-color:var(--accent);color:var(--accent)}.app{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-top{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand{color:#fff}.sidebar-close{display:none;color:#fff}.brand{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--primary)}.sidebar-company{padding:12px 16px;font-size:12px;color:#8fa0b2;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav{padding:8px 0;flex:1}.nav-group{margin-bottom:6px}.nav-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6f8193;padding:12px 16px 4px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:8px 16px;color:var(--sidebar-text);text-decoration:none;border-left:3px solid transparent}.sidebar nav a:hover{background:#ffffff0d;color:#fff}.sidebar nav a.active{background:#ffffff14;color:#fff;border-left-color:#5b9bd5;font-weight:600}.nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:0 6px;border-radius:9px;line-height:18px}.sidebar-footer{padding:10px 16px;font-size:11px;color:#5d6d7e}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;z-index:20}.topbar-spacer{flex:1}.menu-toggle{display:none}.content{padding:20px 24px 32px;width:100%}.backdrop{display:none}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:8px;border:0;background:none;padding:4px 8px;border-radius:var(--radius);text-align:left}.user-trigger:hover{background:#f1f3f5}.user-trigger-text{display:flex;flex-direction:column;line-height:1.25}.user-trigger-text strong{font-size:13px}.user-trigger-text small{color:var(--muted);font-size:11px}.dropdown{position:absolute;right:0;top:calc(100% + 4px);width:230px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 18px #0000001f;padding:4px 0;z-index:60}.dropdown-header{padding:8px 14px;border-bottom:1px solid var(--border-light);margin-bottom:4px;display:flex;flex-direction:column}.dropdown-header small{color:var(--muted)}.dropdown button{display:flex;width:100%;align-items:center;gap:8px;border:0;background:none;padding:8px 14px;text-align:left}.dropdown button:hover{background:#f3f5f7}.dropdown button.danger{color:var(--danger)}.employee-app{min-height:100vh;display:flex;flex-direction:column}.employee-header{background:var(--primary);position:sticky;top:0;z-index:20}.employee-header-inner{max-width:1100px;margin:0 auto;height:52px;padding:0 16px;display:flex;align-items:center;gap:20px}.employee-header .brand,.employee-header .user-trigger{color:#fff}.employee-header .user-trigger:hover{background:#ffffff1a}.employee-header .user-trigger-text small{color:#c9d6e3}.employee-tabs{display:flex;gap:2px;flex:1;height:100%}.employee-tabs a{display:flex;align-items:center;gap:6px;padding:0 14px;color:#c9d6e3;text-decoration:none;border-bottom:3px solid transparent}.employee-tabs a:hover{color:#fff}.employee-tabs a.active{color:#fff;border-bottom-color:#fff;font-weight:600}.employee-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:18px 16px 32px}.employee-company{font-size:12px;color:var(--muted);margin-bottom:4px}.bottom-nav{display:none}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-header h1{font-size:20px;color:var(--text)}.page-header p{margin-top:2px;color:var(--muted)}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.card.no-pad{padding:0;overflow:hidden}.card-title{font-size:14px;margin-bottom:12px}.card-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.card-header.padded{padding:10px 14px;margin:0;border-bottom:1px solid var(--border);background:#fafbfc}.card-header h3{font-size:14px}.card-footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-light);flex-wrap:wrap}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:16px}.cards-grid .card{margin:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-2 .card{margin:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.toolbar.padded{padding:10px 14px;margin:0;border-bottom:1px solid var(--border)}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.filter-bar select{width:auto;min-width:240px}.section-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;justify-content:flex-end}.row-actions{display:flex;gap:8px;margin:0 0 12px}.search-box{position:relative;flex:1;min-width:200px;max-width:380px;margin-left:auto}.search-box.full{max-width:none;margin:0}.search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8a949e}.search-box input{padding-left:32px}.filters{padding:16px 18px}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;margin-bottom:4px}.filters-grid.small-grid{grid-template-columns:repeat(4,minmax(0,220px))}.filters .field>span{font-weight:400;color:var(--text-2)}.result-bar{padding:12px 16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.action-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;background:var(--primary-light);border:1px solid #c5d4e4;border-radius:var(--radius);flex-wrap:wrap}.bulk-bar span{margin-right:auto}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;min-width:0}.field>span{font-size:13px;font-weight:600;color:var(--text-2)}.req{color:var(--danger);font-style:normal;margin-left:2px}.hint{color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 16px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:span 2}.form-narrow{max-width:440px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.form-section-head{margin:-16px -16px 16px;padding:10px 16px;border-bottom:1px solid var(--border);background:#fafbfc}.form-section-head h3{font-size:14px}.form-section-head p{color:var(--muted);font-size:12px}.section-icon{display:none}fieldset.plain{border:0;padding:0;margin:0;min-width:0}.input-icon,.input-with-action{position:relative;display:flex;gap:6px;align-items:center}.input-icon button{position:absolute;right:4px;border:0;background:none;color:var(--muted);padding:6px;display:grid}.input-icon input{padding-right:34px}.sticky-actions{position:sticky;bottom:0;padding:12px 0;display:flex;gap:8px;justify-content:flex-end;background:var(--bg);border-top:1px solid var(--border)}.file-input{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px dashed #b5bec8;border-radius:var(--radius);color:var(--text-2);cursor:pointer}.file-input:hover{border-color:var(--accent);color:var(--accent)}.file-input input{display:none}.check-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:12px}.toggles{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.toggle{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin-bottom:12px}.toggles .toggle{margin-bottom:0}.toggle input{margin-top:2px}.toggle-text{display:flex;flex-direction:column}.toggle-text strong{font-weight:600}.toggle-text small{color:var(--muted);font-size:12px}.check-list{border:1px solid var(--border);border-radius:var(--radius);max-height:380px;overflow-y:auto}.check-list label{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border-light);cursor:pointer}.check-list label:last-child{border-bottom:0}.check-list label:hover{background:var(--row-alt)}.check-list label.checked{background:var(--primary-light)}.check-list label span small{display:block;color:var(--muted);font-size:11px}.alert{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius);margin-bottom:14px;border:1px solid transparent;border-left-width:4px}.alert svg{margin-top:1px}.alert-error{background:#fdf2f2;color:#8b1c1c;border-color:#f0c2c2;border-left-color:var(--danger)}.alert-success{background:#eef8f2;color:#135c37;border-color:#bfe0cc;border-left-color:var(--success)}.alert-warning{background:#fff8e6;color:#7a4a00;border-color:#f1d9a6;border-left-color:#d99100}.alert-info{background:#eef5fb;color:#0d4a75;border-color:#c4dbee;border-left-color:var(--info)}.alert a{font-weight:600;color:inherit;text-decoration:underline}.badge{display:inline-block;padding:1px 7px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge-muted{background:#f1f3f5;color:#555e68;border-color:#dfe3e8}.badge-success{background:#e8f5ee;color:#146c43;border-color:#bfe0cc}.badge-danger{background:#fdeeee;color:#a61f1f;border-color:#f0c2c2}.badge-warning{background:#fff5e0;color:#8a5300;border-color:#f1d9a6}.badge-info{background:#eaf3fa;color:#0d4a75;border-color:#c4dbee}.badge-primary{background:var(--primary-light);color:var(--primary);border-color:#c5d4e4}.tags{display:flex;flex-wrap:wrap;gap:4px}.toasts{position:fixed;top:14px;right:14px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 28px))}.toast{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fff;border:1px solid var(--border);border-left:4px solid;border-radius:var(--radius);box-shadow:0 4px 14px #0000001f}.toast span{flex:1}.toast button{border:0;background:none;color:var(--muted);padding:2px;display:grid}.toast-success{border-left-color:var(--success)}.toast-success>svg{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error>svg{color:var(--danger)}.toast-info{border-left-color:var(--info)}.toast-info>svg{color:var(--info)}.spinner{display:flex;align-items:center;justify-content:center;gap:8px;padding:36px;color:var(--muted)}.empty{padding:28px 16px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px}.empty strong{color:var(--text)}.empty .btn{margin-top:6px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar .tabs{border-bottom:0}.tabs button{border:0;background:none;padding:9px 16px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-count{background:var(--danger);color:#fff;font-size:11px;padding:0 6px;border-radius:9px;line-height:17px}.tab-content{margin-top:16px}.month-picker{display:inline-flex;align-items:center;background:#fff;border:1px solid #c8ced6;border-radius:var(--radius);height:34px}.month-picker label{position:relative;padding:0 10px;font-weight:600;min-width:140px;text-align:center;cursor:pointer}.month-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.stat-card small{color:var(--muted);font-size:11px}.stat-card.stat-danger{border-top-color:var(--danger)}.stat-card.stat-warning{border-top-color:#d99100}.stat-card.stat-success{border-top-color:var(--success)}.stat-icon{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);flex-shrink:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--text-2);font-weight:600;padding:9px 12px;border-bottom:2px solid var(--border);background:#f6f7f9;white-space:nowrap}td{padding:9px 12px;border-bottom:1px solid var(--border-light);vertical-align:middle}tbody tr:hover{background:#f7f9fb}tr.clickable{cursor:pointer}tr.selected{background:var(--primary-light)!important}.grid-table.compact td,.grid-table.compact th{padding:7px 12px}.col-check{width:36px}.person{display:flex;align-items:center;gap:10px}.person h3{font-size:14px}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;width:36px;height:36px}.avatar-initials{display:grid;place-items:center;background:#dfe6ee;color:#3d5a78;font-weight:700}.img-placeholder{background:#eceff3}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border-light)}.list li>div{display:flex;flex-direction:column}.list small{color:var(--muted);font-size:12px}.time-pill{font-weight:700;font-variant-numeric:tabular-nums}.totals-bar{display:flex;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.totals-bar>div{flex:1;min-width:130px;padding:10px 14px;border-right:1px solid var(--border-light);display:flex;flex-direction:column}.totals-bar>div:last-child{border-right:0}.totals-bar span{font-size:11px;color:var(--muted)}.totals-bar strong{font-size:16px;font-variant-numeric:tabular-nums}.sheet-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;margin-bottom:16px}.sheet{min-width:980px}.sheet th{background:#fff;color:var(--accent);font-weight:600;border-bottom:2px solid var(--border)}.sheet td{border-bottom:1px solid var(--border-light)}.sheet tbody tr:hover{background:transparent}.sheet .col-action{width:130px;font-size:12px;color:var(--text-2)}.sheet .col-status{width:200px}.sheet .col-time{width:165px}.sheet .col-total{width:100px}.sheet .col-att{width:70px}.sheet .col-place{width:22%}.day-foot td{white-space:nowrap}.day-head td{background:var(--primary);color:#fff;padding:6px 12px;border:0}.day-head.future td{background:#8295a8}.day-head-inner{display:flex;align-items:center;gap:10px}.day-head-note{margin-left:16px;font-size:12px;color:#d6e2ee}.day-menu{position:relative}.day-menu>button{border:0;background:none;color:#fff;padding:2px;display:grid;border-radius:3px}.day-menu>button:hover{background:#ffffff26}.day-menu-spacer{width:4px}.menu-list{position:absolute;left:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 18px #00000026;z-index:30;min-width:210px;padding:4px 0}.menu-list button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 14px;color:var(--text)}.menu-list button:hover{background:#f3f5f7}.pair-row td{padding:6px 12px}.status-line{display:inline-flex;align-items:center;gap:6px}.status-line.ok svg{color:#20a35a}.status-line em{font-style:italic;color:var(--accent)}.status-line em.warn,.status-line.warn{color:var(--warning)}.status-line.bad{color:var(--danger);font-weight:600}.status-line.muted{color:var(--muted)}.time-cell{display:flex;align-items:center;gap:6px}.cam,.remove,.att{border:0;background:none;padding:3px;display:grid;color:#59636e;border-radius:3px}.cam:hover,.att:hover{color:var(--accent);background:var(--primary-light)}.remove{color:#6c757d}.remove:hover{color:var(--danger);background:#fdf0f0}.cam-spacer{width:22px}.time-input{width:82px;height:32px;padding:4px 6px;text-align:center;font-variant-numeric:tabular-nums}.time-box{display:inline-block;min-width:64px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);text-align:center;font-variant-numeric:tabular-nums;background:#fafbfc}.place{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:var(--text-2);text-align:left;max-width:300px}.place svg{color:#59636e}.place span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place:hover span{text-decoration:underline;color:var(--accent)}.place.warn,.place.warn svg{color:var(--warning)}.empty-day td{color:var(--muted)}.day-foot td{background:#fbeee6;border-bottom:0;padding:6px 12px 8px;vertical-align:top}.day-foot span{display:block;font-size:12px;color:var(--muted)}.day-foot td:nth-child(2) span,.day-foot td:nth-child(2) strong{color:var(--accent)}.day-foot strong{font-weight:400;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:2px}.foot-balance strong{font-weight:600}.punch-detail-media{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-bottom:14px}.punch-photo{width:100%;aspect-ratio:3 / 4;max-height:340px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:#eceff3}.empty-photo{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:var(--muted);background:#f6f7f9;border:1px dashed var(--border);border-radius:var(--radius);min-height:220px}.map-embed{display:flex;flex-direction:column;gap:4px}.map-embed iframe{width:100%;border:1px solid var(--border);border-radius:var(--radius)}.map-embed a{font-size:12px}.details{display:grid;grid-template-columns:160px 1fr;gap:6px 12px;margin:0}.details dt{color:var(--muted)}.details dd{margin:0}.log-list{list-style:none;padding:0;margin:0}.log-list li{padding:8px 0;border-bottom:1px solid var(--border-light)}.week-list{list-style:none;padding:0;margin:0}.week-list li{display:flex;justify-content:space-between;padding:5px 0;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border-light)}.week-list li span:first-child{font-weight:600;width:40px}.week-list li.off{color:#9aa3ad}.presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px}.schedule-editor td{padding:6px 8px}.schedule-editor input[type=time]{min-width:100px}.schedule-editor tr.off td{color:#9aa3ad}.day-toggle{display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap;cursor:pointer}.balance-pill{font-weight:700;font-variant-numeric:tabular-nums}.balance-pill.positive{color:var(--success)}.balance-pill.negative{color:var(--danger)}.statement{list-style:none;padding:0;margin:0}.statement li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-light)}.statement li>span{flex:1;display:flex;flex-direction:column}.statement li small{color:var(--muted);font-size:12px}.statement li.total{border-bottom:0;border-top:2px solid var(--border);font-size:14px}.export-card{display:flex;flex-direction:column;gap:12px}.export-head{display:flex;gap:12px}.export-head h3{font-size:14px;margin-bottom:2px}.export-head p{font-size:12px}.export-body{flex:1}.employee-head{display:flex;gap:24px;align-items:flex-start}.photo-picker{display:flex;flex-direction:column;align-items:center;gap:8px}.photo-lg{width:104px;height:104px;border-radius:50%;object-fit:cover;font-size:32px;border:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2680;display:grid;place-items:center;padding:16px;z-index:80}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 10px 30px #00000040}.modal-sm{max-width:430px}.modal-lg{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:#fafbfc}.modal-header h3{font-size:15px}.modal-header p{color:var(--muted);font-size:12px}.modal-body{padding:16px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:#fafbfc}.confirm-text{color:var(--text-2)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg)}.login-top{margin-bottom:18px}.login-top .brand{font-size:22px}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:2px}.login-card h1{font-size:17px;margin-bottom:16px}.login-card .btn-block{margin-top:6px;height:38px}.login-help{margin-top:14px;color:var(--muted);font-size:12px;text-align:center}.login-footer{margin-top:18px;color:var(--muted);font-size:12px}.punch-page{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;align-items:start}.punch-main{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px}.punch-main .alert{margin-bottom:0}.clock-card{text-align:center;display:flex;flex-direction:column;padding-bottom:4px;border-bottom:1px solid var(--border-light)}.clock-date{color:var(--muted)}.clock-date:first-letter{text-transform:uppercase}.clock-time{font-size:44px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary);line-height:1.15}.clock-greeting{font-weight:600;padding-bottom:8px}.camera{position:relative;border-radius:var(--radius);overflow:hidden;background:#1d232a;aspect-ratio:4 / 3}.camera-view{width:100%;height:100%;object-fit:cover;display:block}.mirror{transform:scaleX(-1)}.camera-guide{position:absolute;left:50%;top:48%;width:42%;aspect-ratio:3 / 4;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.7);border-radius:50%;pointer-events:none}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:24px;color:#dde3e9}.camera-success{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#198754eb;color:#fff}.camera-success svg{width:22px;height:22px}.camera-success strong{font-size:15px}.check-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12px}.check{display:inline-flex;align-items:center;gap:5px}.check.ok{color:var(--success)}.check.wait{color:var(--muted)}.check.bad{color:var(--danger)}.punch-side{display:flex;flex-direction:column;gap:16px}.punch-side .card{margin:0}.day-steps{list-style:none;padding:0;margin:0}.day-steps li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-light)}.day-steps li:last-child{border-bottom:0}.day-steps li>div{flex:1;display:flex;flex-direction:column}.day-steps li small{color:var(--muted);font-size:11px}.day-steps li .mono{font-size:15px;font-weight:700;color:#b0b8c1}.day-steps .dot{width:10px;height:10px;border-radius:50%;border:2px solid #b0b8c1}.day-steps li.done .dot{background:var(--success);border-color:var(--success)}.day-steps li.done .mono{color:var(--text)}.day-steps li.current .dot{border-color:var(--primary);background:var(--primary)}.day-steps li.current strong{color:var(--primary)}.bank-card{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none!important;border-left:4px solid var(--success)}.bank-card.negative{border-left-color:var(--danger)}.bank-card div{display:flex;flex-direction:column}.bank-card span{font-size:12px;color:var(--muted)}.bank-card strong{font-size:20px;font-variant-numeric:tabular-nums}.bank-card.positive strong{color:var(--success)}.bank-card.negative strong{color:var(--danger)}.mini-link{color:#7a4a00;background:#fff8e6;border-color:#f1d9a6}.request-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.request-card{margin:0;display:flex;flex-direction:column;gap:4px}.request-card .alert{margin:6px 0 0}.request-head{display:flex;justify-content:space-between;gap:8px;align-items:center}@media (max-width: 1100px){.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.punch-page{grid-template-columns:1fr}}@media (max-width: 900px){.sidebar{position:fixed;left:-250px;z-index:70;transition:left .2s}.menu-open .sidebar{left:0}.menu-open .backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:65}.sidebar-close,.menu-toggle{display:inline-grid}.content{padding:14px 12px 28px}.topbar{padding:0 10px}.user-trigger-text{display:none}.employee-head{flex-direction:column;align-items:center}.form-grid .span-2{grid-column:auto}.details{grid-template-columns:1fr;gap:0}.details dd{margin-bottom:8px}.punch-detail-media{grid-template-columns:1fr}.filter-bar select{min-width:0;width:100%}.search-box{max-width:none;margin-left:0}.filters-grid.small-grid{grid-template-columns:1fr 1fr}.employee-tabs{display:none}.employee-header-inner{justify-content:space-between}.employee-content{padding:12px 12px calc(76px + env(safe-area-inset-bottom))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;color:#7b8590;font-size:11px;text-decoration:none;border-top:2px solid transparent}.bottom-nav a.active{color:var(--primary);font-weight:600;border-top-color:var(--primary)}.clock-time{font-size:38px}}@media (max-width: 560px){.filters-grid,.form-grid.two{grid-template-columns:1fr}.modal-overlay{padding:0;place-items:end center}.modal{max-height:94vh}.stats-grid{grid-template-columns:1fr 1fr}.totals-bar>div{min-width:50%;border-bottom:1px solid var(--border-light)}.cards-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.no-print,.page-actions,.toasts,.filter-bar,.bottom-nav,.employee-header,.remove,.day-menu,.cam{display:none!important}.print-only{display:block}.content,.employee-content{padding:0}.page-header{display:none}.sheet{min-width:0;font-size:11px}.day-head td{background:#e5e7ea!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.day-foot td{background:#fff!important}.time-input{border:0;width:auto;height:auto;padding:0}.print-header{margin-bottom:12px}.signatures{display:flex;gap:60px;margin-top:60px}.signatures div{flex:1;border-top:1px solid #000;padding-top:6px;text-align:center}body{background:#fff}}.sidebar{transition:width .15s ease}.sidebar-collapse{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:0;border-top:1px solid rgba(255,255,255,.08);background:none;color:#8fa0b2;text-align:left}.sidebar-collapse:hover{color:#fff;background:#ffffff0d}.collapse-toggle{display:inline-grid}.app.collapsed .sidebar{width:60px}.app.collapsed .sidebar .brand span,.app.collapsed .sidebar .nav-label,.app.collapsed .sidebar .nav-title,.app.collapsed .sidebar .sidebar-company{display:none}.app.collapsed .sidebar-top{justify-content:center;padding:0}.app.collapsed .sidebar nav a{justify-content:center;padding:10px 0;position:relative}.app.collapsed .nav-group{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.06);padding:4px 0}.app.collapsed .nav-badge{position:absolute;top:4px;right:8px;font-size:10px;padding:0 4px;line-height:15px}.app.collapsed .sidebar-collapse{justify-content:center;padding:12px 0}.login-card form{display:flex;flex-direction:column}.login-links{display:flex;justify-content:flex-end;margin:-4px 0 10px;font-size:12px}.login-links.center{justify-content:center;margin:14px 0 0}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,440px));gap:16px}.account-grid .card{margin:0}.error-page{max-width:640px}.error-page h3{margin-bottom:6px}.error-page pre{background:#f6f7f9;border:1px solid var(--border);padding:10px;font-size:12px;white-space:pre-wrap;margin:12px 0}.edit-hint{margin:-4px 0 10px}.time-input.changed{border-color:#d99100;background:#fff8e6;font-weight:700}.time-input.deleted{text-decoration:line-through;color:var(--danger);background:#fdf2f2}.time-cell.is-deleted .cam{opacity:.4}.undo{border:0;background:none;padding:3px;display:grid;color:var(--accent);border-radius:3px}.undo:hover{background:var(--primary-light)}.place b{font-weight:600;color:var(--text)}.save-bar{position:sticky;bottom:0;z-index:25;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 -24px -32px;padding:12px 24px;background:#fff;border-top:2px solid #d99100;box-shadow:0 -4px 14px #00000014}.save-bar-info{display:flex;flex-direction:column;margin-right:auto}.save-bar-info span{font-size:12px;color:var(--muted)}.save-bar-reason{width:320px;max-width:100%}.map-card{margin-bottom:16px}.leaflet-box{z-index:0;border-radius:var(--radius)}.modal-xl{max-width:1100px}.location-form{display:grid;grid-template-columns:340px 1fr;gap:18px}.location-form-map .muted{margin-top:6px}.search-results{border:1px solid var(--border);border-radius:var(--radius);margin:-6px 0 12px;max-height:210px;overflow-y:auto}.search-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border-light);background:#fff;padding:8px 10px;font-size:12px}.search-results button:hover{background:var(--primary-light)}.search-results .muted{padding:8px 10px}.radius-input{display:flex;align-items:center;gap:8px}.radius-input input[type=range]{flex:1;height:auto;padding:0;border:0;accent-color:var(--primary)}.radius-input input[type=number]{width:90px}.radio-row{display:flex;gap:24px;flex-wrap:wrap}.check-list.compact{max-height:260px}.place-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;font-size:13px;padding:8px 10px;border-radius:var(--radius)}.place-status.ok{background:#eef8f2;color:#135c37}.place-status.warn{background:#fff8e6;color:#7a4a00}.place-status.bad{background:#fdf2f2;color:#8b1c1c}@media (max-width: 900px){.collapse-toggle,.sidebar-collapse{display:none}.app.collapsed .sidebar{width:232px}.app.collapsed .sidebar .brand span,.app.collapsed .sidebar .nav-label,.app.collapsed .sidebar .nav-title,.app.collapsed .sidebar .sidebar-company{display:revert}.app.collapsed .sidebar nav a{justify-content:flex-start;padding:8px 16px}.location-form{grid-template-columns:1fr}.save-bar{margin:0 -12px -28px;padding:10px 12px}.save-bar-reason{width:100%}}.check-list label.locked{cursor:default}.check-list label:has(input:disabled){cursor:default;color:var(--muted)}.check-list label:has(input:disabled):hover{background:transparent}.check-list label.checked:has(input:disabled){background:var(--row-alt)}.small-note{font-size:12px;margin:8px 0 0}