:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f7;background:#0b0b0d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0b0b0d;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}h1{font-size:1.5rem}h2{font-size:1.05rem}code{font-size:.85em}.page,.app-shell{min-height:100vh}.centered-page{place-items:center;padding:24px;display:grid}.app-shell{max-width:720px;margin:0 auto}.owner-shell{max-width:820px}.content{gap:16px;padding:16px;display:grid}.topbar{background:#17171a;border-bottom:1px solid #2b2b31;justify-content:space-between;align-items:center;padding:16px;display:flex}.card{background:#17171a;border:1px solid #2b2b31;border-radius:18px;padding:16px;box-shadow:0 10px 28px #00000024}.setup-card,.login-card{gap:16px;width:min(100%,420px);display:grid}.eyebrow{color:#9a9aa1;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.muted,.page-title p{color:#9a9aa1;font-size:.88rem;line-height:1.6}.top-nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0de6;border-bottom:1px solid #2b2b31;grid-template-columns:repeat(5,1fr);display:grid;position:sticky;top:0}.top-nav.owner-nav{grid-template-columns:repeat(7,1fr)}.top-nav button{color:#85858d;background:0 0;border:0;padding:17px 2px 15px;font-size:.9rem;position:relative}.top-nav button.active{color:#f5f5f7;font-weight:800}.top-nav button.active:after{content:"";background:#c8ff00;border-radius:999px;height:3px;position:absolute;bottom:7px;left:28%;right:28%}.owner-context{background:#17171a;border:1px solid #2b2b31;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:4px 16px 12px;padding:14px 16px;display:flex}.owner-context h1{font-size:1rem}.owner-context-actions{grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.owner-context-actions select{min-height:42px;padding:9px 10px}.salary-hero{background:linear-gradient(145deg,#242429,#17171a);border:1px solid #34343b;border-radius:18px;gap:7px;padding:22px 18px;display:grid;overflow:hidden;box-shadow:0 12px 34px #0003}.salary-hero p{color:#b7b7be;font-size:.9rem}.salary-hero strong{color:#f5f5f7;letter-spacing:-.075em;font-size:clamp(3rem,15vw,4.25rem);line-height:1}.salary-hero span{color:#ff4d8d;font-size:.82rem;font-weight:700}.compact-salary-hero{padding-block:18px}.compact-salary-hero strong{font-size:clamp(2.2rem,10vw,3.1rem)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-card{background:#17171a;border:1px solid #2b2b31;border-radius:16px;gap:7px;padding:14px;display:grid}.metric-card span{color:#9a9aa1;font-size:.78rem}.metric-card strong{color:#f5f5f7;font-size:1rem}.today-status-card{background:linear-gradient(150deg,#202024,#17171a);border-color:#c8ff0047}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-tile{text-align:left;background:#202024;border:1px solid #2b2b31;border-radius:16px;gap:7px;min-height:86px;padding:14px;display:grid}.action-tile span{color:#9a9aa1;font-size:.78rem}.action-tile strong{color:#f5f5f7;font-size:1.3rem;line-height:1.1}.action-tile.alert strong{color:#ff759f;font-size:1rem}.action-tile.settled strong{color:#c8ff00;font-size:1rem}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quick-button{color:#f5f5f7;text-align:left;background:#17171a;border:1px solid #2b2b31;border-radius:16px;gap:5px;min-height:82px;padding:16px;display:grid}.quick-button strong{color:#f5f5f7}.quick-button span{color:#9a9aa1;font-size:.8rem}.clock-times{color:#b7b7be;gap:8px;margin:0 0 16px;font-size:.88rem;display:grid}.memo-title{color:#f5f5f7}.memo-list{gap:12px;display:grid}.memo-item{border-top:1px solid #2b2b31;gap:8px;padding-top:12px;display:grid}.memo-item:first-child{border-top:0;padding-top:0}.memo-item p{color:#b7b7be;white-space:pre-wrap;font-size:.88rem;line-height:1.6}.memo-item em{color:#9a9aa1;font-size:.8rem;font-style:normal}.memo-actions{justify-content:flex-end;display:flex}.primary-button,.secondary-button,.complete-button{border-radius:14px;min-height:48px;padding:12px 16px;font-weight:800}.primary-button{color:#0b0b0d;background:#c8ff00;border:1px solid #c8ff00;width:100%}.secondary-button{color:#f5f5f7;background:#242429;border:1px solid #3b3b43;width:100%}.complete-button{color:#0b0b0d;background:#c8ff00;border:1px solid #c8ff00;width:auto;min-height:40px;padding:9px 14px;font-size:.8rem}.primary-button:disabled,.complete-button:disabled{color:#777780;cursor:default;background:#242429;border-color:#303036}.text-button{color:#b7b7be;background:0 0;border:0;padding:8px}.status{border-radius:999px;width:fit-content;padding:4px 8px;font-size:.72rem;font-style:normal;font-weight:800;display:inline-flex}.status.pending,.status.approved{color:#c8ff00;background:#c8ff001f}.status.rejected{color:#ff759f;background:#ff4d8d24}.form-card,label{gap:8px;min-width:0;display:grid}.form-card{gap:14px}label{color:#b7b7be;font-size:.84rem;font-weight:700}input,textarea,select{color:#f5f5f7;background:#202024;border:1px solid #34343b;border-radius:12px;outline:0;width:100%;min-width:0;max-width:100%;padding:13px 12px;display:block}input:focus,textarea:focus,select:focus{border-color:#c8ff00;box-shadow:0 0 0 3px #c8ff001c}input[type=date],input[type=month],input[type=time]{width:100%;min-width:0;max-width:100%;appearance:none;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:hidden}input[type=time]{text-align:center}input[type=date]::-webkit-date-and-time-value{text-align:center;min-width:0}input[type=month]::-webkit-date-and-time-value{text-align:center;min-width:0}input[type=time]::-webkit-date-and-time-value{text-align:center;min-width:0}textarea{resize:vertical;min-height:78px}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.confirm-card{background:#202024;gap:16px;display:grid}.confirm-list{gap:0;display:grid}.confirm-row{border-bottom:1px solid #34343b;justify-content:space-between;gap:12px;padding:11px 0;font-size:.88rem;display:flex}.confirm-row:last-child{border-bottom:0}.confirm-row span{color:#9a9aa1}.confirm-row strong{text-align:right}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.accent-text{color:#ff4d8d}.inline-note{color:#c8ff00;background:#c8ff0014;border:1px solid #c8ff0059;border-radius:12px;padding:10px 12px;font-size:.82rem}.segmented-control{background:#17171a;border:1px solid #2b2b31;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-control button{color:#9a9aa1;background:0 0;border:0;border-radius:12px;min-width:0;min-height:40px;font-size:.84rem;font-weight:800}.segmented-control button.active{color:#0b0b0d;background:#c8ff00}.records{gap:0;padding:0;display:grid;overflow:hidden}.records h2{border-bottom:1px solid #2b2b31;padding:16px}.record-row{border-bottom:1px solid #2b2b31;gap:6px;padding:14px 16px;display:grid}.record-row:last-child{border-bottom:0}.record-row-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.record-row span,.record-row em{color:#9a9aa1;font-size:.8rem;font-style:normal}.record-edit-button{color:#c8ff00;background:#c8ff0014;border:1px solid #c8ff0066;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:800}.record-danger-button{color:#ff759f;background:#ff4d8d1a;border:1px solid #ff4d8d66;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:800}.record-danger-button:disabled{opacity:.48;cursor:default}.row-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.empty-state{color:#9a9aa1;padding:16px;font-size:.86rem}.owner-fact-list{gap:0;display:grid}.annual-chart-card{overflow:hidden}.annual-month-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.annual-month-tile{--month-intensity:0;border:1px solid rgba(200, 255, 0, calc(.12 + var(--month-intensity) * .28));background:linear-gradient(145deg, rgba(200, 255, 0, calc(var(--month-intensity) * .13)), #202024);border-radius:16px;align-content:space-between;gap:12px;min-width:0;min-height:104px;padding:13px;display:grid}.annual-month-tile.locked{border-color:rgba(200, 255, 0, calc(.18 + var(--month-intensity) * .32))}.annual-month-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.annual-month-heading strong{color:#f5f5f7;font-size:1rem}.annual-month-heading span{color:#9a9aa1;white-space:nowrap;font-size:.68rem;font-weight:800}.annual-month-tile em{color:#c8ff00;font-size:clamp(.92rem,2.7vw,1.18rem);font-style:normal;font-weight:900;line-height:1.05}.attendance-calendar-card{overflow:hidden}.calendar-weekdays,.attendance-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays span{color:#6f6f77;text-align:center;font-size:.72rem;font-weight:800}.calendar-day{aspect-ratio:1;background:#202024;border:1px solid #2b2b31;border-radius:12px;place-items:center;min-width:0;display:grid;position:relative}.calendar-day.blank{visibility:hidden}.calendar-day em{color:#9a9aa1;font-size:.78rem;font-style:normal;font-weight:800}.calendar-day strong{color:#c8ff00;font-size:.86rem;line-height:1;position:absolute;bottom:3px;right:5px}.calendar-day.completed{background:#c8ff0014;border-color:#c8ff0057}.calendar-day.completed em{color:#f5f5f7}.attendance-exception-card{overflow:hidden}.attendance-summary-pills{flex-wrap:wrap;gap:8px;margin:-4px 0 12px;display:flex}.attendance-summary-pills span{color:#b7b7be;border:1px solid #2b2b31;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:800}.attendance-exception-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.exception-day{aspect-ratio:1;background:#202024;border:1px solid #2b2b31;border-radius:12px;place-items:center;gap:3px;min-width:0;padding:4px;display:grid}.exception-day.blank{visibility:hidden}.exception-day em{color:#9a9aa1;font-size:.76rem;font-style:normal;font-weight:900}.exception-day strong{color:#6f6f77;font-size:.58rem;line-height:1}.exception-day.ok{background:#c8ff0014;border-color:#c8ff004d}.exception-day.ok strong{color:#c8ff00}.exception-day.late,.exception-day.early,.exception-day.both{background:#ff4d8d21;border-color:#ff4d8d6b}.exception-day.late strong,.exception-day.early strong,.exception-day.both strong{color:#ff759f}.exception-day.open{background:#f5f5f712;border-color:#f5f5f73d}.exception-day.open strong{color:#f5f5f7}.month-picker{min-width:0;padding:0 2px}.salary-list{gap:0;display:grid}.salary-row{border-bottom:1px solid #2b2b31;justify-content:space-between;gap:12px;padding:13px 0;font-size:.9rem;display:flex}.salary-row strong{color:#f5f5f7}.salary-row.total{border-bottom:0;padding-top:18px;font-size:1rem}.salary-row.total strong{color:#ff4d8d}.employee-footer{background:#17171a;border:1px solid #2b2b31;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:0 16px 12px;padding:12px 14px;display:flex}.employee-footer h1{font-size:.94rem}.system-signature{color:#6f6f77;text-align:center;padding:2px 16px 16px;font-size:.66rem}.notice{z-index:20;color:#f5f5f7;background:#202024f5;border:1px solid #45454e;border-radius:12px;max-width:692px;margin:0 auto;padding:12px 14px;font-size:.84rem;position:fixed;top:64px;left:14px;right:14px;box-shadow:0 12px 34px #00000047}.loading-line{z-index:21;color:#c8ff00;font-size:.76rem;position:fixed;top:58px;right:16px}.error-text{color:#ff759f;font-size:.88rem}.page-title{gap:6px;padding:2px;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000009e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#17171a;border:1px solid #3b3b43;border-radius:18px;gap:16px;width:min(100%,420px);padding:18px;display:grid;box-shadow:0 20px 58px #0000006b}@media (max-width:430px){.top-nav.owner-nav button{padding-inline:0;font-size:.72rem}.owner-context{flex-direction:column;align-items:stretch}.owner-context-actions{grid-template-columns:1fr auto;width:100%}.metric-grid,.action-grid{grid-template-columns:1fr}.annual-month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.annual-month-tile{border-radius:12px;min-height:86px;padding:10px}.annual-month-heading{flex-direction:column;align-items:flex-start;gap:4px}.annual-month-tile em{font-size:.82rem}.calendar-weekdays,.attendance-calendar{gap:4px}.calendar-day{border-radius:9px}.attendance-exception-calendar{gap:4px}.exception-day{border-radius:9px}.exception-day strong{font-size:.52rem}.time-grid,.confirm-actions{gap:8px}.primary-button,.secondary-button{padding-inline:10px}.record-row-heading{flex-direction:column;align-items:flex-start}}