:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1,h2{margin:0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.app{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.app-header h1{margin:0;font-size:2rem}.user-bar{display:flex;align-items:center;gap:1rem}.user-email{font-size:.875rem;color:#fff9}.logout-btn{padding:.4rem .9rem;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#ffffffbf;font-size:.875rem;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.logout-btn:hover{background-color:#ffffff14;color:#fff}.loading-bar{margin-bottom:1rem;padding:.75rem 1rem;background-color:#646cff1a;border-left:4px solid #646cff;border-radius:4px;font-size:.9rem;color:#ffffffbf}.summary-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.summary-header h2{margin:0}.save-area{display:flex;align-items:center;gap:.75rem}.save-btn{padding:.5rem 1.25rem;background-color:#646cff;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s}.save-btn:hover:not(:disabled){background-color:#535bf2}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-success{font-size:.875rem;color:#4caf50;font-weight:500}.save-error{font-size:.875rem;color:#ff6b6b}.input-section{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem;background-color:#ffffff0d;border-radius:8px;flex-wrap:wrap}.input-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.input-group label{font-weight:500;font-size:.9rem}.input-group input,.input-group select{padding:.6rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background-color:#ffffff1a;color:inherit;font-size:1rem;font-family:inherit;cursor:pointer}.input-group select{position:relative;z-index:100;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.5rem;box-shadow:0 2px 4px #0000001a}.input-group select:focus{outline:2px solid #646cff;outline-offset:2px;background-color:#ffffff26;border-color:#646cff;box-shadow:0 0 0 3px #646cff33,0 4px 6px #00000026;z-index:101}.input-group select option{background-color:#242424;color:#ffffffde;padding:.75rem;border:none}.input-group select option:hover,.input-group select option:focus{background-color:#646cff;color:#fff}.input-group select option:checked{background-color:#646cff;color:#fff}.info-text{margin-bottom:1rem;padding:1rem;background-color:#646cff1a;border-radius:4px;border-left:4px solid #646cff}.info-text p{margin:.25rem 0;font-size:.9rem}.table-container{overflow-x:auto;margin-bottom:2rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}table{width:100%;border-collapse:collapse;background-color:#ffffff0d}thead{background-color:#646cff33}th{padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(255,255,255,.2)}td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}td input{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background-color:#ffffff1a;color:inherit;font-size:.9rem;font-family:inherit;min-width:100px}td input:focus{outline:2px solid #646cff;outline-offset:2px}td input[type=time]{color-scheme:dark;min-width:120px;cursor:pointer}td input.time-late{border-color:#ff6b6bb3;background-color:#ff6b6b14}td input.time-early{border-color:#ffa500b3;background-color:#ffa50014}td.late{color:#ff6b6b;font-weight:500}td.late-deduction{color:#f44;font-weight:600}td.early{color:orange;font-weight:500}.deduction-detail{display:block;font-size:.75rem;font-weight:400;color:#ff6b6bbf;margin-top:.15rem}tr.weekend-row{background-color:#ffffff05;opacity:.7}tr.weekend-row td{color:#fff9}td select{width:100%;padding:.6rem 2.5rem .6rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background-color:#ffffff1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;color:inherit;font-size:1rem;font-family:inherit;cursor:pointer;min-width:100px;appearance:none;box-shadow:0 2px 4px #0000001a;position:relative;z-index:100}td select:focus{outline:2px solid #646cff;outline-offset:2px;background-color:#ffffff26;border-color:#646cff;box-shadow:0 0 0 3px #646cff33,0 4px 6px #00000026;z-index:101}td select option{background-color:#242424;color:#ffffffde;padding:.75rem;border:none}td select option:hover,td select option:focus{background-color:#646cff;color:#fff}td select option:checked{background-color:#646cff;color:#fff}td select.disabled-select,td input.disabled-input{opacity:.5;cursor:not-allowed;background-color:#ffffff0d}td select.disabled-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");opacity:.5}.summary-section{margin-top:2rem;padding:1.5rem;background-color:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.summary-section h2{margin-top:0;margin-bottom:1rem;font-size:1.5rem}.summary-info{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.summary-info p{margin:.5rem 0}.summary-pay{display:flex;flex-direction:column;gap:.75rem}.pay-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#ffffff0d;border-radius:4px}.pay-row.deduction{color:#ff6b6b}.pay-row.bonus-zero{opacity:.55}.not-eligible-badge{display:inline-block;margin-left:.5rem;padding:.15rem .45rem;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#ff6b6b;background-color:#ff6b6b1f;border:1px solid rgba(255,107,107,.35);border-radius:3px;vertical-align:middle;cursor:default}.pay-row.bonus-total{font-weight:500;background-color:#646cff1a}.pay-row.total{background-color:#646cff33;font-weight:600;font-size:1.1rem;padding:1rem;margin-top:.5rem}@media(prefers-color-scheme:light){.input-section,.info-text,.table-container,table,.summary-section,.pay-row{background-color:#0000000d}.input-group input,.input-group select,td input{background-color:#fffc;border-color:#0003;color:#213547}.input-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23213547' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.input-group select{box-shadow:0 2px 4px #0000001a}.input-group select:focus{background-color:#fff;border-color:#646cff;box-shadow:0 0 0 3px #646cff33,0 4px 6px #00000026;z-index:101}.input-group select option{background-color:#fff;color:#213547}.input-group select option:hover,.input-group select option:focus{background-color:#646cff;color:#fff}.input-group select option:checked{background-color:#646cff;color:#fff}thead{background-color:#646cff26}tr.weekend-row{background-color:#00000005}tr.weekend-row td{color:#0009}td select{background-color:#fffc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23213547' d='M6 9L1 4h10z'/%3E%3C/svg%3E");border-color:#0003;color:#213547;box-shadow:0 2px 4px #0000001a}td select:focus{background-color:#fff;border-color:#646cff;box-shadow:0 0 0 3px #646cff33,0 4px 6px #00000026;z-index:101}td select option{background-color:#fff;color:#213547}td select option:hover,td select option:focus{background-color:#646cff;color:#fff}td select option:checked{background-color:#646cff;color:#fff}td select.disabled-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23213547' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}td input[type=time]{color-scheme:light}td select.disabled-select,td input.disabled-input{background-color:#0000000d}.pay-row.deduction{color:#d32f2f}.deduction-detail{color:#d32f2fb3}.not-eligible-badge{color:#d32f2f;background-color:#d32f2f14;border-color:#d32f2f4d}.user-email{color:#0000008c}.logout-btn{border-color:#0003;color:#000000a6}.logout-btn:hover{background-color:#0000000d;color:#213547}.loading-bar{color:#000000a6}.save-error{color:#d32f2f}.pay-row.bonus-total{background-color:#646cff14}.pay-row.total{background-color:#646cff26}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:400px;padding:2.5rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px}.auth-card h1{margin:0 0 1.75rem;font-size:1.75rem;text-align:center}.auth-tabs{display:flex;margin-bottom:1.75rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden}.auth-tab-btn{flex:1;padding:.6rem 1rem;border:none;background:transparent;color:#fff9;font-size:.95rem;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.auth-tab-btn.active{background-color:#646cff;color:#fff;font-weight:600}.auth-tab-btn:not(.active):hover{background-color:#ffffff14;color:#ffffffe6}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-size:.88rem;font-weight:500;color:#ffffffbf}.auth-field input{padding:.65rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background-color:#ffffff12;color:inherit;font-size:1rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.auth-error{margin:0;padding:.6rem .8rem;font-size:.88rem;color:#ff6b6b;background-color:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:6px}.auth-submit-btn{padding:.75rem;background-color:#646cff;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s}.auth-submit-btn:hover:not(:disabled){background-color:#535bf2}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-confirm-msg{text-align:center;line-height:1.7;margin-bottom:1.5rem;color:#fffc}@media(prefers-color-scheme:light){.auth-card{background-color:#00000008;border-color:#0000001f}.auth-tabs{border-color:#00000026}.auth-tab-btn{color:#0000008c}.auth-tab-btn:not(.active):hover{background-color:#0000000d;color:#000c}.auth-field label{color:#000000a6}.auth-field input{background-color:#fff;border-color:#0003;color:#213547}.auth-error{color:#d32f2f;background-color:#d32f2f12;border-color:#d32f2f40}.auth-confirm-msg{color:#000000b3}}