*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#18202d;font-family:'DM Sans',sans-serif}.site-footer{width:100%;padding:18px 20px;text-align:center;color:#8793a4;font-size:13px;letter-spacing:.02em}.login-screen .site-footer{position:absolute;bottom:10px;left:0}.app-shell>.site-footer{margin-top:28px;border-top:1px solid #e6ebf2}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 0,#dce8ff,transparent 35%),#f4f6fa}.login-card{width:min(440px,100%);padding:42px;background:#fff;border:1px solid #e3e8f0;border-radius:24px;box-shadow:0 25px 70px #1d35571a}.logo-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#17243a;color:#9bc1ff;font-size:28px}.logo-mark.small{width:38px;height:38px;border-radius:12px;font-size:21px}.eyebrow{margin:0;color:#91a0b5;font-size:10px;font-weight:700;letter-spacing:.16em}.accent{color:#3576db}.login-card h1{margin:14px 0;font:700 42px/1 'Space Grotesk';letter-spacing:-.05em}.login-card h1 em,.intro h1 em{font-style:normal;color:#3576db}.login-card>p:not(.eyebrow){color:#7d8999;line-height:1.7;font-size:14px}.login-card form{display:grid;gap:8px;margin-top:30px}.login-card label,.editor-card form>label{font-size:12px;font-weight:700}.login-card input,.editor-card input,.activity-head input{border:1px solid #dfe5ed;border-radius:10px;padding:12px;font:14px 'DM Sans';outline:none}.login-card input:focus,.editor-card input:focus,.activity-head input:focus{border-color:#3576db;box-shadow:0 0 0 3px #e8f0ff}.login-card small,#formError{color:#c96c75;min-height:18px}.app-shell{max-width:1240px;margin:auto;padding:25px 30px 28px}.topbar,.brand,.top-actions,.toolbar,.legend,.form-actions,footer,.activity-head,.employee-title{display:flex;align-items:center}.topbar,.activity-head,footer{justify-content:space-between}.brand{gap:12px}.brand h2{margin:0;font:600 17px 'Space Grotesk'}.top-actions{gap:14px}.sync-status{font-size:12px;color:#8c98a9}.sync-status.error{color:#c96c75}.ghost-btn,.icon-btn,.today-btn{border:1px solid #dfe5ed;background:#fff;color:#253044;cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:600}.intro{display:flex;justify-content:space-between;gap:35px;align-items:end;padding:68px 0 42px}.intro h1{margin:12px 0;font:700 clamp(38px,5vw,64px)/.95 'Space Grotesk';letter-spacing:-.06em}.intro>div>p:not(.eyebrow){max-width:550px;color:#7c899a;line-height:1.7}.rule-card{min-width:280px;padding:22px;border-radius:16px;background:#17243a;color:#eaf2ff}.rule-card strong{display:block;margin:12px 0 7px;font:600 17px 'Space Grotesk'}.rule-card p{margin:0;color:#acbdd5;font-size:12px;line-height:1.6}.rule-icon{font-size:24px;color:#9bc1ff}.toolbar{justify-content:flex-start;gap:12px;margin-bottom:14px}.toolbar>div{min-width:150px;text-align:center}.toolbar h3{margin:0;font:600 22px 'Space Grotesk'}.toolbar span{color:#8d9aac;font-size:12px}.today-btn{margin-left:10px}.workspace{display:grid;grid-template-columns:1.55fr .85fr;gap:20px}.calendar-card,.editor-card,.activity-card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;box-shadow:0 15px 45px #243b5a0b}.calendar-card{padding:24px}.editor-card{padding:25px;min-height:480px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekdays{color:#9ba7b8;font-size:11px;text-align:center;font-weight:700;margin-bottom:8px}.calendar-grid{grid-auto-rows:88px}.day{position:relative;overflow:hidden;border:1px solid #edf0f4;background:#fbfcfe;border-radius:11px;padding:8px;text-align:left;cursor:pointer;color:#263348}.day:hover{border-color:#9bc1ff}.day.muted{opacity:.42}.day.special{background:#fffafa}.day.today{box-shadow:inset 0 -3px #3576db}.day.selected{border:2px solid #3576db;padding:7px}.day-number{font-weight:700;font-size:13px}.holiday-label{display:block;color:#de7379;font-size:8px;margin-top:2px}.entry-chips{display:grid;gap:3px;margin-top:8px}.entry-chip{display:flex;justify-content:space-between;gap:3px;align-items:center;padding:3px 5px;border-radius:5px;font-size:8px;overflow:hidden}.entry-chip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.entry-chip i{font-style:normal;font-weight:700}.entry-chip.libur{background:#fff0f0;color:#b55760}.entry-chip.masuk{background:#eaf8f0;color:#318254}.entry-chip.red{border-left:3px solid #ed777e}.entry-chip.pink{border-left:3px solid #eb86b7}.entry-chip.yellow{border-left:3px solid #e9b72e}.entry-chip.green{border-left:3px solid #55b57b}.entry-chip.blue{border-left:3px solid #4c8ff1}.entry-chip.purple{border-left:3px solid #9b76db}.legend{gap:16px;flex-wrap:wrap;margin-top:20px;color:#8c98a9;font-size:11px}.legend span{display:flex;gap:6px;align-items:center}.dot{width:8px;height:8px;border-radius:50%}.dot.libur{background:#ed777e}.dot.masuk{background:#55b57b}.dot.holiday{background:#de7379}.dot.identity{background:#4c8ff1}.empty-state{height:420px;display:grid;place-content:center;text-align:center;color:#8793a4;padding:20px}.empty-state h3{margin:15px 0 8px;color:#243044;font:600 20px 'Space Grotesk'}.empty-state p{max-width:220px;line-height:1.6;font-size:13px}.empty-icon{display:grid;place-items:center;width:56px;height:56px;margin:auto;border-radius:18px;background:#eaf2ff;color:#3576db;font-size:28px}.selected-date{border-bottom:1px solid #edf0f4;padding-bottom:18px;margin-bottom:20px}.selected-date h3{margin:8px 0 5px;font:600 20px 'Space Grotesk'}.selected-date small{color:#de7379;font-size:11px}.editor-card form{display:grid;gap:8px}.editor-card form>label{margin-top:10px}.color-options{display:flex;gap:9px;margin:4px 0 4px}.color-choice{width:29px;height:29px;border:3px solid white;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px #dfe5ed}.color-choice.red{background:#ed777e}.color-choice.pink{background:#eb86b7}.color-choice.yellow{background:#e9b72e}.color-choice.green{background:#55b57b}.color-choice.blue{background:#4c8ff1}.color-choice.purple{background:#9b76db}.color-choice.active{box-shadow:0 0 0 2px #17243a}.status-options{display:flex;gap:8px}.status-option input{display:none}.status-option span{display:block;padding:9px 15px;border:1px solid #dfe5ed;border-radius:9px;font-size:12px;cursor:pointer}.status-option input:checked+span{background:#edf4ff;border-color:#4c8ff1;color:#2868c9}.editor-card textarea{width:100%;resize:vertical;border:1px solid #dfe5ed;border-radius:10px;padding:11px;font:13px 'DM Sans';outline:none}.editor-card textarea:focus{border-color:#3576db;box-shadow:0 0 0 3px #e8f0ff}.summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:9px;background:#f6f8fb;margin:7px 0 3px;font-size:11px;color:#8793a4}.summary strong{font-size:11px;color:#3576db}.summary strong.lunas{color:#318254}.summary strong.utang{color:#c96c75}.summary strong.kelebihan{color:#8b68bf}.primary-btn{border:0;border-radius:10px;padding:12px 16px;background:#3576db;color:#fff;font-weight:700;cursor:pointer}.primary-btn span{margin-left:16px}.form-actions{gap:12px;margin-top:10px}.delete-btn{border:0;background:transparent;color:#c96c75;font-size:12px;cursor:pointer}.activity-card{margin-top:20px;padding:24px}.activity-head h3{margin:8px 0 0;font:600 20px 'Space Grotesk'}.activity-head input{width:210px}.muted{color:#98a3b2;font-size:13px}.employee-block{border-top:1px solid #edf0f4;padding:14px 0}.employee-title{justify-content:space-between;margin-bottom:8px}.employee-title strong{font:600 16px 'Space Grotesk'}.employee-title span{font-size:11px;color:#c96c75}.activity-row{display:grid;grid-template-columns:10px 105px 55px 1fr 125px;gap:10px;align-items:center;padding:8px 0;color:#6f7d8f;font-size:12px}.activity-row time{color:#8793a4}.activity-row b{color:#243044}.activity-row small{text-align:right;color:#9aa5b4}.identity-dot{width:8px;height:8px;border-radius:50%}.identity-dot.red{background:#ed777e}.identity-dot.pink{background:#eb86b7}.identity-dot.yellow{background:#e9b72e}.identity-dot.green{background:#55b57b}.identity-dot.blue{background:#4c8ff1}.identity-dot.purple{background:#9b76db}footer{color:#9aa5b4;font-size:11px;margin-top:22px}@media(max-width:850px){.app-shell{padding:18px 14px}.intro{display:block;padding:40px 0 28px}.rule-card{margin-top:25px}.workspace{grid-template-columns:1fr}.calendar-card{padding:13px}.calendar-grid{grid-auto-rows:72px;gap:4px}.day{padding:7px;font-size:11px}.day.selected{padding:6px}.entry-chip{font-size:7px}.editor-card{min-height:0}.activity-row{grid-template-columns:10px 78px 45px 1fr;gap:6px}.activity-row small{grid-column:2/-1;text-align:left}.activity-head{display:block}.activity-head input{margin-top:15px;width:100%}.top-actions{gap:7px}.sync-status{display:none}}