@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-vietnamese-400-normal-BF4g3tCF.woff2) format("woff2"),url(/assets/archivo-vietnamese-400-normal-FGOLYM1a.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-ext-400-normal-B5tPZzqW.woff2) format("woff2"),url(/assets/archivo-latin-ext-400-normal-DrmqtLj6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2) format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-vietnamese-500-normal-k0drYPZA.woff2) format("woff2"),url(/assets/archivo-vietnamese-500-normal-7W3lD2kQ.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-ext-500-normal-RFhg4CpD.woff2) format("woff2"),url(/assets/archivo-latin-ext-500-normal-D7mXw3Kz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-500-normal-CGugC8dq.woff2) format("woff2"),url(/assets/archivo-latin-500-normal-pkzA7jw9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-vietnamese-600-normal-anCjMumA.woff2) format("woff2"),url(/assets/archivo-vietnamese-600-normal-C8xBVdfP.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-ext-600-normal-Dm61iqcg.woff2) format("woff2"),url(/assets/archivo-latin-ext-600-normal-D7uErJuz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2) format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--groen: #05D996;--cyaan: #00A0D8;--blauw: #0678FC;--paars: #8B5CF6;--bg: #071624;--vlak: #0E2537;--vlak2: #143047;--vlak3: #1A3A52;--rand: #1E3D55;--rand2: #2C536F;--kop: #F5F9FC;--tekst: #E6EDF3;--zacht: #8CA3B8;--uit: #5A7086;--ok: #05D996;--let: #F5B841;--nee: #F0524D;--info: #0678FC;--font: Archivo, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--primary: var(--blauw);--primary-dark: var(--cyaan);--primary-light: rgba(6,120,252,.16);--success: var(--groen);--warning: var(--let);--danger: var(--nee);--gray-50: #143047;--gray-100: #1E3D55;--gray-200: #1E3D55;--gray-300: #2C536F;--gray-400: #5A7086;--gray-500: #8CA3B8;--gray-600: #8CA3B8;--gray-700: #E6EDF3;--gray-800: #F5F9FC;--sidebar-width: 216px;--header-height: 56px;--radius: 10px;--radius-kaart: 14px;--shadow: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 8px 24px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0}body{font:400 15px/1.55 var(--font);letter-spacing:-.005em;background:var(--bg);color:var(--tekst)}a{color:var(--cyaan);text-decoration:none}button{cursor:pointer;font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--cyaan);outline-offset:2px}::selection{background:var(--cyaan);color:#fff}input::selection,textarea::selection{background:var(--cyaan);color:#fff}.merk{font-weight:600;letter-spacing:-.03em;color:var(--kop)}.merk i{font-style:normal;background:linear-gradient(150deg,var(--groen),var(--cyaan) 55%,var(--blauw));-webkit-background-clip:text;background-clip:text;color:transparent}.watermerk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-content:center;justify-items:center;gap:.4vmin;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.03;white-space:nowrap}.watermerk .woord{font-weight:600;font-size:min(26vw,280px);letter-spacing:-.05em;line-height:1;color:var(--tekst)}.watermerk .woord i{font-style:normal;background:linear-gradient(150deg,var(--groen),var(--cyaan) 55%,var(--blauw));-webkit-background-clip:text;background-clip:text;color:transparent}.watermerk .slogan{font-weight:400;font-size:min(5.2vw,54px);letter-spacing:.02em;color:var(--zacht)}.card{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius-kaart)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:hover{background:var(--vlak2);border-color:var(--rand2)}.btn-primary{background:var(--blauw);border-color:var(--blauw);color:#fff}.btn-primary:hover{background:var(--cyaan);border-color:var(--cyaan)}.btn-secondary{background:var(--vlak);color:var(--tekst);border-color:var(--rand)}.btn-secondary:hover{background:var(--vlak2);border-color:var(--rand2)}.btn-danger{background:#f0524d24;color:var(--nee);border-color:#f0524d59}.btn-danger:hover{background:#f0524d38}.btn-success{background:#05d99624;color:var(--groen);border-color:#05d99659}.btn-success:hover{background:#05d99638}.btn-warning{background:#f5b84124;color:var(--let);border-color:#f5b84159}.btn-warning:hover{background:#f5b84138}.btn-sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[aria-pressed=true]{border-color:var(--rand2)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;background:var(--vlak2);color:var(--zacht)}.badge-blue{background:#0678fc29;color:#7fb4ff}.badge-green{background:#05d99621;color:var(--groen)}.badge-yellow{background:#f5b84121;color:var(--let)}.badge-red{background:#f0524d21;color:var(--nee)}.badge-orange{background:#f5b84121;color:#f0a84a}.badge-purple{background:#8b5cf62e;color:#c4b5fd}.badge-gray{background:var(--vlak2);color:var(--zacht)}input,select,textarea{font-family:inherit;font-size:13px;background:var(--vlak2);color:var(--tekst);border:1px solid var(--rand);border-radius:8px;padding:8px 11px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--rand2);box-shadow:0 0 0 3px #00a0d826}input::placeholder,textarea::placeholder{color:var(--uit)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--cyaan)}input[type=color]{padding:2px;height:34px}input[type=date],input[type=time],input[type=month]{color-scheme:dark}select option{background:var(--vlak2);color:var(--tekst)}input:disabled,select:disabled,textarea:disabled{opacity:.55}label{font-size:12px;font-weight:500;color:var(--uit);display:block;margin-bottom:5px}.form-group{margin-bottom:14px}.tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;min-width:36px}.layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;z-index:1}.kopbalk{flex-shrink:0;background:#071624f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand)}.balk{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 24px 11px}.balk .merk{font-size:20px}.klant{color:var(--uit);font-size:14px}.klant-knop{background:none;border:1px solid var(--rand);border-radius:7px;padding:3px 9px;cursor:pointer;color:var(--zacht);transition:background .12s,color .12s}.klant-knop:hover{background:var(--vlak2);color:var(--tekst)}.balk-rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.wie{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--uit)}.wie strong{color:var(--tekst);font-weight:500}.wie .badge{font-size:10px}.balk-knop{background:none;border:0;color:var(--uit);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px;line-height:1;transition:background .12s,color .12s}.balk-knop:hover{color:var(--tekst);background:var(--vlak2)}.hoofdtabs{display:flex;flex-wrap:wrap;gap:0 2px;padding:0 16px}.tab-groep{display:contents}.hoofdtabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px 10px;color:var(--zacht);cursor:pointer;white-space:nowrap;font-size:15px;transition:color .12s,border-color .12s}.hoofdtabs button:hover{color:var(--tekst)}.hoofdtabs button[aria-selected=true]{color:var(--tekst);border-bottom-color:var(--groen)}.tab-streep{width:1px;height:15px;align-self:center;background:var(--rand);margin:0 9px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.topbar{display:flex;align-items:center;padding:18px 28px 0;gap:16px;flex-shrink:0;flex-wrap:wrap}.topbar-title{font-size:21px;font-weight:500;color:var(--kop);letter-spacing:-.01em}.topbar-sub{font-size:14px;color:var(--zacht);margin-left:6px;font-weight:400}.topbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;row-gap:6px}.page-content{flex:1;overflow-y:auto;padding:16px 28px 60px}.schedule-wrap{overflow:auto;max-height:calc(100vh - 300px)}.schedule-grid{border-collapse:collapse;font-size:12px;min-width:100%}.schedule-grid th,.schedule-grid td{border:1px solid var(--rand);padding:0;white-space:nowrap}.schedule-grid th{background:var(--vlak2);font-weight:500;color:var(--zacht);text-align:center;position:sticky;top:0;z-index:2;padding:5px 6px}.schedule-grid th.sticky-col{left:0;z-index:3}.schedule-grid td.sticky-col{position:sticky;left:0;z-index:1;background:var(--vlak)}.schedule-grid .staff-cell{min-width:160px;padding:4px 10px;border-right:2px solid var(--rand2)}.schedule-grid .staff-name{font-weight:500;color:var(--tekst);font-size:12px}.schedule-grid .staff-code{font-size:10px;color:var(--uit)}.day-header{min-width:44px;font-size:11px}.day-header .day-name{text-transform:uppercase;font-size:9px;color:var(--uit)}.day-header .day-num{font-size:12px;font-weight:600;color:var(--tekst)}.day-header.weekend{background:#f5b8411f}.day-header.holiday{background:#f0524d29}.day-header.weekend.holiday{background:#f0524d3d}.shift-cell{width:44px;min-width:44px;text-align:center;cursor:pointer;position:relative;background:var(--vlak);transition:filter .1s}.shift-cell:hover{filter:brightness(1.25)}.shift-cell.weekend{background:#f5b8410d}.shift-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;height:28px;font-size:10px;font-weight:700;border-radius:4px;margin:2px}.shift-cell-empty{height:28px;display:flex;align-items:center;justify-content:center;margin:2px;border-radius:4px;color:var(--uit);border:1px dashed var(--rand);font-size:10px}.shift-cell-empty:hover{border-color:var(--cyaan);color:var(--cyaan)}.cohort-header td{background:var(--vlak3);color:var(--tekst);padding:5px 10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.balance-table{width:100%;border-collapse:collapse}.balance-table th,.balance-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--rand);font-size:13px}.balance-table th{font-weight:500;color:var(--uit);font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:var(--vlak2)}.balance-table tr:hover td{background:var(--vlak2)}.balance-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:1px;min-width:120px}.balance-bar-seg{transition:width .3s}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c14cc;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--vlak);border:1px solid var(--rand);border-radius:13px;padding:20px;min-width:360px;max-width:480px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 24px 60px #0009}.modal-title{font-size:18px;font-weight:500;color:var(--kop);margin-bottom:12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.shift-picker{display:flex;flex-wrap:wrap;gap:6px}.shift-picker-btn{min-width:86px;max-width:120px;min-height:42px;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:700;border:2px solid transparent;cursor:pointer;transition:transform .1s,filter .1s;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.15;overflow:hidden}.shift-picker-btn:hover{filter:brightness(1.08);transform:scale(1.05)}.shift-picker-btn.selected{border-color:var(--cyaan)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.stat-card{padding:16px 18px}.stat-label{font-size:13px;font-weight:400;color:var(--uit);margin-bottom:5px}.stat-value{font-size:27px;font-weight:500;color:var(--kop);font-variant-numeric:tabular-nums;line-height:1.1}.stat-sub{font-size:13px;color:var(--zacht);margin-top:3px}.upload-zone{border:2px dashed var(--rand);border-radius:var(--radius);padding:40px;text-align:center;cursor:pointer;transition:all .2s;background:var(--vlak2)}.upload-zone:hover,.upload-zone.dragging{border-color:var(--cyaan);background:var(--vlak3)}.upload-zone-icon{font-size:36px;margin-bottom:12px}.upload-zone-text{font-size:14px;font-weight:500;color:var(--tekst)}.upload-zone-sub{font-size:12px;color:var(--uit);margin-top:4px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{background:var(--vlak3);color:var(--tekst);border:1px solid var(--rand2);padding:12px 16px;border-radius:9px;font-size:13px;font-weight:500;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;min-width:260px;animation:slideIn .2s ease}.toast-success{background:#05d99629;border-color:#05d99666;color:#8debc6}.toast-error{background:#f0524d29;border-color:#f0524d66;color:#f5a9a6}.toast-warning{background:#f5b84129;border-color:#f5b84166;color:#f5d89b}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px;position:relative;z-index:1}.login-card{width:100%;max-width:352px;padding:0;background:none;border:none;border-radius:0}.login-logo{margin-bottom:26px}.login-logo h1{font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--kop)}.login-logo p{font-size:14px;color:var(--zacht);margin-top:6px}.login-card input{padding:12px 14px;background:var(--vlak);border-radius:var(--radius);font-size:15px}.login-card .btn-primary{width:100%;justify-content:center;padding:13px;border-radius:var(--radius);font-size:15px}.period-selector{display:flex;align-items:center;gap:8px}.period-selector select{width:auto;min-width:180px}.alert{padding:11px 14px;border-radius:9px;font-size:14px;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}.alert-info{background:#0678fc1a;color:#a9cbff;border:1px solid rgba(6,120,252,.35)}.alert-warn{background:#f5b8411a;color:#f5d89b;border:1px solid rgba(245,184,65,.35)}.alert-error{background:#f0524d1a;color:#f5a9a6;border:1px solid rgba(240,82,77,.35)}.alert-success{background:#05d9961a;color:#8debc6;border:1px solid rgba(5,217,150,.35)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--rand);margin-bottom:20px}.tab{padding:9px 16px;font-size:14px;font-weight:400;border:none;background:none;color:var(--zacht);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover{color:var(--tekst)}.tab.active{color:var(--tekst);border-bottom-color:var(--groen)}.empty-state{text-align:center;padding:60px 20px;color:var(--uit)}.empty-state-icon{font-size:44px;margin-bottom:12px;opacity:.8}.empty-state h3{font-size:17px;font-weight:400;color:var(--zacht);margin-bottom:6px}.empty-state p{font-size:13px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--rand);font-size:13px}.table th{font-size:11px;font-weight:500;color:var(--uit);text-transform:uppercase;letter-spacing:.04em;background:var(--vlak2)}.table tr:hover td{background:var(--vlak2)}.table tfoot td{border-top:2px solid var(--rand2);border-bottom:none}@keyframes pulse-overfilled-ring{0%{box-shadow:inset 0 0 0 2px #f0524d00}50%{box-shadow:inset 0 0 0 2px #f0524df2}to{box-shadow:inset 0 0 0 2px #f0524d00}}@keyframes pulse-exactfull-ring{0%{box-shadow:inset 0 0 0 2px #05d99600}50%{box-shadow:inset 0 0 0 2px #05d996f2}to{box-shadow:inset 0 0 0 2px #05d99600}}@keyframes pulse-autoshifted-ring{0%{box-shadow:inset 0 0 0 2px #f5b84100}50%{box-shadow:inset 0 0 0 2px #f5b841f2}to{box-shadow:inset 0 0 0 2px #f5b84100}}.cell-overfilled{animation:pulse-overfilled-ring 1.5s ease-in-out infinite;position:relative}.cell-exactfull{animation:pulse-exactfull-ring 1.5s ease-in-out infinite;position:relative}.cell-autoshifted{animation:pulse-autoshifted-ring 1.5s ease-in-out infinite;position:relative}@media (prefers-reduced-motion: reduce){.cell-overfilled{animation:none;box-shadow:inset 0 0 0 2px #f0524db3}.cell-exactfull{animation:none;box-shadow:inset 0 0 0 2px #05d996b3}.cell-autoshifted{animation:none;box-shadow:inset 0 0 0 2px #f5b841d9}}.day-header.evenement{position:relative}.day-header.evenement .evt-mark{display:block;font-size:9px;font-weight:700;letter-spacing:.02em;margin-top:1px}.day-header.evenement-vol{background:#05d99629;box-shadow:inset 0 -2px 0 var(--groen)}.day-header.evenement-vol .evt-mark{color:var(--groen)}.day-header.evenement-tekort{box-shadow:inset 0 -2px 0 var(--let);animation:knipper-evenement 1.6s ease-in-out infinite}.day-header.evenement-tekort .evt-mark{color:var(--let)}@keyframes knipper-evenement{0%,to{background:#f5b8411a}50%{background:#f5b84166}}.schedule-grid td.dag-evenement{box-shadow:inset 1px 0 #f5b8414d,inset -1px 0 #f5b8414d}.schedule-grid td.dag-evenement-vol{box-shadow:inset 1px 0 #05d99647,inset -1px 0 #05d99647}@media (prefers-reduced-motion: reduce){.day-header.evenement-tekort{animation:none;background:#f5b8414d}}.versievak{position:fixed;right:14px;bottom:14px;z-index:40;background:var(--vlak);border:1px solid var(--rand);border-radius:9px;padding:7px 12px;font-size:11px;color:var(--uit);line-height:1.6;text-align:right;pointer-events:none;opacity:.75;transition:opacity .25s ease;max-width:260px}.versievak b{color:var(--zacht);font-weight:500}.versievak.weg{opacity:0}.versiezone{position:fixed;right:0;bottom:0;width:340px;height:120px;z-index:39}.mob-wrap{max-width:480px;margin:0 auto;padding:12px;background:var(--bg);min-height:100vh;position:relative;z-index:1}.mob-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px;background:var(--vlak);border:1px solid var(--rand);border-radius:12px}.mob-user-name{font-size:17px;font-weight:500;color:var(--kop)}.mob-user-sub{font-size:12px;color:var(--uit);margin-top:2px}.mob-logout{border:1px solid var(--rand);background:var(--vlak2);color:var(--tekst);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;touch-action:manipulation}.mob-logout:active{background:var(--vlak3)}.mob-header{font-size:18px;font-weight:500;padding:20px;text-align:center;color:var(--zacht)}.mob-error{background:#f0524d1a;color:#f5a9a6;padding:16px;border-radius:9px;border:1px solid rgba(240,82,77,.35);margin:12px 0;font-size:14px}.mob-card-big{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;padding:16px;margin-bottom:12px}.mob-card-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--uit)}.mob-card-sub{font-size:13px;color:var(--zacht);margin-top:2px;text-transform:capitalize}.mob-card-empty{margin-top:14px;padding:24px;text-align:center;color:var(--uit);font-size:14px;background:var(--vlak2);border-radius:10px;border:1px dashed var(--rand)}.mob-card-shift{margin-top:12px;padding:16px;border-radius:10px;text-align:center}.mob-shift-code{font-size:32px;font-weight:700;line-height:1}.mob-shift-label{font-size:13px;margin-top:6px;opacity:.9}.mob-card-time{margin-top:12px;font-size:16px;font-weight:500;color:var(--kop);text-align:center;font-variant-numeric:tabular-nums}.mob-card-location{margin-top:8px;font-size:14px;color:var(--zacht);text-align:center}.mob-card-notes{margin-top:10px;font-size:13px;color:#f5d89b;padding:8px 10px;background:#f5b8411a;border-radius:6px}.mob-section-title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--uit);margin:18px 4px 8px}.mob-empty{background:var(--vlak);border:1px solid var(--rand);border-radius:10px;padding:16px;text-align:center;color:var(--uit);font-size:14px}.mob-row{background:var(--vlak);border:1px solid var(--rand);border-radius:10px;margin-bottom:8px;padding:10px 12px;display:flex;align-items:stretch;gap:12px}.mob-row-day{flex:0 0 80px;font-size:12px;font-weight:500;color:var(--zacht);align-self:center;text-transform:capitalize}.mob-row-body{flex:1;display:flex;flex-direction:column;gap:2px}.mob-row-shift{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;align-self:flex-start;font-size:13px}.mob-row-code{font-weight:700}.mob-row-label{opacity:.85;font-size:12px}.mob-row-loc,.mob-row-time{font-size:12px;color:var(--uit)}.mob-footer{text-align:center;font-size:11px;color:var(--uit);margin-top:24px;padding:16px 0}.mob-btn{width:100%;padding:12px;background:var(--blauw);color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;margin-top:12px}.mob-btn:hover{background:var(--cyaan)}@media (max-width: 820px){.layout{height:auto;overflow:visible}.balk{padding:11px 14px 9px;gap:10px}.balk .merk{font-size:18px}.balk-rechts{gap:8px}.wie strong{display:none}.hoofdtabs{flex-wrap:nowrap;overflow-x:auto;padding:0 8px;scrollbar-width:none;-ms-overflow-style:none}.hoofdtabs::-webkit-scrollbar{display:none}.hoofdtabs button{padding:8px 10px 9px;font-size:14px;flex:0 0 auto}.tab-streep{flex:0 0 1px}.tab-streep{margin:0 5px}.page-content{padding:14px 16px 50px}.topbar{padding:14px 16px 0}.schedule-wrap{max-height:none}}