:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:#f9f9f7;--surface-1:#fcfcfb;--surface-2:#fff;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--border:#0b0b0b1a;--border-strong:#0b0b0b2e;--accent:#2a78d6;--accent-ink:#fff;--success:#0ca30c;--warning:#eda100;--danger:#e34948;--shift-day:#2a78d6;--shift-evening:#4a3aa7;--shift-night:#1b1b3a;--shift-langvakt:#eda100}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#0d0d0d;--surface-1:#1a1a19;--surface-2:#232322;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#ffffff1a;--border-strong:#fff3;--accent:#3987e5;--success:#0ca30c;--warning:#c98500;--danger:#e66767;--shift-day:#3987e5;--shift-evening:#9085e9;--shift-night:#6d6db0;--shift-langvakt:#c98500}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#0d0d0d;--surface-1:#1a1a19;--surface-2:#232322;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#ffffff1a;--border-strong:#fff3;--accent:#3987e5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface-0);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}a{color:var(--accent)}.app-shell{height:100vh;display:flex}.sidebar{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:4px;width:220px;padding:16px 12px;display:flex}.sidebar-title{color:var(--text-primary);padding:6px 8px 14px;font-size:.95rem;font-weight:650}.sidebar-link{color:var(--text-secondary);border-radius:8px;padding:8px 10px;font-size:.88rem;text-decoration:none}.sidebar-link:hover{background:var(--surface-2)}.sidebar-link.active{background:var(--surface-2);color:var(--text-primary);font-weight:600}.main-content{flex:1;padding:24px 28px;overflow:auto}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:550}.btn:hover{background:var(--surface-1)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.field input,.field select{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);border-radius:7px;padding:7px 10px;font-size:.88rem}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge-warning{background:color-mix(in srgb, var(--warning) 18%, transparent);color:var(--warning);border-color:#0000}.badge-danger{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger);border-color:#0000}.page-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-header h1{margin:0;font-size:1.15rem}.muted{color:var(--text-muted);font-size:.82rem}.pref-slider{appearance:none;background:color-mix(in srgb, var(--slider-farge,var(--accent)) 30%, var(--surface-2));outline-offset:3px;border-radius:999px;width:100%;height:6px}.pref-slider::-webkit-slider-thumb{appearance:none;background:var(--slider-farge,var(--accent));border:2px solid var(--surface-2);cursor:pointer;border-radius:50%;width:16px;height:16px}.pref-slider::-moz-range-thumb{background:var(--slider-farge,var(--accent));border:2px solid var(--surface-2);cursor:pointer;border-radius:50%;width:16px;height:16px}.pref-slider:disabled{opacity:.5;cursor:not-allowed}.pref-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.regelbrudd-highlight{outline:3px solid var(--warning);outline-offset:2px}.login-page{--login-navy:#10284a;--login-navy-soft:#38506e;--login-teal:#109fa8;--login-teal-dark:#087f8c;--login-teal-soft:#e7f7f8;--login-blue-soft:#eaf3ff;--login-surface:#fff;--login-canvas:#f6f9fd;--login-border:#d9e4ef;--login-border-strong:#c9d8e7;--login-muted:#6e8199;--login-danger:#b42318;min-height:100dvh;color:var(--login-navy);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(115deg, #eff7fff5, #fafcfffa 48%, #f7fbfc), var(--login-canvas);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.login-page-grid{pointer-events:none;opacity:.62;background-image:linear-gradient(#2158840d 1px,#0000 1px),linear-gradient(90deg,#2158840d 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 16% 86%,#0000);mask-image:linear-gradient(#0000 0,#000 16% 86%,#0000)}.login-orb{pointer-events:none;filter:blur(12px);border-radius:50%;position:absolute}.login-orb-top{aspect-ratio:1;background:#84e0e133;width:min(31vw,620px);top:-12%;right:-5%}.login-orb-bottom{aspect-ratio:1;background:#74acee24;width:min(26vw,500px);bottom:-24%;left:22%}.login-header,.login-main,.login-footer{z-index:1;width:min(90vw,1760px);margin-inline:auto;position:relative}.login-header{border-bottom:1px solid #b8cbddad;justify-content:space-between;align-items:center;min-height:96px;display:flex}.login-brand{color:var(--login-navy);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.login-brand img{object-fit:contain;filter:drop-shadow(0 8px 14px #124c6e1c);width:54px;height:54px}.login-brand span,.login-product-name span,.login-preview-title span{display:grid}.login-brand strong{letter-spacing:-.01em;font-size:1rem;line-height:1.12}.login-brand small{color:var(--login-muted);letter-spacing:.02em;margin-top:4px;font-size:.72rem;font-weight:650}.login-header-actions{align-items:center;gap:28px;font-size:.78rem;font-weight:650;display:flex}.login-header-actions a{color:var(--login-navy-soft);text-decoration:none}.login-header-actions a:hover{color:var(--login-teal-dark)}.login-service-status{color:var(--login-muted);align-items:center;gap:8px;display:inline-flex}.login-service-status i,.login-preview-status i{background:#33b879;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #33b8791c}.login-main{grid-template-columns:minmax(620px,1fr) minmax(390px,480px);align-self:center;align-items:center;gap:clamp(64px,8vw,150px);padding-block:clamp(44px,6vh,92px);display:grid}.login-intro{min-width:0}.login-intro-copy{max-width:900px}.login-kicker{color:var(--login-teal-dark);letter-spacing:.095em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 20px;font-size:.75rem;font-weight:800;display:flex}.login-kicker span{border:2px solid var(--login-teal);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #109fa81a}.login-intro h2{letter-spacing:-.062em;max-width:900px;margin:0;font-size:clamp(3.4rem,4.35vw,5.35rem);line-height:.99}.login-intro h2 span{color:var(--login-teal);margin-top:9px;display:block}.login-intro-copy>p:not(.login-kicker){max-width:620px;color:var(--login-navy-soft);margin:26px 0 0;font-size:clamp(1rem,1.12vw,1.25rem);line-height:1.65}.login-benefits{color:var(--login-navy-soft);flex-wrap:wrap;gap:12px 28px;margin:28px 0 0;padding:0;font-size:.78rem;font-weight:650;list-style:none;display:flex}.login-benefits li{align-items:center;gap:8px;display:inline-flex}.login-benefits li:last-child{flex-basis:100%}.login-benefits span{color:#259567;background:#e9f8ef;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.72rem;display:grid}.login-product-preview{border:1px solid var(--login-border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:22px;max-width:790px;margin-top:clamp(36px,5vh,60px);padding:18px;overflow:hidden;box-shadow:0 34px 80px #2f587f21,0 8px 28px #2f587f12}.login-preview-topbar{border-bottom:1px solid var(--login-border);grid-template-columns:1fr auto auto;align-items:center;gap:13px;padding:1px 2px 14px;display:grid}.login-preview-title{align-items:center;gap:8px;display:flex}.login-preview-title img{object-fit:contain;width:34px;height:34px}.login-preview-title small{color:var(--login-muted);font-size:.54rem;font-weight:700}.login-preview-title strong{margin-top:2px;font-size:.72rem}.login-preview-period,.login-preview-status{border:1px solid var(--login-border);min-height:32px;color:var(--login-navy-soft);border-radius:9px;align-items:center;padding-inline:12px;font-size:.61rem;font-weight:750;display:inline-flex}.login-preview-status{color:#258158;background:#eaf7ef;border-color:#0000;gap:8px}.login-preview-status i{width:6px;height:6px}.login-preview-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.login-preview-metrics>div{border:1px solid var(--login-border);background:#fbfdff;border-radius:11px;min-width:0;padding:12px 13px}.login-preview-metrics span,.login-preview-metrics small{color:var(--login-muted);font-size:.53rem;font-weight:650;display:block}.login-preview-metrics strong{margin-block:5px 3px;font-size:1.22rem;display:block}.login-preview-metrics small{color:#3ba474}.login-preview-metrics .login-metric-warning{color:#e9a129}.login-preview-metrics .login-metric-blue{color:#2d76c6}.login-preview-schedule{border:1px solid var(--login-border);background:#fff;border-radius:11px;margin-top:12px;overflow:hidden}.login-schedule-header,.login-schedule-row{grid-template-columns:1.6fr repeat(7,minmax(46px,.7fr));align-items:center;gap:6px;padding:8px 10px;display:grid}.login-schedule-header{color:var(--login-muted);letter-spacing:.03em;text-transform:uppercase;background:#f6f9fd;font-size:.44rem;font-weight:800}.login-schedule-row+.login-schedule-row{border-top:1px solid #edf2f7}.login-employee{align-items:center;gap:7px;min-width:0;font-size:.54rem;display:flex}.login-employee i{color:#2675bc;background:#e6f2ff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.44rem;font-style:normal;font-weight:800;display:grid}.login-employee b{text-overflow:ellipsis;overflow:hidden}.shift{border-radius:6px;place-items:center;min-height:26px;font-size:.46rem;font-weight:750;display:grid}.shift-day{color:#247956;background:#e3f4eb}.shift-evening{color:#2469a8;background:#e3f0fe}.shift-night{color:#5d4ca6;background:#ece8fb}.shift-weekend{color:#9b6a17;background:#fff0d5}.shift-off{color:#91a0b2;background:#f0f3f7}.login-preview-footer{color:var(--login-muted);align-items:center;gap:14px;padding:13px 2px 0;font-size:.52rem;font-weight:700;display:flex}.login-preview-footer span{align-items:center;gap:5px;display:inline-flex}.login-preview-footer i{border-radius:50%;width:6px;height:6px}.day-dot{background:#42a978}.evening-dot{background:#4c8fd3}.night-dot{background:#725dbe}.login-preview-footer b{color:#fff;background:var(--login-teal);border-radius:8px;margin-left:auto;padding:8px 11px;font-size:.52rem}.login-panel{justify-self:end;width:100%;max-width:480px}.login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffffff0;border:1px solid #c6d7e6e0;border-radius:26px;padding:clamp(34px,3vw,48px);box-shadow:0 42px 90px #234b7026,0 8px 28px #234b7012}.login-product-name{align-items:center;gap:10px;display:flex}.login-product-name img{object-fit:contain;width:42px;height:42px}.login-product-name small{color:var(--login-muted);font-size:.61rem;font-weight:700}.login-product-name strong{margin-top:1px;font-size:.9rem}.login-card-heading{margin-top:38px}.login-card-heading p{color:var(--login-teal-dark);letter-spacing:.085em;text-transform:uppercase;margin:0 0 8px;font-size:.69rem;font-weight:800}.login-card-heading h1{letter-spacing:-.048em;margin:0;font-size:clamp(2rem,2.3vw,2.55rem);line-height:1.05}.login-card-heading>span{color:var(--login-muted);margin-top:13px;font-size:.85rem;line-height:1.55;display:block}.login-form{margin-top:32px}.login-field+.login-field{margin-top:19px}.login-field label,.login-label-row{color:var(--login-navy-soft);font-size:.73rem;font-weight:750}.login-label-row{justify-content:space-between;align-items:center;display:flex}.login-label-row a{color:var(--login-teal-dark);text-decoration:none}.login-label-row a:hover{text-underline-offset:3px;text-decoration:underline}.login-input-wrap{align-items:center;margin-top:8px;display:flex;position:relative}.login-input-wrap>svg{pointer-events:none;fill:none;stroke:#7f92a8;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px;width:18px;height:18px;position:absolute;left:15px}.login-input-wrap input{border:1px solid var(--login-border-strong);width:100%;height:52px;color:var(--login-navy);background:#fbfdff;border-radius:11px;outline:none;padding:0 48px 0 44px;font-size:.88rem;transition:border-color .15s,box-shadow .15s,background .15s}.login-input-wrap input::placeholder{color:#9ba9b8}.login-input-wrap input:hover:not(:disabled){border-color:#a9bfd2}.login-input-wrap input:focus{border-color:var(--login-teal);background:#fff;box-shadow:0 0 0 4px #109fa81c}.login-input-wrap input:disabled{cursor:not-allowed;opacity:.64}.login-password-toggle{color:#71859b;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;right:8px}.login-password-toggle:hover{color:var(--login-navy);background:#edf4f8}.login-password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:18px;height:18px}.login-submit{color:#fff;background:linear-gradient(135deg, var(--login-teal), var(--login-teal-dark));border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:52px;margin-top:26px;padding:0 18px;font-size:.84rem;font-weight:780;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 12px 24px #087f8c33}.login-submit:hover:not(:disabled){filter:saturate(1.06);transform:translateY(-1px);box-shadow:0 16px 28px #087f8c40}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.login-submit svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:20px;height:20px}.login-secondary-action{color:var(--login-teal-dark);background:0 0;border:0;margin:16px auto 0;padding:4px;font-size:.76rem;font-weight:700;display:block}.login-secondary-action:hover{text-underline-offset:3px;text-decoration:underline}.login-message{border-radius:9px;margin-top:18px;padding:11px 13px;font-size:.73rem;line-height:1.45}.login-message-error{color:var(--login-danger);background:#fff4f2;border:1px solid #f3c7c3}.login-account{border:1px solid var(--login-border);color:var(--login-muted);background:#f7fafc;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:11px 13px;font-size:.7rem;display:flex}.login-account strong{color:var(--login-navy)}.login-card-footer{border-top:1px solid var(--login-border);color:var(--login-muted);align-items:flex-start;gap:9px;margin-top:30px;padding-top:22px;font-size:.67rem;line-height:1.55;display:flex}.login-card-footer svg{fill:none;stroke:#5c7590;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none;width:15px;height:15px;margin-top:2px}.login-card-footer a{color:var(--login-teal-dark);font-weight:700;text-decoration:none}.login-footer{min-height:70px;color:var(--login-muted);border-top:1px solid #b8cbdd94;justify-content:space-between;align-items:center;font-size:.67rem;font-weight:600;display:flex}@media (width>=2200px){.login-header,.login-main,.login-footer{width:min(88vw,2200px)}.login-main{grid-template-columns:minmax(850px,1fr) minmax(500px,570px);gap:clamp(150px,9vw,270px)}.login-intro-copy,.login-product-preview{max-width:1080px}.login-intro h2{max-width:1080px;font-size:clamp(5.4rem,4vw,6.8rem)}.login-panel{max-width:570px}.login-card{padding:58px}}@media (width>=3200px){.login-header,.login-main,.login-footer{width:min(84vw,2700px)}.login-main{grid-template-columns:minmax(1000px,1fr) 640px}.login-intro h2{font-size:7.4rem}.login-intro-copy>p:not(.login-kicker){max-width:820px;font-size:1.45rem}.login-product-preview{transform-origin:0 0;max-width:1080px;transform:scale(1.08)}.login-panel{max-width:640px}.login-card{padding:68px}.login-card-heading h1{font-size:3.1rem}.login-card-heading>span,.login-input-wrap input{font-size:1rem}}@media (width>=1181px) and (height<=1100px){.login-main{padding-block:32px}.login-intro h2{font-size:clamp(3.5rem,4vw,4.85rem)}.login-intro-copy>p:not(.login-kicker){margin-top:20px}.login-benefits{margin-top:22px}.login-product-preview{margin-top:28px}.login-card{padding:36px 40px}.login-card-heading{margin-top:28px}.login-form{margin-top:26px}.login-card-footer{margin-top:24px;padding-top:18px}}@media (width>=821px) and (height<=980px){.login-page{grid-template-rows:auto 1fr}.login-footer{display:none}}@media (width<=1180px){.login-header,.login-main,.login-footer{width:min(92vw,980px)}.login-main{grid-template-columns:minmax(0,1fr) minmax(370px,430px);gap:54px}.login-intro h2{font-size:clamp(3rem,5.6vw,4.35rem)}.login-product-preview{display:none}.login-benefits{display:grid}.login-benefits li:last-child{flex-basis:auto}}@media (width<=820px){.login-page{min-height:100dvh;overflow:auto}.login-page-grid{background-size:44px 44px}.login-header,.login-main,.login-footer{width:min(100% - 32px,520px)}.login-header{min-height:78px}.login-brand img{width:46px;height:46px}.login-header-actions{gap:0}.login-service-status{display:none}.login-header-actions a{font-size:.72rem}.login-main{padding-block:30px 40px;display:block}.login-intro{display:none}.login-panel{max-width:none}.login-card{border-radius:20px;padding:30px 26px}.login-product-name{display:none}.login-card-heading{margin-top:0}.login-card-heading h1{font-size:2rem}.login-footer{justify-content:center;min-height:58px}.login-footer span:last-child{display:none}}@media (width<=420px){.login-header,.login-main,.login-footer{width:min(100% - 24px,520px)}.login-brand span small{display:none}.login-card{padding:26px 20px}.login-card-footer{margin-top:25px}}@media (prefers-reduced-motion:reduce){.login-input-wrap input,.login-submit{transition:none}}