:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app-shell{max-width:1080px;margin:auto;padding:32px 24px 56px}header,.hero,.card-heading,li{display:flex;align-items:center;justify-content:space-between;gap:20px}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;letter-spacing:-1px}h1 span{color:#6558e8}h2{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-2px;margin:8px 0 14px}.eyebrow,.card-heading span,.total-card span{color:#69738a;font-size:.72rem;font-weight:750;letter-spacing:.1em}.profile{border:0;width:42px;height:42px;border-radius:50%;background:#172033;color:#fff;font-weight:700}nav{display:flex;align-items:center;gap:12px}nav>button:first-child{border:0;background:transparent;color:#596277;font-weight:650;cursor:pointer}.hero{margin:48px 0 28px;padding:38px;border-radius:24px;background:#172033;color:#fff}.hero p:not(.eyebrow){color:#c8cede;max-width:580px;line-height:1.6}.hero .eyebrow{color:#bcb7ff}.total-card{min-width:170px;padding:20px;border-radius:16px;background:#292d4e}.total-card span{color:#bcb7ff}.total-card strong{display:block;margin-top:6px;font-size:2rem}.total-card small{color:#c8cede}.date-picker{display:inline-block;margin-top:20px;color:#d7d4ff}.date-picker input{border-color:#555a86;color:#fff;background:#292d4e;color-scheme:dark}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card,.history{background:#fff;padding:26px;border:1px solid #e6e9f1;border-radius:18px}.card-heading{margin-bottom:22px}h3{font-size:1.05rem}.fields{display:grid;gap:14px}.three-columns{grid-template-columns:repeat(3,1fr)}.extra-fields{grid-template-columns:90px 90px 132px 1fr auto}label{color:#596277;font-size:.8rem;font-weight:650}input,select{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #d7dce7;border-radius:8px;color:#172033;background:#fff}.primary{align-self:end;padding:11px 14px;border:0;border-radius:8px;color:#fff;background:#6558e8;font-weight:700;cursor:pointer}.calculation{margin-top:20px;padding-top:18px;border-top:1px solid #edf0f5;color:#596277}.registered,.history{margin-top:20px}.empty{color:#69738a}ul{padding:0;margin:0;list-style:none}li{padding:14px 0;border-top:1px solid #edf0f5}li div{display:grid;gap:4px}li span{color:#69738a;font-size:.9rem}li button{border:0;color:#b2273d;background:transparent;cursor:pointer}.save{width:100%;margin-top:20px;padding:13px;border:0;border-radius:9px;color:#fff;background:#172033;font-weight:750;cursor:pointer}.night-check{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px;border-radius:9px;color:#3f396f;background:#f1efff;cursor:pointer}.night-check input{display:inline-block;width:18px;height:18px;margin:0;accent-color:#6558e8}.night-check span{font-size:.84rem}.night-check b{display:block}.night-entry{display:grid;grid-template-columns:1fr auto;gap:4px 20px;margin:0;padding:14px 0;border-top:1px solid #edf0f5}.night-entry span{color:#69738a;font-size:.9rem}.night-entry strong{grid-column:2;grid-row:1 / span 2;align-self:center;color:#4c42c6}.weekly-summary{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:16px;align-items:center;margin-top:20px;padding:24px 26px;border-radius:18px;color:#fff;background:#6558e8}.weekly-summary .eyebrow{color:#d8d5ff}.weekly-summary h3{margin-top:5px}.weekly-summary span{display:block;color:#e4e2ff;font-size:.78rem}.weekly-summary strong{display:block;margin-top:5px;font-size:1.35rem}.history-total{display:grid;grid-template-columns:1.5fr repeat(3,1fr) auto;gap:18px;align-items:center;margin-top:20px;padding:24px 26px;border:1px solid #dfe4ef;border-radius:18px;background:#fff}.history-total h3{margin-top:5px}.history-total span{display:block;color:#69738a;font-size:.75rem}.history-total strong{display:block;margin-top:6px;font-size:1.1rem}.export{padding:11px 14px;border:0;border-radius:8px;color:#fff;background:#207245;font-weight:750;cursor:pointer}.export:disabled{opacity:.5;cursor:not-allowed}.profile-panel{display:flex;justify-content:space-between;gap:30px;margin:28px 0;padding:24px 28px;border:1px solid #dedbff;border-radius:16px;background:#f0efff}.profile-panel h3{margin:5px 0 7px}.profile-panel p:not(.eyebrow){color:#596277;max-width:470px;font-size:.9rem}.salary-fields{display:grid;grid-template-columns:180px 180px 150px;gap:12px;align-items:end}.rate{padding:10px 0}.rate span{display:block;color:#69738a;font-size:.65rem;font-weight:750;letter-spacing:.07em}.rate strong{display:block;margin-top:6px;color:#4c42c6}.profile-save{grid-column:span 3;justify-self:start}.notice,.form-error{margin:14px 0;padding:12px 14px;border-radius:9px;color:#28543c;background:#e6f7ed;font-size:.9rem}.form-error{color:#972d42;background:#ffe8ed}.history li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px}.history-actions{display:flex;gap:8px}.history-actions button{padding:6px 8px;border-radius:6px;font-size:.8rem}.history-actions button:first-child{color:#4c42c6;background:#efeeff}.access{display:grid;min-height:100vh;grid-template-columns:1.1fr .9fr;background:#172033}.access-intro{padding:15vh max(7vw,36px);color:#fff}.access-intro h1{margin:13px 0 18px;font-size:clamp(3rem,6vw,5.5rem);line-height:.96}.access-intro h1 span{color:#aaa3ff}.access-intro>p:last-child{max-width:460px;color:#c8cede;font-size:1.05rem;line-height:1.65}.access .eyebrow{color:#aaa3ff}.access-card{align-self:center;margin:50px;padding:38px;border-radius:22px;background:#fff}.access-card h2{margin:7px 0 28px;font-size:2rem}.access-card form{display:grid;gap:16px}.full{width:100%;margin-top:8px}.switch{margin-top:22px;color:#69738a;font-size:.9rem;text-align:center}.switch button{border:0;color:#4c42c6;background:none;font-weight:750;cursor:pointer}@media(max-width:800px){.app-shell{padding:24px 16px}.hero,.grid,.profile-panel{display:block}.hero{margin-top:28px;padding:26px}.total-card{margin-top:24px}.card+.card{margin-top:16px}.three-columns,.extra-fields,.salary-fields{grid-template-columns:1fr 1fr}.reason,.primary,.rate{grid-column:span 2}.access{display:block}.access-intro{min-height:40vh;padding:60px 28px}.access-card{margin:-18px 16px 30px}.weekly-summary,.history-total{grid-template-columns:1fr 1fr}.history-total>div:first-child{grid-column:span 2}.export{grid-column:span 2}}