:root{--navy:#16302e;--green:#16715f;--mint:#e5f3ef;--lime:#d6f0a6;--orange:#f5a524;--ink:#1e2b2a;--muted:#71807d;--line:#e2e8e5;--canvas:#f4f6f8;--white:#fff;--red:#c43d45}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8fd7c7}.lockscreen{z-index:20;background:linear-gradient(135deg,#102927,#1f5e53);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lockscreen[hidden]{display:none}.lock-card{background:#fff;border-radius:18px;width:min(100%,390px);padding:34px;box-shadow:0 24px 70px #00000047}.lock-mark,.brand-mark{color:var(--navy);background:var(--lime);letter-spacing:-.08em;place-items:center;font-weight:900;display:grid}.lock-mark{border-radius:12px;width:44px;height:44px;margin-bottom:20px}.lock-card h1{letter-spacing:-.04em;margin:0 0 7px;font-size:1.45rem}.lock-card p{color:var(--muted);margin:0 0 22px;font-size:.88rem}label{color:#62716e;margin:0 0 6px;font-size:.72rem;font-weight:800;display:block}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px}.button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 13px;font-size:.82rem;font-weight:800;display:inline-flex}.button:hover{background:#f6faf8}.button.primary{border-color:var(--green);color:#fff;background:var(--green)}.button.primary:hover{background:#105d4f}.lock-card .button{width:100%;margin-top:13px}.lock-error{color:#ad3642;min-height:18px;margin:10px 0 0;font-size:.78rem;font-weight:700}.app{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:var(--navy);flex-direction:column;padding:27px 16px;display:flex}.brand{align-items:center;gap:10px;padding:0 10px 29px;display:flex}.brand-mark{border-radius:10px;width:36px;height:36px}.brand strong{letter-spacing:-.025em;font-size:1rem;display:block}.brand span{color:#a5bfba;font-size:.73rem;display:block}.side-label{color:#91aaa5;letter-spacing:.11em;text-transform:uppercase;margin:10px 10px 8px;font-size:.68rem;font-weight:800}.side-item{color:#fff;background:#ffffff1f;border-radius:9px;align-items:center;gap:10px;padding:11px 10px;font-size:.88rem;font-weight:700;display:flex}.side-note{color:#abc1bd;border-top:1px solid #ffffff21;margin-top:auto;padding:17px 10px 0;font-size:.76rem}.side-note strong{color:#fff;margin-bottom:3px;display:block}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 36px;display:flex}.breadcrumb{color:var(--muted);margin:0 0 3px;font-size:.73rem}.topbar h2{letter-spacing:-.03em;margin:0;font-size:1.15rem}.today{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.today i{background:#32a87a;border-radius:50%;width:9px;height:9px}.page{max-width:1680px;margin:auto;padding:30px 36px 45px}.page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.page-head h3{letter-spacing:-.055em;margin:0 0 6px;font-size:clamp(1.7rem,3vw,2.2rem)}.page-head p{max-width:650px;color:var(--muted);margin:0;font-size:.9rem}.month-nav{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;display:flex;overflow:hidden}.month-nav button{width:37px;height:38px;color:var(--ink);background:#fff;border:0;font-size:1.25rem}.month-nav button:hover{background:var(--mint)}.month-nav strong{text-align:center;min-width:160px;padding:0 8px;font-size:.85rem}.workspace{grid-template-columns:minmax(0,1fr) 325px;align-items:start;gap:20px;display:grid}.calendar{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:auto hidden;box-shadow:0 5px 17px #16302e0a}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 17px #16302e0a}.calendar-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;display:flex}.calendar-head h4{margin:0;font-size:.95rem}.calendar-head span{color:var(--muted);font-size:.78rem}.calendar-layout{--week-row-size:140px;grid-template-columns:58px minmax(0,1fr);display:grid}.calendar-content{min-width:0}.week-numbers{border-right:1px solid var(--line);background:#fafbfb;display:grid}.week-spacer{border-bottom:1px solid var(--line);min-height:39px}.week-number-row{min-height:var(--week-row-size);color:var(--muted);text-align:center;justify-content:center;align-items:center;font-size:.65rem;font-weight:800;display:flex}.weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekdays{border-bottom:1px solid var(--line);background:#fafbfb}.weekdays span{text-align:center;color:#7f8d8a;letter-spacing:.08em;text-transform:uppercase;padding:12px 4px;font-size:.66rem;font-weight:800}.weekdays span:last-child{color:var(--red)}.calendar-grid{grid-auto-rows:var(--week-row-size);min-height:0}.day{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:140px;color:var(--ink);text-align:left;vertical-align:top;background:#fff;padding:11px;transition:background .15s}.day:nth-child(7n){background:#fff8f8;border-right:0}.day:hover{background:#f5faf8}.day.empty{pointer-events:none;background:#fbfcfc}.day.selected{box-shadow:inset 0 0 0 2px var(--green)}.day.is-today .day-number{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.day:nth-child(7n) .day-number{color:var(--red)}.day:nth-child(7n).is-today .day-number{color:#fff;background:var(--red)}.date-line{align-items:center;gap:4px;display:flex}.day-number{place-items:center;min-width:26px;height:26px;font-size:.78rem;font-weight:800;display:inline-grid}.week-inline{color:var(--muted);white-space:nowrap;font-size:.6rem;font-weight:800}.day-events{clear:both;width:100%;margin-top:8px;display:block}.event{color:#0f5f4e;background:var(--mint);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;width:100%;margin-top:5px;padding:5px 6px;font-size:.69rem;font-weight:800;display:block;overflow:hidden}.event.syk{color:#a6323e;background:#fde7e8}.event.ferie{color:#315ea8;background:#e7efff}.event.fri{color:#59636b;background:#f0f1f3}.event.fravaer{color:#624c91;background:#ede9f6}.event.saturday{color:#895500;background:#fff0c8}.event.holiday{color:#a6323e;background:#fde7e8}.day.holiday-day{background:#fff2f3!important}.calendar-foot{border-top:1px solid var(--line);color:var(--muted);gap:16px;padding:13px 19px;font-size:.75rem;display:flex}.legend{align-items:center;gap:6px;display:flex}.legend i{background:var(--green);border-radius:3px;width:9px;height:9px}.legend i.red{background:var(--red)}.right-col{gap:20px;display:grid}.summary{color:#fff;background:var(--navy);border:0;padding:20px}.summary-label{color:#a7c3bd;letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.68rem;font-weight:800}.summary h4{margin:0 0 18px;font-size:1.1rem}.summary-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.summary-stats div{background:#ffffff14;border-radius:8px;padding:12px 9px}.summary-stats span{color:#b8d0cb;font-size:.67rem;display:block}.summary-stats strong{letter-spacing:-.045em;margin-top:3px;font-size:1.2rem;display:block}.summary-total{color:#c3d7d2;border-top:1px solid #ffffff26;justify-content:space-between;margin:15px 0 0;padding-top:14px;font-size:.78rem;display:flex}.summary-total strong{color:var(--lime)}.absence{border-top:1px solid #ffffff26;margin-top:15px;padding-top:13px}.absence>p{color:#b8d0cb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.67rem;font-weight:800}.absence-row{border-top:1px solid #ffffff14;justify-content:space-between;gap:8px;padding:7px 0;font-size:.71rem;display:flex}.absence-row span{color:#c7d9d3;text-align:right}.absence-row b{color:var(--lime)}.vacation-balance{border-top:1px solid #ffffff26;margin-top:14px;padding-top:13px}.vacation-balance p{color:#b8d0cb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.67rem;font-weight:800}.vacation-balance div{color:#fff;border-top:1px solid #ffffff14;justify-content:space-between;gap:8px;padding:6px 0;font-size:.74rem;display:flex}.vacation-balance small{color:#b8d0cb}.vacation-balance strong{color:var(--lime)}.editor{padding:20px;display:none}.editor-top{justify-content:space-between;align-items:start;gap:8px;margin-bottom:14px;display:flex}.editor h4{margin:0 0 3px;font-size:1rem}.selected-date{color:var(--muted);margin:0;font-size:.78rem}.badge{color:#0f5f4e;background:var(--mint);border-radius:99px;padding:4px 7px;font-size:.65rem;font-weight:800}.choice-section{margin-bottom:13px}.choice-section>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.68rem;font-weight:800;display:block}.choices{flex-wrap:wrap;gap:5px;display:flex}.choice{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:7px 8px;font-size:.73rem;font-weight:800}.choice.active{border-color:var(--green);color:#fff;background:var(--green)}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.full{grid-column:1/-1}.range{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.range h5{margin:0 0 3px;font-size:.84rem}.range p{color:var(--muted);margin:0 0 10px;font-size:.73rem}.day-picks{flex-wrap:wrap;gap:5px;margin:11px 0;display:flex}.day-picks label{border:1px solid var(--line);color:var(--ink);border-radius:6px;align-items:center;gap:4px;margin:0;padding:5px 6px;font-size:.68rem;display:flex}.day-picks input{width:14px;height:14px;accent-color:var(--green)}.day-hours{color:var(--green);margin:12px 0 0;font-size:.8rem;font-weight:800}.actions{gap:8px;margin-top:14px;display:flex}.notice{min-height:18px;color:var(--green);margin:10px 0 0;font-size:.76rem;font-weight:800}.bottom-actions{gap:9px;margin-top:20px;display:flex}footer{color:var(--muted);padding-top:24px;font-size:.75rem}@media (width<=980px){.app{grid-template-columns:1fr}.sidebar{display:none}.page{padding:24px}.topbar{padding:0 24px}.workspace{grid-template-columns:1fr 295px}.calendar-grid{min-height:560px}.day{min-height:110px}}@media (width<=760px){.topbar{height:65px;padding:0 15px}.today{display:none}.page{padding:22px 12px 35px}.page-head{flex-direction:column;align-items:stretch}.workspace,.right-col{grid-template-columns:1fr}.calendar-head span{display:none}.calendar-layout{--week-row-size:96px;grid-template-columns:50px minmax(0,1fr);min-width:720px}.week-number-row{min-height:var(--week-row-size);font-size:.6rem}.calendar-grid{min-height:0}.day{min-height:96px;padding:7px}.event{padding:4px;font-size:.59rem}.day-events{gap:3px;margin-top:4px}.calendar-foot{flex-wrap:wrap}}