:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#efece4;--border:#ddd8cd;--text:#201d18;--text-muted:#6b6559;--accent:#01689b;--accent-ink:#fff;--like:#a90061;--saved:#39870c;--saved-ink:#fff;--pending:#b34f00;--pending-ink:#fff;--danger:#c0392b;--shadow:0 1px 2px #0000000f}@media (prefers-color-scheme:dark){:root{--bg:#17150f;--surface:#201d16;--surface-2:#2a271e;--border:#38342a;--text:#ece7db;--text-muted:#9a9384;--accent:#4d9fd6;--accent-ink:#0d1f2b;--like:#d24a94;--saved:#6cbf3f;--saved-ink:#0f1a06;--pending:#e8944a;--pending-ink:#1a1207;--danger:#e06055;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.topbar{z-index:50;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex;position:sticky;top:0;overflow-x:clip}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);border-radius:4px;place-items:center;font-size:15px;font-weight:800;display:grid}.topbar nav{flex-wrap:wrap;align-items:center;gap:.25rem;margin-left:auto;display:flex}.navlink{color:var(--text-muted);border-radius:4px;padding:.35rem .7rem;font-size:.92rem;text-decoration:none}.navlink:hover{background:var(--surface-2);color:var(--text)}.navlink.active{color:var(--accent);font-weight:600}.nav-toggle{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;display:none}.nav-toggle:hover{background:var(--surface-2)}@media (max-width:760px){.topbar{flex-wrap:wrap}.brand{flex:1 1 0;min-width:0;display:flex}.brand span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-toggle{flex:none;display:inline-flex}.topbar nav{border-top:1px solid var(--border);flex-direction:column;flex-basis:100%;align-items:stretch;gap:.1rem;width:100%;margin-top:.4rem;margin-left:0;padding-top:.5rem;display:none}.topbar nav.open{display:flex}.topbar nav .navlink{border-radius:6px;padding:.7rem .6rem;font-size:1rem}.topbar nav form{width:100%}.topbar nav form .navlink{text-align:left;width:100%}}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{background:var(--accent);filter:brightness(.92)}.btn-lintblauw{color:#fff;background:#01689b;border-color:#01689b}.btn-lintblauw:hover{color:#fff;filter:none;background:#014e77;border-color:#014e77}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:.55rem .7rem}.muted{color:var(--text-muted)}.wrap{max-width:1200px;margin:0 auto;padding:1.25rem 1rem}.wrap-wide{max-width:none}.pagenav{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.page-num,.page-arrow{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;line-height:1;text-decoration:none;display:inline-flex}.page-num:hover,.page-arrow:hover{background:var(--surface-2)}.page-num.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.page-num.on:hover{background:var(--accent);filter:brightness(.92)}.page-arrow svg{width:17px;height:17px}.page-ellipsis{color:var(--text-muted);padding:0 2px}.user-list{font-size:.9rem}.user-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.6rem .1rem;display:flex}.user-row-main{flex-direction:column;flex:15rem;gap:.3rem;min-width:0;display:flex}.user-row-meta{flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;font-size:.85rem;display:flex}.user-row-email{overflow-wrap:anywhere;min-width:0}.user-row-controls{flex:15rem;gap:.5rem;min-width:0;display:flex}.user-row-controls .input{flex:1 1 0;min-width:0;padding:.3rem .5rem}.user-row-owner{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:999px;align-self:center;padding:.15rem .6rem;font-size:.78rem}.user-row-actions{flex:none;gap:.4rem;margin-left:auto;display:flex}.user-row-actions .btn{padding:.3rem .7rem;font-size:.85rem}@media (max-width:560px){.user-row-actions{width:100%;margin-left:0}.user-row-actions .btn{flex:1 1 0;justify-content:center;padding:.45rem .7rem}}.user-pass{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex:100%;margin-top:.5rem;padding:.8rem .9rem}.user-pass-head{flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;display:flex}.user-pass-head .muted{font-size:.8rem}.user-pass-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}@media (max-width:560px){.user-pass-actions .btn{flex:1 1 0;justify-content:center}}