:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182722;background:#f5f7f8;font-synthesis:none;font-size:16px;--ink:#182722;--muted:#65716d;--line:#e1e7e4;--lime:#c5f36b;--green:#285b41}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4785e3;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:2rem;letter-spacing:-1px;line-height:1.2}h2{font-size:1.25rem;letter-spacing:-.4px}h3{font-size:1.05rem}p{line-height:1.6}small{font-size:.85rem}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:.75rem;font-weight:750;color:var(--muted);margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px;font-size:1.45rem;font-weight:750;letter-spacing:-.8px}.brand img{width:37px;height:37px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:10px;padding:11px 20px;font-weight:650;background:var(--ink);color:#fff;text-decoration:none}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.lime{background:var(--lime);color:var(--ink)}.btn.danger{background:#fff0ed;color:#a33324}.btn.small{min-height:36px;padding:8px 12px;font-size:.875rem}.text-btn{background:transparent;color:var(--muted);padding:10px;font-size:.875rem}.stack{display:grid;gap:18px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:18px}.pill{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:6px;font-size:.75rem;font-weight:650;background:#edf1ef;color:#52645b}.pill.approved,.pill.fulfilled{background:#e6f3eb;color:#26623c}.pill.pending,.pill.requested{background:#fff2d3;color:#8c6411}.pill.rejected{background:#fce9e5;color:#a03f2f}.pill.active{background:#ddf4c3;color:#355c1c}.empty{padding:32px 20px;text-align:center;color:var(--muted);font-size:.95rem;line-height:1.6;border:1px dashed var(--line);border-radius:12px}.notice{padding:13px 16px;border-radius:9px;background:#eef3fb;color:#3c587e;font-size:.875rem;line-height:1.6}.error{color:#a33324;background:#fff0ed;padding:12px;border-radius:8px;font-size:.875rem}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.loading{padding:60px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--ink);color:white;padding:54px 12%;display:flex;flex-direction:column;justify-content:space-between;gap:50px;min-height:100vh}.auth-story h1{font-size:clamp(2.6rem,4vw,4.8rem);font-weight:600;line-height:1.05;letter-spacing:-2.5px;max-width:520px}.auth-story h1 span{color:var(--lime)}.auth-story p{color:#b9c9c0;max-width:380px;margin-top:25px}.auth-steps{display:flex;gap:25px;margin-top:45px;flex-wrap:wrap}.auth-step b{display:block;color:var(--lime);font-size:1.5rem;margin-bottom:9px}.auth-step span{font-size:.85rem;color:#c5d0cb}.auth-foot{font-size:.8rem;color:#a0b6a9}.auth-form{max-width:500px;width:100%;padding:55px 45px;margin:auto}.auth-form h2{font-size:1.8rem;margin-bottom:12px}.auth-tabs{display:flex;background:#e9eeeb;border-radius:10px;padding:5px;margin:28px 0}.auth-tabs button{width:50%;padding:12px;border-radius:7px;background:transparent;color:var(--muted);font-size:.9rem;font-weight:650}.auth-tabs button.selected{background:white;color:var(--ink);box-shadow:0 2px 5px #00000008}.field{display:grid;gap:8px;font-size:.875rem;font-weight:650}.field input,.field textarea{border:1px solid #d4ded7;border-radius:8px;background:white;padding:12px;min-width:0;width:100%;font-size:1rem;font-weight:400;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:#54795d}.field small{font-weight:400;color:var(--muted);line-height:1.5}.field textarea{resize:vertical;min-height:85px}.auth-form .btn{width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--ink);color:#f5faf6;display:flex;flex-direction:column;padding:29px 20px;z-index:5}.sidebar .brand{padding:0 9px}.org-badge{border:1px solid #3a4940;border-radius:12px;padding:13px;display:flex;gap:12px;align-items:center;margin:37px 0 28px}.org-badge img,.org-icon{width:38px;height:38px;flex-shrink:0;object-fit:contain;border-radius:8px}.org-icon{display:grid;place-items:center;background:#405145;font-weight:700}.org-name{font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}.org-code{color:#a7b7ae;font-size:.75rem}.nav-label{color:#91a79a;font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;margin:14px 13px 10px}.nav{display:grid;gap:6px}.nav button{text-align:left;display:flex;align-items:center;gap:12px;border-radius:9px;background:transparent;color:#bbc9c1;padding:13px;font-size:.9rem}.nav button:hover{background:#2d3c32}.nav button.selected{background:var(--lime);color:var(--ink);font-weight:650}.nav svg,.icon{width:19px;height:19px;flex-shrink:0}.nav-count{margin-left:auto;background:#ffffff25;padding:2px 6px;border-radius:5px;font-size:.75rem}.sidebar-bottom{margin-top:auto;padding-top:30px}.user-box{display:flex;align-items:center;gap:10px;padding:14px 7px;border-top:1px solid #3a4940}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e7eef0;color:#48656b;font-size:.8rem;font-weight:700;flex-shrink:0}.sidebar .text-btn{color:#afc1b5}.main{margin-left:244px;padding:0 44px 45px;max-width:1650px}.topbar{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted);gap:15px}.topbar .tag{font-size:.75rem;letter-spacing:.5px}.heading{margin:35px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.heading p{color:var(--muted);font-size:.95rem;margin-top:9px}.workspace-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.clock-card{position:relative;background:var(--ink);color:white;border:0;padding:30px;min-height:278px;display:flex;flex-direction:column;justify-content:space-between}.clock-card .eyebrow{color:#b1c4b5}.clock-card p{color:#bfd0c4;font-size:.9rem;margin:10px 0 25px}.clock-card h2{font-size:1.6rem;letter-spacing:-.6px}.clock-card .timer{font-variant-numeric:tabular-nums;font-size:2.9rem;font-weight:550;letter-spacing:-1.5px;margin:12px 0}.clock-tag{font-size:.75rem;color:#c5d6ca;border:1px solid #4b5e50;border-radius:20px;padding:6px 11px}.clock-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.clock-footer small{color:#b1c4b5}.balance-card{background:var(--lime);border:0;display:flex;flex-direction:column;justify-content:space-between;min-height:278px;padding:30px}.balance-card .eyebrow{color:#496431}.balance-value{font-size:4.5rem;letter-spacing:-3px;line-height:1.1;font-weight:600}.balance-value span{font-size:1rem;letter-spacing:0;font-weight:500}.balance-card p{font-size:.9rem;margin:10px 0}.balance-card .text-btn{padding:0;color:var(--ink);text-align:left;font-weight:650}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:23px 0}.stat{display:flex;align-items:center;gap:15px;padding:21px}.stat-icon{background:#f0f4f3;color:#517866;width:42px;height:42px;display:grid;place-items:center;border-radius:11px}.stat b{display:block;font-size:1.55rem;font-weight:600;letter-spacing:-.6px}.stat small{color:var(--muted);line-height:1.5}.section-title{margin-bottom:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);padding:0 13px 13px}td{padding:17px 13px;font-size:.875rem;border-bottom:1px solid #eef1ef}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:4px}.points{color:var(--green);font-weight:650}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reward{display:flex;flex-direction:column;gap:16px;min-height:230px}.reward-mark{width:42px;height:42px;background:#edf3fa;color:#557399;border-radius:11px;display:grid;place-items:center}.reward p{color:var(--muted);font-size:.9rem;flex:1;overflow-wrap:anywhere}.reward h3{overflow-wrap:anywhere}.reward .cost{font-size:1.05rem;font-weight:750}.list{display:grid;gap:14px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border:0}.list-item p{font-size:.875rem;color:var(--muted);margin-top:4px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.settings-grid .card{height:fit-content}.logo-preview{width:65px;height:65px;object-fit:contain}.local-note{margin-top:28px;color:var(--muted);font-size:.75rem;line-height:1.6}#toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:white;border:1px solid #4b6551;padding:15px 22px;max-width:min(450px,90vw);border-radius:12px;box-shadow:0 7px 30px #0002;z-index:40}dialog{border:1px solid var(--line);border-radius:17px;max-width:520px;width:calc(100% - 35px);padding:28px;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#10241880}dialog h2{margin-bottom:8px}dialog p{color:var(--muted);font-size:.9rem;margin-bottom:22px}dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:.875rem}.filters button.selected{background:#e4eddf;color:#31512b;border-color:#bbceb2}.mobile-brand{display:none}.audit-detail{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere;white-space:normal;max-width:580px}.invitation-link{word-break:break-all;background:#eef3ed;padding:14px;border-radius:8px;font-size:.875rem;line-height:1.7}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}[hidden]{display:none!important}
@media(min-width:1450px){.main{padding-left:65px;padding-right:65px}.heading{margin-top:43px}.workspace-grid{gap:28px}}
@media(max-width:1100px){.sidebar{width:210px;padding:24px 14px}.main{margin-left:210px;padding:0 24px 35px}.workspace-grid{grid-template-columns:1.3fr 1fr}.card{padding:21px}.stat{padding:16px;gap:10px}.stat-icon{display:none}.reward-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:auto;padding:25px;gap:30px}.auth-story h1{font-size:2.5rem;letter-spacing:-1.5px}.auth-story p,.auth-steps,.auth-foot{display:none}.auth-form{padding:30px 24px}.sidebar{position:static;width:auto;padding:17px 18px 10px;display:block}.sidebar .brand{font-size:1.2rem;padding:0}.sidebar .brand img{width:31px;height:31px}.org-badge{margin:15px 0 10px;padding:9px}.org-icon,.org-badge img{width:30px;height:30px}.org-code{display:none}.sidebar .nav-label{display:none}.nav{display:flex;overflow:auto;gap:6px;padding:8px 0}.nav button{flex-shrink:0;padding:11px 12px;font-size:.85rem}.nav button svg{width:16px}.sidebar-bottom{display:none}.main{margin:0;padding:0 18px 30px}.topbar{height:57px;font-size:.8rem}.heading{margin:25px 0 20px;align-items:flex-start}h1{font-size:1.7rem}.heading p{font-size:.875rem}.heading .btn{padding:9px 12px;font-size:.85rem}.workspace-grid{grid-template-columns:1fr;gap:16px}.clock-card{min-height:250px}.balance-card{min-height:185px}.balance-value{font-size:3.4rem}.stats{gap:8px;margin:16px 0}.stat{padding:15px 11px}.stat b{font-size:1.3rem}.stat small{font-size:.75rem}.reward-grid{grid-template-columns:1fr}.list-item{align-items:flex-start;flex-wrap:wrap}.split{grid-template-columns:1fr}.topbar .tag{display:none}.card{border-radius:13px}.clock-footer{flex-wrap:wrap}}

.below{margin-top:24px}.main>section.card+section.card{margin-top:24px}.main>.notice{margin-top:20px}

@media(max-width:760px){.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav[aria-label="Mijn werkplek"] button{flex:1;padding:11px 7px;gap:7px;font-size:.8rem;justify-content:center}}