@charset "UTF-8";
:root{color-scheme:dark;--bg:#101014;--surface:#1a1a21;--surface-2:#22222b;--border:#383641;--text:#f8f7fc;--muted:#b5b1c1;--purple:#ba9af9;--purple-deep:#8344dd;--green:#9ce1b5;--danger:#ffb4ba;--radius:24px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,5vw,2.85rem);line-height:1.12;letter-spacing:-.055em;font-weight:750}h2{font-size:1.5rem;line-height:1.22;letter-spacing:-.035em}h3{font-size:1.13rem;line-height:1.35;letter-spacing:-.02em}svg{height:22px;width:22px;flex-shrink:0}strong{font-weight:650}form{margin:0}.muted{color:var(--muted)}.small{font-size:.875rem}.purple{color:var(--purple)}.eyebrow{font-size:.8125rem;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:20;background:var(--purple);color:var(--bg);padding:14px;border-radius:10px}.skip-link:focus{top:10px}
.login-page{background:radial-gradient(ellipse at 50% 3%,#322044 0,transparent 48%),var(--bg);display:flex;flex-direction:column;min-height:100svh}.login-shell{width:min(100% - 40px,430px);margin:auto;padding:42px 0 25px}.login-brand{text-align:center;margin-bottom:25px}.login-brand img{width:220px;height:auto;display:block;margin:auto;border-radius:12px}.login-card{background:linear-gradient(160deg,#22212a,#19191f);border:1px solid #45404e;border-radius:30px;padding:34px 30px;box-shadow:0 24px 80px #0003}.portal-label{display:inline-flex;align-items:center;gap:9px;font-size:.8125rem;color:#d2c5ea;margin-bottom:22px}.dot{width:7px;height:7px;border-radius:100%;background:var(--purple);display:inline-block;flex-shrink:0}.login-card h1{font-size:2.5rem}.intro{margin:10px 0 30px}.stack{display:flex;flex-direction:column;gap:21px}label{display:flex;flex-direction:column;gap:9px;font-size:.9375rem;font-weight:550}input,select,textarea{width:100%;min-height:54px;border:1px solid #56515f;border-radius:13px;background:#121216;color:var(--text);padding:13px 15px;outline:none;font-size:1rem;font-weight:400}input::placeholder,textarea::placeholder{color:#938c9e;opacity:1}select{padding-right:32px}textarea{resize:vertical;min-height:76px}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--purple);margin:0}input[type=month],input[type=datetime-local]{color-scheme:dark}.check-label{flex-direction:row;align-items:center;min-height:44px;gap:12px}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:65px}.password-toggle{position:absolute;right:4px;top:4px;bottom:4px;min-width:52px;border:0;background:none;color:var(--purple);font-size:.875rem;border-radius:9px}.login-help{font-size:.8125rem;text-align:center;color:var(--muted);margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 21px;border:1px solid transparent;border-radius:13px;font-size:.9375rem;font-weight:650;line-height:1.3;transition:background .15s,transform .15s;text-align:center}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--purple);color:#21102d}.button.primary:hover{background:#cbb0ff}.button.secondary{background:#25232e;border-color:#494251;color:var(--text)}.button.secondary:hover{background:#332d3f}.button.large{width:100%;min-height:60px;font-size:1.0625rem}.button.stop{color:#ffdde0;background:#4f2933;border-color:#925365}.button.stop:hover{background:#683343}.button.compact{min-height:44px;padding:9px 16px;font-size:.875rem}.footer{font-size:.75rem;color:#9992a5;text-align:center;padding:20px 16px 27px;letter-spacing:.03em}.footer span{color:#7c748b}.signed-in .footer{padding-bottom:108px}
.topbar{max-width:1160px;margin:auto;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27252f}.brand{display:flex;align-items:center}.brand img{display:block;width:132px;height:auto;border-radius:8px}.topbar-right{display:flex;align-items:center;gap:20px}.account-name{font-size:.875rem;display:flex;align-items:center;gap:9px}.role-tag{color:var(--purple);font-size:.75rem;background:#2b2339;border:1px solid #463359;border-radius:6px;padding:3px 7px}.icon-button{border:1px solid #3a3445;background:#1a1821;border-radius:13px;color:#c2b7d1;height:44px;width:44px;display:grid;place-items:center}.app-shell{width:min(100% - 48px,1080px);margin:38px auto 25px;min-height:60vh}.page-heading,.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:0 0 27px}.section-heading h2{margin-bottom:7px}.greeting{margin-bottom:30px}.status-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #484153;background:#211e29;color:#c7bfd1;padding:8px 13px;border-radius:30px;font-size:.8125rem}.status-pill .dot{background:#83788f}.status-pill.working{border-color:#315740;background:#192b22;color:var(--green)}.status-pill.working .dot,.live-pill .dot{background:var(--green)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}.stat-card{background:var(--surface);border:1px solid #34303d;border-radius:19px;padding:20px 23px}.stat-card span{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:8px}.stat-card strong{font-size:1.65rem;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid #37323f;border-radius:var(--radius);padding:28px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px}.shift-panel{padding:30px}.shift-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:27px}.icon-tile{width:47px;height:47px;border-radius:14px;background:#30253f;display:inline-flex;align-items:center;justify-content:center;color:var(--purple);flex-shrink:0}.shift-top .eyebrow{margin-bottom:8px}.optional{font-size:.8125rem;color:var(--muted);font-weight:400;margin-top:-6px}.connection-note{font-size:.75rem;color:#aaa1b6;text-align:center;margin-top:18px}.connection-note.offline{color:var(--danger)}.side-panel{background:linear-gradient(150deg,#24202e,#17161c);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px}.side-panel h2{font-size:1.85rem;line-height:1.2;margin:25px 0 15px}.side-panel .text-link{margin-top:28px}.text-link{color:var(--purple);display:inline-flex;align-items:center;gap:12px;font-size:.9375rem;font-weight:650;min-height:44px}.side-divider{width:100%;height:1px;background:#393040;margin:27px 0 23px}.timer{text-align:center;font-size:clamp(3rem,8vw,4.5rem);font-weight:650;line-height:1.15;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:35px 0 10px}.timer-caption{text-align:center;color:var(--muted);font-size:.875rem;margin-bottom:34px}.live-pill{color:var(--green);display:flex;gap:8px;align-items:center;font-size:.8125rem}.is-working{border-color:#65507f;background:linear-gradient(160deg,#2a2135,#191920)}.active-place{display:flex;align-items:center;gap:16px;border:1px solid #4c3c61;background:#15121b;border-radius:15px;padding:17px;margin-bottom:25px}.active-place>svg{color:var(--purple)}.active-place span{display:block;font-size:.875rem;color:var(--muted);margin-top:3px}.comment-block{color:var(--muted);margin:0 0 24px;overflow-wrap:anywhere;font-size:.875rem}.bottom-nav{position:fixed;z-index:10;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:7px;background:#23202cee;border:1px solid #51455f;border-radius:22px;box-shadow:0 15px 40px #0006;backdrop-filter:blur(18px);width:min(100% - 32px,420px)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:15px;color:#b5abbe;font-size:.75rem;min-height:61px}.bottom-nav a.selected{background:#493363;color:#eadcff}.bottom-nav a:hover{color:white}.flash{padding:16px 19px;margin-bottom:22px;background:#213b2c;color:#c4f1d5;border:1px solid #3b6d4d;border-radius:15px;font-size:.9375rem}.flash.error{background:#3e252d;border-color:#82525c;color:#ffd2d8}.admin-tabs{display:flex;gap:6px;overflow-x:auto;margin:-7px 0 32px;padding:7px;background:#19171f;border:1px solid #34303e;border-radius:15px}.admin-tabs a{padding:11px 18px;border-radius:10px;font-size:.875rem;white-space:nowrap;color:var(--muted);min-height:44px}.admin-tabs a.selected{background:#352747;color:#e3cbff}.month-filter{display:flex;align-items:center;gap:10px;flex-shrink:0}.month-filter label{font-size:.875rem;color:var(--muted)}.month-filter input{width:190px;min-height:45px;padding:9px 12px}.month-total{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#352444,#221c2d);border:1px solid #624a7c;border-radius:19px;padding:22px 26px;margin-bottom:22px}.month-total span{color:#d4c3e5;font-size:.9375rem}.month-total strong{font-size:1.8rem;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.table-panel{padding:0;overflow:hidden;margin-bottom:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem}th{background:#211e28;color:#bdb2cd;font-weight:500;font-size:.8125rem}th,td{padding:17px 19px;border-bottom:1px solid #36303e;vertical-align:top}tbody tr:last-child td{border:0}td strong{font-weight:600}.cell-sub{display:block;color:var(--muted);font-size:.8125rem;margin-top:3px}.cell-comment{display:block;color:#bbb0c7;font-size:.8125rem;margin-top:9px;max-width:300px;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;border:1px solid #50425f;background:#30243e;border-radius:7px;font-size:.75rem;padding:4px 8px;white-space:nowrap;color:#d6c0ee}.badge.approved{color:#c2ecd0;border-color:#3c634b;background:#21392b}.empty-state{text-align:center;padding:52px 24px;color:var(--muted)}.empty-state .icon-tile{margin-bottom:17px}.empty-state h3{color:var(--text);margin-bottom:7px}.approval-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;padding:20px 23px;border:1px solid #493b5b;border-radius:18px;background:#221c2c}.approval-bar p{margin-top:5px}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person-card{padding:23px}.person-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.avatar{width:46px;height:46px;background:#48305f;border:1px solid #695083;border-radius:15px;color:#e0c6fd;display:grid;place-items:center;font-size:1.3rem;font-weight:650}.person-card h3{margin-bottom:5px}.person-card>p{font-size:.8125rem}.person-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.8125rem;color:#c2b4d0;justify-content:space-between;margin:24px 0 16px}.person-card .button{width:100%}.break-word{overflow-wrap:anywhere}.form-panel{width:min(100%,690px);margin:18px auto}.form-panel>h2{margin-bottom:10px}.form-panel>p{margin-bottom:24px}.form-panel>h2+.stack{margin-top:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid>*{min-width:0}.back-link{font-size:.875rem;color:var(--purple);min-height:44px;display:inline-flex;align-items:center}.place-list{display:flex;flex-direction:column;gap:14px}.place-card{display:flex;align-items:center;gap:18px;padding:22px}.place-card>div{flex:1;min-width:0}.place-card h3{margin-bottom:7px}.place-card .button{flex-shrink:0}.notice{font-size:.875rem;padding:15px;background:#33283f;border:1px solid #5b416f;border-radius:12px;color:#d9c7ea}.dst-details{padding:13px 15px;border:1px solid #493f55;border-radius:13px;font-size:.875rem}.dst-details>summary,details>summary{cursor:pointer;min-height:32px;color:#ccb6e8}.dst-details p{margin:10px 0 15px}.payroll-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:22px;border:1px solid #746040;border-radius:18px;background:#30291e;color:#f1deb8}.payroll-notice p{font-size:.8125rem;margin-top:6px;max-width:680px}.payroll-notice .button{flex-shrink:0}.payroll-table tfoot th,.payroll-table tfoot td{background:#292133;padding:23px;font-size:.9375rem}.audit-list{display:flex;flex-direction:column;gap:16px}.audit-card{padding:22px}.audit-header{display:flex;justify-content:space-between;gap:14px}.audit-header time{color:var(--muted);font-size:.8125rem}.audit-card>p{margin:8px 0 16px}.audit-card summary{font-size:.875rem}.audit-diff{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.audit-diff>div{min-width:0}pre{font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere;background:#111015;padding:13px;border-radius:12px;color:#c7b8d8}.error-page{text-align:center;max-width:550px;margin:40px auto}.error-page p{margin:20px 0}.error-page h1{font-size:2rem}
@media(min-width:900px){.dashboard-grid{max-width:1000px;margin:auto}.greeting,.stats-grid{max-width:1000px;margin-left:auto;margin-right:auto}}
@media(max-width:760px){.topbar{padding:11px 20px}.brand img{width:113px}.topbar-right{gap:13px}.account-name{font-size:.8125rem}.app-shell{width:calc(100% - 32px);margin-top:27px}.page-heading{gap:12px}.greeting{align-items:flex-start}.greeting .eyebrow{font-size:.75rem;letter-spacing:.035em;max-width:210px}.status-pill{margin-top:6px;padding:7px 9px;font-size:.6875rem}.status-pill .dot{width:6px;height:6px}.stats-grid{gap:8px;margin-bottom:17px}.stat-card{padding:14px 11px;border-radius:15px}.stat-card span{font-size:.6875rem;margin-bottom:6px;white-space:nowrap}.stat-card strong{font-size:1.04rem;letter-spacing:-.03em}.dashboard-grid{grid-template-columns:1fr;gap:17px}.shift-panel{padding:23px 20px}.shift-top{margin-bottom:24px}.shift-top h2{font-size:1.3rem}.shift-top .eyebrow{font-size:.75rem}.side-panel{padding:23px;display:block}.side-panel>.icon-tile{display:none}.side-panel h2{font-size:1.3rem;margin:0 0 11px}.side-panel h2 br{display:none}.side-panel>p{font-size:.875rem}.side-panel .text-link{margin-top:14px}.side-divider{margin:14px 0}.side-panel .small{font-size:.8125rem}.timer{font-size:3.4rem;margin-top:25px}.active-place{padding:15px 13px}.active-place strong{font-size:.9375rem}.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom))}.footer{padding-top:28px}.signed-in .footer{padding-bottom:115px}.section-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:23px}.section-heading>div{flex:1}.section-heading .month-filter{width:100%}.month-filter input{flex:1;width:0;min-width:120px}.admin-tabs{margin:0 -2px 26px}.admin-tabs a{padding:10px 13px}.month-total{padding:19px;gap:15px;align-items:flex-start}.month-total span{font-size:.8125rem}.month-total strong{font-size:1.3rem;white-space:nowrap}.entries-table thead,.payroll-table thead{display:none}.entries-table,.entries-table tbody,.payroll-table,.payroll-table tbody{display:block}.entries-table tr,.payroll-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px;border-bottom:1px solid #41374b}.entries-table tr:last-child,.payroll-table tr:last-child{border-bottom:0}.entries-table td,.payroll-table tbody td{display:flex;flex-direction:column;border:0!important;padding:0;min-width:0}.entries-table td:before,.payroll-table tbody td:before{content:attr(data-label);font-size:.6875rem;color:#a89bb9;margin-bottom:4px}.entries-table td[data-label=Arbeidssted]{grid-column:1/-1}.entries-table td[data-label=Ansatt]{grid-column:1/-1}.entries-table td:last-child:has(.button){grid-column:1/-1;margin-top:6px}.entries-table .badge,.payroll-table .badge{align-self:flex-start}.cell-comment{max-width:100%}.payroll-table tbody td[data-label=Ansatt]{grid-column:1/-1}.payroll-table tfoot{display:block}.payroll-table tfoot tr{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px;background:#292133}.payroll-table tfoot th,.payroll-table tfoot td{display:block;padding:0;border:0;font-size:.875rem}.approval-bar{align-items:flex-start;flex-direction:column;padding:18px}.approval-bar strong{font-size:.9375rem}.approval-bar form,.approval-bar button{width:100%}.people-grid{grid-template-columns:1fr 1fr;gap:12px}.person-card{padding:17px}.person-meta{flex-direction:column;margin:15px 0}.form-panel{padding:24px 20px}.form-grid{grid-template-columns:1fr;gap:20px}.place-card{padding:18px 16px;gap:12px;flex-wrap:wrap}.place-card .icon-tile{width:40px;height:40px}.place-card h3{font-size:1rem}.place-card>.button{margin-left:52px}.payroll-notice{flex-direction:column;align-items:flex-start;padding:19px}.payroll-notice strong{font-size:.9375rem}.payroll-notice button{width:100%}.audit-header{flex-direction:column;gap:4px}.audit-diff{grid-template-columns:1fr}.audit-card{padding:20px}.login-shell{padding-top:30px}.login-card{padding:28px 24px}.login-brand img{width:195px}}
@media(max-width:380px){.people-grid{grid-template-columns:1fr}.login-shell{width:calc(100% - 28px)}.stat-card{padding:12px 8px}.stat-card strong{font-size:.9375rem}.greeting h1{font-size:1.9rem}.status-pill{font-size:.65rem}.topbar-right .role-tag{display:none}}
/* Let large text reflow inside narrow mobile viewports. */
.panel,.shift-top>div,.active-place>div,.page-heading>div,.topbar-right{min-width:0}
.panel,.greeting,.topbar,.app-shell{overflow-wrap:anywhere}
.page-heading>*{min-width:0}
@media(max-width:760px){
  .greeting,.shift-top,.topbar,.topbar-right,.month-total,.month-filter{flex-wrap:wrap}
  .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}
  .stat-card span,.status-pill,.entries-table td:before,.payroll-table tbody td:before{font-size:.75rem;white-space:normal}
  .stat-card strong,.month-total strong,.badge{white-space:normal}
  .entries-table tr,.payroll-table tbody tr{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
  .section-heading>div{min-width:0;overflow-wrap:anywhere}
  .people-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}
  .month-filter input{min-width:0;max-width:100%}
  .bottom-nav a{min-width:0;padding-left:8px;padding-right:8px;overflow-wrap:anywhere}
  .signed-in .footer{padding-bottom:calc(100px + 3rem)}
  .timer{font-size:clamp(2rem,12vw,3.4rem)}
  .active-place{flex-wrap:wrap}
  input,select,textarea{min-width:0;max-width:100%}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{*{color:#111!important;background:white!important;box-shadow:none!important;text-shadow:none!important}body{font-size:11pt}.topbar,.bottom-nav,.admin-tabs,.month-filter,.button,.footer,.skip-link{display:none!important}.app-shell{width:100%;margin:0}.panel,.payroll-notice{border:1px solid #bbb;border-radius:0}.page-heading{display:none}.section-heading{margin-bottom:18px}.payroll-notice{display:block;padding:15px}.payroll-notice p{font-size:10pt}.table-wrap{overflow:visible}table{font-size:10pt!important;display:table!important}thead{display:table-header-group!important}tbody{display:table-row-group!important}tfoot{display:table-footer-group!important}tr{display:table-row!important;break-inside:avoid}th,td{display:table-cell!important;border-bottom:1px solid #bbb!important;padding:12px 9px!important}td:before{display:none!important}.badge{border-color:#aaa!important}.small{font-size:9pt}@page{size:A4 landscape;margin:16mm}}
.report-help{margin:18px 0 24px}.report-send{margin-top:20px}.report-log-heading{margin:30px 0 20px}.report-people{margin-top:20px}

/* v0.3: mobile administration and account security */
[hidden]{display:none!important}
.profile-link{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:.4rem}
.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.bottom-nav a{min-width:0}
.new-entry-button{margin-bottom:1rem}
.entry-detail h2{margin-bottom:.4rem}.entry-date{color:var(--muted);margin-bottom:.2rem}.entry-time{font-size:1.6rem;font-weight:650;margin:.25rem 0}.entry-duration{font-size:1.2rem;font-weight:600;color:#c7a5ff}.entry-actions{margin-top:1.5rem}
.button.danger-outline{color:#ffb4ba;border:1px solid #78434b;background:transparent}
.button.danger{background:#a7283b;color:#fff;border:1px solid #d84e64}
.security-key{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #323238}.security-key strong{overflow-wrap:anywhere}.security-key form{flex-shrink:0}
.advanced-time{padding-top:1rem}.form-panel+.form-panel{margin-top:1.25rem}.form-panel h3{margin-top:1.5rem}
@media(max-width:420px){.bottom-nav a{font-size:.7rem}.entry-actions .button{white-space:normal;text-align:center}.security-key{align-items:flex-start}.topbar-right{gap:.35rem}.account-name{font-size:.85rem}}