@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-cyrillic-ext-700-normal-BmRLXWpJ.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-700-normal-DCQwxkRk.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-cyrillic-700-normal-D_uavGvn.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-700-normal-RFb1v-CK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-greek-700-normal-wyJ6jzdA.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-700-normal-CkZN0sRy.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-vietnamese-700-normal-CkEo6LDy.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-700-normal-BV5B8Are.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-ext-700-normal-aMgXseD4.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-700-normal-DZH6Xh-4.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-700-normal-Bth3BMcD.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.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}.plan-root{display:flex;height:100vh;overflow:hidden}.plan-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.plan-scroll{flex:1;overflow:auto;padding:16px}.plan-toolbar{padding:14px 16px 10px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:12px}.plan-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.plan-title{font-size:18px;font-weight:700}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2)}.icon-btn:hover{background:var(--surface-2)}.btn{height:30px;padding:0 12px;border-radius:7px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn:hover{border-color:var(--accent)}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600}.stat-value{font-family:var(--font-mono);font-size:22px;font-weight:700;line-height:1.2}.stat-sub{font-size:11px;color:var(--text-3)}.plan-body{flex:1;display:flex;min-height:0}.plan-side{width:250px;flex:none;border-left:1px solid var(--border);background:var(--surface-2);overflow:auto;padding:14px}.chip{border-radius:6px;padding:4px 6px;font-size:11px;cursor:pointer;display:flex;flex-direction:column;gap:2px;-webkit-user-select:none;user-select:none}.chip-top{display:flex;align-items:center;gap:4px}.chip-dienst{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pop-wissel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;font-size:11px;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border)}.chip-aantal{flex:none;font-size:9px;font-weight:700;line-height:1;padding:2px 4px;border-radius:4px;color:var(--text-2);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.chip-klant{color:var(--text-2);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:7px;height:7px;border-radius:50%;flex:none}.avatar{border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex:none}.avatar-row{display:flex;gap:2px}.need-monteur{font-size:9px;color:var(--red);font-weight:600}.month-head,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:6px}.month-head>div{padding:6px 8px;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;min-width:0}.month-grid{row-gap:6px}.day-cell{min-height:108px;border:1px solid var(--border);border-radius:8px;padding:5px;display:flex;flex-direction:column;gap:3px}.day-num{font-family:var(--font-mono);font-size:12px}.meter{height:4px;border-radius:3px;background:var(--border);overflow:hidden;cursor:pointer}.meter-fill{height:100%;border-radius:3px}.meter-label{font-size:9px;font-family:var(--font-mono)}.month-more{border:none;background:transparent;color:var(--text-3);font-size:10px;font-weight:600;text-align:left;padding:2px 4px;border-radius:4px}.month-more:hover{background:var(--surface-2);color:var(--accent)}.month-add{width:16px;height:16px;border-radius:4px;border:none;background:transparent;color:var(--text-3);font-size:13px;line-height:1;opacity:0;transition:opacity .12s}.day-cell:hover .month-add{opacity:.7}.month-add:hover{opacity:1;background:var(--surface-2);color:var(--accent)}.dienst-legenda{display:flex;flex-wrap:wrap;gap:4px 12px;padding:2px 0}.legenda-item{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-2)}.legenda-dot{width:8px;height:8px;border-radius:2px;flex:none}.week-grid{display:grid;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--border);gap:1px}.week-cell{background:var(--surface)}.week-rowhead{background:var(--surface-2);padding:8px;display:flex;flex-direction:column;gap:4px}.overlay{position:fixed;inset:0;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:40}.pop-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-popover);width:340px;max-height:86vh;overflow:auto}.warn-banner{padding:8px 10px;border-radius:8px;font-size:11.5px;font-weight:500;display:flex;gap:7px;align-items:flex-start}.afs-koppel{align-self:flex-start;margin-top:2px;padding:1px 6px;border-radius:4px;border:1px solid var(--border);background:var(--surface-2);color:var(--accent);font-size:9.5px;font-weight:600;font-family:var(--font-mono);cursor:pointer}.afs-koppel:hover{border-color:var(--accent)}.tp-klus{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.tp-klus-kop{display:flex;align-items:flex-start;gap:7px;width:100%;padding:8px 11px;border:none;border-bottom:1px solid var(--border);background:var(--surface-2);color:inherit;font:inherit;text-align:left;cursor:pointer}.tp-klus-kop:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}.tp-klus-kop.is-dicht{border-bottom:none}.tp-klus-pijl{display:inline-flex;flex:none;margin-top:2px;color:var(--text-3);transition:transform .12s ease}.tp-klus-kop.is-dicht .tp-klus-pijl{transform:rotate(-90deg)}.tp-klus-body{display:block;flex:1;min-width:0}.tp-klus-stippen{display:inline-flex;align-items:center;gap:3px}.tp-kop{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}.tp-alles{border:none;background:none;padding:0;font-size:10.5px;color:var(--text-3);cursor:pointer}.tp-alles:hover{color:var(--accent);text-decoration:underline}.tp-klus-titel{display:flex;align-items:baseline;gap:6px;min-width:0}.tp-klus-klant{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-klus-nr{font-size:10px;color:var(--text-3);flex:none}.tp-klus-sub{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:10.5px;color:var(--text-3)}.tp-klus-dagen{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:20px;padding:1px 7px;white-space:nowrap}.tp-regel{display:flex;align-items:center;gap:8px;padding:7px 11px;cursor:grab;border-top:1px solid var(--border)}.tp-klus .tp-regel:first-of-type{border-top:none}.tp-regel:hover{background:var(--surface-2)}.tp-regel-naam{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-regel-verd{color:var(--text-3)}.tp-regel-dagen{font-size:10.5px;color:var(--text-3);white-space:nowrap;flex:none}.tp-regel-deels{color:#c99a2e}.adres-zoeker-velden{display:flex;gap:10px}.adres-zoeker-veld{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;font-size:11px;color:var(--text-3)}.adres-zoeker-nr{flex:0 0 110px}.adres-zoeker-status{margin-top:6px;font-size:11px;color:var(--text-3)}.adres-zoeker-status.ok{color:#2fa84a}.adres-zoeker-status.warn{color:#c99a2e}.adres-zoeker-opt{color:var(--text-3);font-weight:400;text-transform:none}.page-head{padding:16px 20px 12px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:12px}.page-title{font-size:18px;font-weight:700}.kanban{flex:1;overflow:auto;padding:16px;display:flex;gap:12px;align-items:flex-start}.kanban-col{flex:1;min-width:220px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:10px;display:flex;flex-direction:column;gap:9px;max-height:100%}.kanban-col-head{display:flex;align-items:center;gap:7px;padding:2px 4px}.kanban-col-title{font-size:12.5px;font-weight:700}.kanban-col-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.kanban-list{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:24px}.kb-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 12px;cursor:pointer;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:6px}.kb-card:hover{border-color:var(--border-2)}.kb-klant{font-size:13px;font-weight:600}.kb-sub{font-size:11.5px;color:var(--text-2)}.dot-row{display:flex;gap:4px;align-items:center}.kb-dot{width:9px;height:9px;border-radius:3px;flex:none}.kb-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px}.progress{height:5px;border-radius:3px;background:var(--border);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px}.proj-search{display:flex;align-items:center;gap:4px;height:30px;padding:0 6px 0 10px;border:1px solid var(--border-2);border-radius:8px;background:var(--surface-2);width:220px}.proj-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:inherit;font-size:12.5px;color:var(--text)}.kb-archive{opacity:0;transition:opacity .12s}.kb-card:hover .kb-archive{opacity:.6}.kb-archive:hover{opacity:1!important;color:var(--red)}.drawer-overlay{position:fixed;inset:0;background:#00000047;z-index:50;display:flex;justify-content:flex-end}.drawer{width:460px;max-width:92vw;height:100%;background:var(--surface);border-left:1px solid var(--border);overflow:auto;box-shadow:-12px 0 40px #00000024}.drawer-head{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border);padding:14px 18px;display:flex;align-items:center;gap:10px;z-index:1}.section{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.section-title{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600}.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.field{display:flex;flex-direction:column;gap:3px}.field label{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.input,.textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--border-2);border-radius:7px;background:var(--surface);color:var(--text);font-size:12.5px;font-family:inherit;outline:none}.textarea{min-height:58px;resize:vertical}.kv{display:flex;justify-content:space-between;font-size:12.5px}.kv span:first-child{color:var(--text-2)}.mail{border-radius:9px;padding:10px 12px;font-size:12px}.mail-head{display:flex;align-items:center;gap:7px;margin-bottom:5px}.badge{font-size:9px;padding:1px 6px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.answer{background:var(--surface-2);border-radius:6px;padding:6px 8px;margin-top:5px}.detail{flex:1;overflow:auto;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}@media(max-width:960px){.detail{grid-template-columns:minmax(0,1fr);padding:14px 12px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.ond-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.ond-row:last-child{border-bottom:none}.inline-edit{border:1px solid transparent;border-radius:6px;background:transparent;padding:5px 7px;font-family:inherit;font-size:12.5px;color:var(--text);outline:none;width:100%;box-sizing:border-box}.inline-edit:hover{border-color:var(--border)}.inline-edit:focus{border-color:var(--border-2);background:var(--surface-2)}.edit-grid{display:grid;grid-template-columns:90px 1fr;gap:2px 8px;align-items:center}.edit-grid>label{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.ad-scroll{flex:1;overflow:auto;padding:18px 22px;max-width:1200px;width:100%;margin:0 auto}.ad-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ad-contact{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:16px}.ad-contact-cell{background:var(--surface);padding:10px 12px}.ad-cols{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}@media(max-width:960px){.ad-cols{grid-template-columns:minmax(0,1fr)}.ad-contact{grid-template-columns:repeat(2,1fr)}}.ad-left,.ad-right{display:flex;flex-direction:column;gap:16px}.ad-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.ad-grid2{grid-template-columns:1fr}}.ad-upload{width:100%;padding:10px;border:1px dashed var(--border-2);border-radius:8px;background:var(--surface-2);color:var(--text-3);font-size:12.5px;cursor:pointer}.ad-upload:hover{border-color:var(--accent);color:var(--text-2)}.ad-dropzone{min-height:78px;border:1.5px dashed var(--border-2);border-radius:9px;padding:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;transition:border-color .15s,background .15s}.ad-dropzone.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.doc-item{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:5px 8px 5px 5px}.doc-thumb{width:34px;height:34px;border-radius:5px;background-size:cover;background-position:center;background-color:var(--border);cursor:pointer;flex:none}.doc-file{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-2);background:var(--surface);border:1px solid var(--border-2)}.doc-name{font-size:11.5px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.off-regel{border:1px solid var(--border);border-radius:8px;padding:8px 9px;margin-bottom:8px;background:var(--surface)}.off-varianten{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.off-variant{flex:1 1 96px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);cursor:pointer;text-align:left}.off-variant:hover{border-color:var(--border-2)}.off-variant.actief{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);cursor:default}.off-variant-naam{font-size:11px;color:var(--text-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.off-variant.actief .off-variant-naam{color:var(--accent);font-weight:600}.off-variant-bedrag{font-size:12.5px;font-weight:700;white-space:nowrap}.off-versies{margin-top:8px;display:flex;flex-direction:column;gap:4px}.off-versie{border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:var(--surface)}.off-versie.actueel{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.off-versie-kop{display:flex;align-items:center;gap:7px;font-size:12px;min-width:0}.off-versie-onder{display:flex;align-items:center;gap:8px;margin-top:5px}.off-versie-nr{font-weight:700;color:var(--text-2);flex:none}.off-versie-datum{color:var(--text-3);font-size:11.5px;flex:none}.off-versie-bedrag{flex:1;min-width:0;font-weight:700;font-size:13px;white-space:nowrap}.off-versie-pill{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:9.5px;padding:1px 7px}.off-versie-concept{border-style:dashed;border-color:var(--border-2);background:var(--surface-2)}.off-versie-delta{margin-top:4px;padding-top:4px;border-top:1px dashed var(--border-2);font-size:11px;line-height:1.45;color:var(--text-3)}.off-versie-delta strong{color:var(--accent)}.off-disabled{opacity:.72}.off-regel-los{border-style:dashed;border-color:var(--border-2);background:var(--surface-2)}.off-los-dot{background:var(--text-3)}.off-los-hint{margin-top:5px;font-size:10.5px;color:var(--text-3)}.off-mat{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-2)}.off-mat-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;margin-bottom:5px}.off-mat-schakel{border:none;background:none;padding:0;font-family:inherit;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);cursor:pointer}.off-mat-schakel:hover{text-decoration:underline}.off-mat-uit .off-mat-naam,.off-mat-uit .off-mat-aantal{color:var(--text-3);text-decoration:line-through}.off-mat-uit .off-mat-aantal{text-decoration:none;font-style:italic}.off-mat-leeg{font-size:11px;color:var(--text-3);font-style:italic}.off-mat-rij{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:12px}.off-mat-naam{flex:1;min-width:0;color:var(--blue)}.off-mat-rij-extra .off-mat-naam{color:var(--text)}.off-mat-aantal{font-size:11.5px;color:var(--text-2);white-space:nowrap}.off-mat-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:5px;padding:1px 5px;margin-left:4px}.off-mat-add{display:flex;align-items:center;gap:5px;margin-top:6px;flex-wrap:wrap}.off-mat-add .input{height:28px}.off-mat-eur{font-family:var(--font-mono);color:var(--text-3);font-size:12px}.off-regel-row{display:flex;align-items:center;gap:6px}.off-regel-row .input{min-width:0}.off-regel-sub{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px}.off-regel-sub:empty{display:none}.off-veld{display:flex;flex-direction:column;gap:3px}.off-veld>span{font-size:10px;color:var(--text-3)}.off-posten{width:100%;border-collapse:collapse;font-size:12.5px}.off-posten td{padding:5px 0;border-bottom:1px solid var(--border);vertical-align:top}.off-posten td:first-child span:first-child{display:block}.off-aantal{font-size:10.5px;color:var(--text-3);margin-top:1px}.off-bedrag{text-align:right;white-space:nowrap}.off-posten tfoot td{border-bottom:none;padding-top:7px}.off-sub td{font-weight:600;border-top:1px solid var(--border-2)}.off-btw td{color:var(--text-3);font-size:11.5px;padding:2px 0}.off-tot td{font-weight:700;font-size:14px;padding-top:8px}.off-toggle{display:inline-flex;border:1px solid var(--border-2);border-radius:7px;overflow:hidden}.off-toggle button{border:none;background:transparent;color:var(--text-3);font-size:11.5px;padding:4px 11px;cursor:pointer}.off-toggle button.on{background:var(--accent);color:#fff}.off-klantregel{border:1px solid var(--border);border-radius:8px;padding:9px 11px;margin-bottom:8px;background:var(--surface)}.off-klantregel-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.off-klantregel-titel{font-weight:600;font-size:13px}.off-klantregel-sub{font-size:11px;color:var(--text-3);margin-top:1px}.off-klantregel-bedrag{font-weight:700;font-size:13.5px;white-space:nowrap}.off-incl{font-size:10.5px;color:var(--text-3);margin-top:6px;line-height:1.5}.off-titel-input{font-weight:600;font-size:13px;flex:1;border-color:transparent;background:transparent;padding:2px 4px}.off-titel-input:hover,.off-titel-input:focus{border-color:var(--border-2);background:var(--surface-2, var(--surface))}.off-was{font-size:10px;color:var(--text-3);text-decoration:line-through;margin-top:1px}.off-verborgen{opacity:.5}.off-regel-acties{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:7px;border-top:1px solid var(--border);font-size:11px;color:var(--text-3)}.off-regel-acties label{display:inline-flex;align-items:center;gap:4px}.off-prijs-input{width:84px;height:26px;text-align:right}.off-verberg{cursor:pointer}.off-reset{margin-left:auto;border:none;background:transparent;color:var(--accent);font-size:11px;cursor:pointer;padding:0}.off-nr-badge{font-family:var(--font-mono);font-size:11px;padding:3px 9px;border-radius:6px;background:var(--surface);border:1px solid var(--border-2);color:var(--text-2)}.off-nr-badge.vast{background:color-mix(in srgb,var(--green) 14%,transparent);border-color:color-mix(in srgb,var(--green) 30%,transparent);color:var(--green)}.off-sub-input{font-size:11px;color:var(--text-2);width:100%;margin-top:4px;border-color:transparent;background:transparent;padding:2px 4px}.off-sub-input:hover,.off-sub-input:focus{border-color:var(--border-2);background:var(--surface-2, var(--surface))}.off-incl-edit{display:flex;align-items:center;gap:6px;margin-top:6px}.off-incl-edit>span{font-size:10.5px;color:var(--text-3);flex:none}.off-incl-edit input{flex:1;font-size:10.5px;color:var(--text-3);height:26px}.off-incl-lijst{margin-top:8px;display:flex;flex-direction:column;gap:4px}.off-incl-label{font-size:10.5px;color:var(--text-3);margin-bottom:1px}.off-incl-row{display:flex;align-items:center;gap:6px}.off-bullet{color:var(--text-3);flex:none;width:8px;text-align:center}.off-incl-row input{flex:1;height:26px;font-size:11.5px}.off-incl-add{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-left:14px;margin-top:2px;border:none;background:transparent;color:var(--accent);font-size:11px;cursor:pointer;padding:0}.off-verdeling{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px}.off-verdeling-item{font-size:11px;color:var(--text-2);background:var(--surface-2, var(--surface));border:1px solid var(--border);border-radius:5px;padding:2px 8px}.off-sleuven-check{display:inline-flex;align-items:center;gap:5px;font-size:12px;height:30px}.off-doc{max-width:720px;margin:8px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 28px}.off-doc-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;margin-bottom:8px;border-bottom:2px solid var(--border-2)}.off-doc-titel{font-size:22px;font-weight:700;letter-spacing:-.01em}.off-doc-nr{font-size:12px;color:var(--text-3);margin-top:2px}.off-doc-klant{text-align:right;font-size:12.5px}.off-doc-sub{color:var(--text-3);font-size:12px}.off-doc-regel{padding:14px 0;border-bottom:1px solid var(--border)}.off-doc-incl{margin:8px 0 0;padding-left:18px;color:var(--text-2);font-size:12px;line-height:1.7}.off-doc-tot{margin-top:12px}@media print{body *{visibility:hidden}.off-doc,.off-doc *{visibility:visible}.off-doc{position:absolute;top:0;left:0;width:100%;max-width:100%;margin:0;padding:0 6mm;border:none;border-radius:0;background:#fff;color:#1a1a1a}.off-doc .off-klantregel-titel,.off-doc .off-doc-titel,.off-doc .off-klantregel-bedrag,.off-doc .off-tot td{color:#111}.off-doc .off-klantregel-sub,.off-doc .off-doc-sub,.off-doc .off-doc-nr,.off-doc .off-doc-incl,.off-doc .off-btw td,.off-doc .off-sub td{color:#555}.off-doc .off-verdeling-item{background:#f3f3f3;border-color:#ddd;color:#333}.off-doc-regel{break-inside:avoid}@page{margin:14mm}}.off-doc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;border-bottom:2px solid var(--accent)}.off-doc-brand{display:flex;align-items:center;gap:12px}.off-doc-logo{max-height:78px;max-width:300px;object-fit:contain}.off-doc .off-doc-mark{width:60px;height:60px;border-radius:13px;font-size:30px;display:inline-flex;align-items:center;justify-content:center}.off-doc-bedrijf{font-size:17px;font-weight:700;letter-spacing:-.01em}.off-doc-gegevens{text-align:right;font-size:11px;color:var(--text);line-height:1.6}.off-doc-titelbalk{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:18px 0 6px}.off-doc-datums{display:flex;gap:14px;font-size:11.5px;color:var(--text-3);margin-top:4px}.off-doc-footer{margin-top:22px;padding-top:12px;border-top:1px solid var(--border)}.off-doc-vw-titel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:5px}.off-doc-vw{margin:0 0 12px;padding-left:16px;font-size:11px;color:var(--text-2);line-height:1.7}.off-doc-fiscaal{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--text-3);font-family:var(--font-mono)}@media print{.off-doc .off-doc-bedrijf,.off-doc .off-doc-vw,.off-doc .off-klantregel-titel,.off-doc .off-doc-gegevens{color:#111}.off-doc .off-doc-datums,.off-doc .off-doc-vw-titel,.off-doc .off-doc-fiscaal{color:#555}.off-doc-header{border-bottom-color:var(--accent)}}.fin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.fin-row:last-of-type{border-bottom:none}.fin-kop{min-width:0;display:flex;flex-direction:column;gap:3px}.fin-nr{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-bedrag{text-align:right;font-size:12.5px;font-weight:600;white-space:nowrap}.fin-bedrag small{display:block;font-weight:400;font-size:9.5px;color:var(--text-3)}.fin-status{appearance:none;align-self:flex-start;border:1px solid transparent;border-radius:20px;padding:2px 8px;font-size:9.5px;font-weight:600;font-family:inherit;cursor:pointer;outline:none;max-width:100%}.fin-status:hover{border-color:var(--border-2)}.fin-form{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.fin-breed{grid-column:1 / -1}.off-post-bedrag{display:flex;align-items:center;justify-content:flex-end;gap:6px}.off-post-bedrag .off-prijs-input{text-align:right}.off-doc-header{border-bottom:none;padding-bottom:4px;align-items:flex-start}.off-doc-gegevens{white-space:nowrap}.off-doc-gat{height:9px}.off-doc-adressen{display:flex;gap:42px;margin-top:10px;font-size:12px;line-height:1.55}.off-doc-adres-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:700;margin-bottom:2px}.off-doc-titelbalk{align-items:flex-end;margin:26px 0 4px}.off-doc-kenmerken{border-collapse:collapse;font-size:11.5px}.off-doc-kenmerken th{text-align:left;font-weight:700;padding:1px 14px 1px 0;white-space:nowrap}.off-doc-kenmerken td{text-align:right;white-space:nowrap}.off-doc-referentie{font-size:11.5px;margin-bottom:16px}.off-doc-regels{width:100%;border-collapse:collapse;font-size:11.5px;margin-top:6px}.off-doc-regels thead th{text-align:left;font-weight:700;font-size:11px;padding:5px 8px 5px 0;border-bottom:1.5px solid var(--text)}.off-doc-regels tbody td{padding:9px 8px 14px 0;vertical-align:top;border-bottom:1px solid var(--border)}.off-doc-col-aantal{width:52px}.off-doc-col-bedrag{text-align:right;white-space:nowrap;width:108px}.off-doc-regel-titel{font-weight:600}.off-doc-regel-sub{color:var(--text-2);margin-top:3px}.off-doc-geldig{font-size:11.5px;margin-bottom:10px}.login-root{flex:1;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--canvas)}.login-card{width:340px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-popover);padding:26px 24px;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:6px}.login-error{background:color-mix(in srgb,#cf4d3f 12%,transparent);color:#cf4d3f;font-size:12.5px;padding:8px 10px;border-radius:8px}.login-hint{font-size:11px;color:var(--text-3);line-height:1.6}.login-hint code{font-family:var(--font-mono);font-size:10.5px;background:var(--surface-2);padding:1px 5px;border-radius:4px;margin:0 2px}.login-card .field span{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;display:block}.plan-main:has(>.beh-body){overflow-x:hidden;overflow-y:auto}.beh-body{flex:0 0 auto;padding:16px;display:flex;flex-direction:column;gap:10px;max-width:860px}.plan-main:has(>.inst-body){overflow-x:hidden;overflow-y:auto}.inst-body{flex:0 0 auto;padding:18px;display:flex;flex-direction:column;gap:22px;max-width:1040px}.inst-cat-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:0 2px 9px}.inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:11px}.inst-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 15px 15px;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.inst-card:hover{border-color:var(--accent);background:var(--surface-2);transform:translateY(-1px)}.inst-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;margin-bottom:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.inst-card-title{font-size:13.5px;font-weight:600;color:var(--text)}.inst-card-desc{font-size:11.5px;line-height:1.35;color:var(--text-3)}.beh-row{background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden;flex-shrink:0}.beh-head{display:flex;align-items:center;gap:11px;padding:12px 14px;cursor:pointer}.beh-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.beh-panel-wrap{border-top:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:16px}.beh-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:720px){.beh-panel{grid-template-columns:1fr}}.beh-gegevens{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px}@media(max-width:720px){.beh-gegevens{grid-template-columns:1fr}}.beh-field-inline{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.beh-field-inline input{padding:6px 9px;border:1px solid var(--border-2);border-radius:7px;background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:12.5px;font-weight:400;text-transform:none;letter-spacing:0;outline:none}.beh-field-inline input:focus{border-color:var(--accent)}.beh-wrap-head{display:flex;align-items:center;gap:12px;min-height:30px}.beh-wrap-head .section-title{margin:0}.beh-wrap-head>:last-child{margin-left:auto}.beh-panel-foot{border-top:1px solid var(--border);padding-top:12px;display:flex}.beh-confirm{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-2);flex-wrap:wrap}.btn-danger{background:#cf4d3f;border-color:#cf4d3f;color:#fff}.btn-danger:hover{border-color:#cf4d3f;filter:brightness(.94)}.btn-danger-ghost{color:#cf4d3f;border-color:color-mix(in srgb,#cf4d3f 40%,transparent)}.btn-danger-ghost:hover{background:color-mix(in srgb,#cf4d3f 10%,transparent);border-color:#cf4d3f}.day-toggle{width:34px;height:30px;border-radius:7px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);font-size:11px;font-weight:600}.day-toggle[data-on=true]{background:var(--accent);border-color:var(--accent);color:#fff}.skill-row{display:flex;align-items:center;gap:8px;padding:5px 0}.stepper{display:inline-flex;align-items:center;gap:10px}.stepper button{width:26px;height:26px;border-radius:6px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);font-size:15px;font-weight:600}.tempo-input{width:62px;box-sizing:border-box;padding:5px 7px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:12px;outline:none}.beh-toolbar{display:flex;align-items:center;gap:10px;padding-bottom:2px}.beh-hint{margin:8px 0 0;font-size:11.5px;line-height:1.4;color:var(--text-3)}.beh-modal-overlay{position:fixed;inset:0;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:40}.beh-modal{width:340px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-popover);padding:16px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 48px);overflow-y:auto}.beh-field{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.beh-field input,.beh-field select{padding:7px 9px;border:1px solid var(--border-2);border-radius:7px;background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;outline:none}.beh-field input:focus,.beh-field select:focus{border-color:var(--accent)}.beh-fout{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:12.5px;color:#cf4d3f;background:color-mix(in srgb,#cf4d3f 10%,transparent);border:1px solid color-mix(in srgb,#cf4d3f 30%,transparent);cursor:pointer}.beh-fout-x{margin-left:auto;font-size:16px;line-height:1;opacity:.7}.mt-num{width:22px;height:22px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-size:11px;color:var(--text-3)}.verd-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.verd-arrows{display:flex;flex-direction:column;gap:2px}.verd-naam{flex:1;min-width:0;border:1px solid transparent;background:transparent;color:var(--text);font-size:13px;font-weight:600;padding:4px 7px;border-radius:6px;outline:none}.verd-naam:hover,.verd-naam:focus{border-color:var(--border-2);background:var(--surface)}.mat-filter{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:4px;border-bottom:1px solid var(--border);margin-bottom:4px}.mat-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);font-size:11.5px;font-weight:600}.mat-filter-btn.on{color:var(--text)}.mat-filter-btn .mono{font-size:10px;color:var(--text-3)}.dienst-card{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:12px 14px}.dienst-top{display:flex;align-items:center;gap:9px}.dienst-meta{display:flex;align-items:center;gap:14px;margin:10px 0 6px;font-size:11px}.afw-group-title{display:flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-3);margin:14px 0 6px}.afw-group-dot{width:8px;height:8px;border-radius:50%;flex:none}.afw-group-hint{text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-3)}.afw-duur{font-size:11px;color:var(--text-3);white-space:nowrap;flex:none}.afw-footer{margin-top:14px;font-size:11.5px;color:var(--text-3);border-top:1px solid var(--border);padding-top:10px}.afw-empty{padding:24px 16px;text-align:center;font-size:12.5px;color:var(--text-3);background:var(--surface-2);border:1px dashed var(--border-2);border-radius:10px}.afw-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.afw-date{padding:6px 8px;border:1px solid var(--border-2);border-radius:7px;background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:12px;outline:none}.rollen-tabel{background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden}.rollen-row{display:grid;grid-template-columns:1fr 90px 90px 90px;align-items:center;padding:7px 14px;border-top:1px solid var(--border)}.rollen-head{border-top:none;background:var(--surface-2);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-weight:700}.rollen-col,.rollen-head .rollen-col{text-align:center}.rollen-groep{padding:8px 14px 4px;font-size:11px;font-weight:700;color:var(--text-2);background:var(--surface-2);border-top:1px solid var(--border)}.rollen-recht{font-size:12.5px}.m-root{flex:1;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background:var(--canvas)}.m-phone{position:relative;width:100%;max-width:560px;height:100vh;height:100dvh;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}@media(min-width:600px){.m-phone{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.m-header{position:sticky;top:0;z-index:2;background:#1c1a19;color:#fff;padding:16px 18px 14px}@supports (padding: env(safe-area-inset-top)){.m-header{padding-top:calc(16px + env(safe-area-inset-top))}}:root[data-theme=dark] .m-header{background:#0f0e0d}.m-top{display:flex;align-items:center;gap:10px}.m-naam{font-size:15px;font-weight:700}.m-period{font-size:11px;color:#9b958f}.m-logout{margin-left:auto;font-size:11px;color:#9b958f;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:4px 9px}.m-tabs{display:flex;gap:6px;margin-top:14px;background:#ffffff14;border-radius:10px;padding:3px}.m-tab{flex:1;text-align:center;padding:8px 0;border-radius:8px;font-size:13px;font-weight:600;border:none;background:transparent;color:#ffffffb3}.m-tab.active{background:#fff;color:#1c1a19}.m-body{flex:1;overflow:auto;padding:14px;background:var(--surface-2);display:flex;flex-direction:column;gap:14px}.m-day-label{font-size:12px;font-weight:700;color:var(--text-2);text-transform:capitalize;margin-bottom:8px}.m-day-label.today{color:var(--accent)}.m-klus{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:12px;margin-bottom:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px}.m-klus-top{display:flex;align-items:center;gap:7px}.m-klus-dienst{font-size:13.5px;font-weight:700}.m-klus-sub{font-size:12px;color:var(--text-2)}.m-klus-meta{display:flex;gap:10px;font-size:10.5px;color:var(--text-3);font-family:var(--font-mono)}.m-afs{background:var(--surface);border:1px dashed var(--border-2);border-radius:11px;padding:10px 12px;margin-bottom:8px}.m-empty{color:var(--text-3);font-style:italic;font-size:13px;padding:8px 2px}.m-warn{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border-radius:9px;font-size:12px;line-height:1.35;color:#cf4d3f;background:color-mix(in srgb,#cf4d3f 10%,transparent);border:1px solid color-mix(in srgb,#cf4d3f 28%,transparent)}.m-sheet-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:50}.m-sheet{width:100%;max-width:560px;max-height:90dvh;background:var(--surface);border-radius:18px 18px 0 0;overflow:auto;padding:16px 16px calc(22px + env(safe-area-inset-bottom,0px))}.m-seg{display:flex;gap:6px}.m-seg button{flex:1;padding:10px 0;border-radius:9px;border:none;font-size:13px;font-weight:600}.wh-body{flex:1;overflow:auto;padding:16px;display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.wh-list{display:flex;flex-direction:column;gap:8px}.wh-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 12px;cursor:pointer;display:flex;flex-direction:column;gap:7px}.wh-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.wh-events{display:flex;flex-wrap:wrap;gap:4px}.wh-badge{font-family:var(--font-mono);font-size:9.5px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);padding:1px 6px;border-radius:5px}.wh-meta{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-3)}.wh-detail{min-width:0}.wh-table{width:100%;border-collapse:collapse;font-size:12px}.wh-table th{text-align:left;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-weight:600;padding:5px 6px;border-bottom:1px solid var(--border)}.wh-table td{padding:6px;border-bottom:1px solid var(--border)}.wh-toggle{width:34px;height:20px;border-radius:20px;border:none;background:var(--border-2);position:relative;transition:background .15s;flex:none}.wh-toggle[data-on=true]{background:var(--green)}.wh-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.wh-toggle[data-on=true] .wh-knob{left:16px}.wh-events-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.wh-event-check{display:flex;align-items:center;gap:7px;font-size:11px;padding:4px 6px;border-radius:6px;cursor:pointer;color:var(--text-3)}.wh-event-check.on{color:var(--text);background:var(--surface-2)}.wh-event-check input{accent-color:var(--accent)}.wh-map-input{width:100%;box-sizing:border-box;padding:5px 7px;border:1px solid var(--border-2);border-radius:6px;background:var(--surface);color:var(--text);font-size:11.5px;font-family:inherit;outline:none}.wh-map-input:focus{border-color:var(--accent)}.wh-demo-banner{margin:12px 16px 0;padding:8px 12px;border-radius:8px;font-size:11.5px;line-height:1.4;color:#c99a2e;background:color-mix(in srgb,#c99a2e 10%,transparent);border:1px solid color-mix(in srgb,#c99a2e 30%,transparent)}.wh-greep{cursor:grab;-webkit-user-select:none;user-select:none;color:var(--text-3);font-size:13px;line-height:1;padding:0 2px}.wh-greep:active{cursor:grabbing}.wh-map-rij.sleept{opacity:.4!important}.wh-map-rij.doel td{box-shadow:inset 0 2px 0 var(--accent)}.dash-body{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.dash-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:900px){.dash-cols{grid-template-columns:1fr}}.attn-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);cursor:pointer}.attn-item:last-child{border-bottom:none}.attn-dot{width:8px;height:8px;border-radius:50%;flex:none}.attn-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 10px;color:var(--green);text-align:center}.cap-bar{height:6px;border-radius:4px;background:var(--border);overflow:hidden}.cap-fill{height:100%;border-radius:4px}.fase-row{display:flex;align-items:center;gap:10px;padding:8px 0}.fase-bar{flex:1;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.attn-meer{width:100%;padding:7px 4px 2px;border:none;background:none;font:inherit;font-size:11.5px;font-weight:600;color:var(--text-3);text-align:left;cursor:pointer}.attn-meer:hover{color:var(--text)}.attn-item{position:relative}.attn-weg{flex:none;width:18px;height:18px;padding:0;border:none;border-radius:4px;background:none;color:var(--text-3);font:inherit;font-size:13px;line-height:1;cursor:pointer;opacity:0}.attn-item:hover .attn-weg{opacity:1}.attn-weg:hover{background:var(--surface-2);color:var(--text)}.attn-weg:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.attn-menu{position:absolute;top:100%;right:4px;z-index:20;min-width:168px;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:0 6px 18px #00000029}.attn-menu button{display:block;width:100%;padding:6px 9px;border:none;border-radius:5px;background:none;color:var(--text);font:inherit;font-size:12px;text-align:left;cursor:pointer}.attn-menu button:hover{background:var(--surface-2)}.attn-menu small{display:block;color:var(--text-3);font-size:10.5px}.sig-rij{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;padding:11px 0;border-top:1px solid var(--line)}.sig-rij:first-of-type{border-top:none}.sig-aan{display:flex;align-items:flex-start;gap:9px;flex:1 1 300px;cursor:pointer}.sig-aan input{margin-top:2px}.sig-aan strong{display:block;font-size:13px}.sig-aan small{display:block;margin-top:1px;color:var(--text-3);font-size:11.5px}.sig-drempel{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sig-eenheid{color:var(--text-3);font-size:11.5px}.sig-uitleg{flex-basis:100%;color:var(--text-3);font-size:11px}.postvak{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media(min-width:1100px){.postvak:has(.postvak-draad){grid-template-columns:minmax(0,360px) minmax(0,1fr)}}.postvak-lijst{max-height:68vh;overflow-y:auto}.postvak-rij{display:flex;align-items:center;gap:10px;padding:9px 4px;border-top:1px solid var(--line);cursor:pointer}.postvak-rij:first-child{border-top:none}.postvak-rij:hover,.postvak-rij.is-open{background:var(--surface-2)}.postvak-van{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600}.postvak-sub{margin-top:1px;color:var(--text-3);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postvak-ref,.postvak-tijd{flex:none;color:var(--text-3);font-size:10.5px}.postvak-nieuw{background:#3d7dd6;color:#fff;font-size:9.5px}.thread{display:flex;flex-direction:column;gap:9px}.thread-compact .msg-body{font-size:12px}.msg{padding:8px 10px;border-radius:8px;background:var(--surface-2)}.msg-uit{margin-left:18%;background:color-mix(in srgb,var(--accent) 10%,transparent)}.msg-in{margin-right:18%}.msg-kop{display:flex;align-items:baseline;gap:7px;font-size:12px}.msg-tijd{margin-left:auto;color:var(--text-3);font-size:10.5px}.msg-auto{background:var(--surface);color:var(--text-3);font-size:9.5px}.msg-onderwerp{margin-top:2px;font-size:11.5px;color:var(--text-2)}.msg-body{margin-top:4px;font-size:12.5px;white-space:pre-wrap}.msg-antwoorden{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);font-size:11.5px}.msg-vraag{color:var(--text-3)}.thread-antwoord{margin-top:4px;padding-top:9px;border-top:1px solid var(--line)}.msg-bijlagen{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bijlage{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:11px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bijlage:hover{background:var(--surface-2)}.bijlage-maat{color:var(--text-3);font-size:10px}.bijlage-nieuw{cursor:default;border-style:dashed}.bijlage-nieuw button{border:none;background:none;padding:0 0 0 2px;color:var(--text-3);font:inherit;font-size:13px;line-height:1;cursor:pointer}.bijlage-nieuw button:hover{color:var(--text)}.klant-tools{display:flex;gap:8px;padding:10px 10px 6px}.klant-tools .proj-search{flex:1}.klant-sort{display:flex;align-items:center;gap:6px;padding:0 10px 8px;border-bottom:1px solid var(--border)}.klant-sort-btn{font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-3)}.klant-sort-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.klant-naam-edit{display:block;width:100%;border:1px solid transparent;background:transparent;color:var(--text);font-size:16px;font-weight:700;padding:2px 4px;border-radius:6px;outline:none;margin-bottom:4px}.klant-naam-edit:hover,.klant-naam-edit:focus{border-color:var(--border-2);background:var(--surface)}.kv-edit{border:1px solid transparent;background:transparent;color:var(--text);font-size:12.5px;padding:3px 6px;border-radius:6px;outline:none;text-align:right;min-width:180px}.kv-edit:hover,.kv-edit:focus{border-color:var(--border-2);background:var(--surface)}.klant-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.klant-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 10px}.klant-tile-v{font-family:var(--font-mono);font-size:17px;font-weight:700;line-height:1.3}.cp-row{display:grid;grid-template-columns:1.1fr .8fr 1.4fr .9fr auto auto;gap:6px;align-items:center;margin-bottom:5px}.cp-head{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding-left:2px}.cp-in{width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12.5px;font-family:inherit;padding:4px 7px;border-radius:6px;outline:none}.cp-in:focus{border-color:var(--border-2)}.sidebar{width:230px;flex:none;background:#1c1a18;color:#b4aea8;display:flex;flex-direction:column;padding:14px 10px;gap:16px;border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}.brand-name{font-size:13.5px;font-weight:700;color:#fff;letter-spacing:-.01em}.brand-sub{font-size:9.5px;color:#6f6862;text-transform:uppercase;letter-spacing:.09em;font-family:var(--font-mono)}.nav-group{display:flex;flex-direction:column;gap:1px}.nav-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:#6f6862;font-weight:600;padding:4px 8px;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font-size:13px;color:#b4aea8;cursor:pointer}.nav-item>span:first-child{flex:1}.nav-item.sub{padding-left:34px;font-size:12.5px}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#e6612e2e;color:#fff;font-weight:600}.nav-item.muted{color:#7d766f;cursor:default}.nav-item.muted:hover{background:transparent}.nav-count{font-family:var(--font-mono);font-size:10.5px;color:#8a837c;background:#ffffff0f;border-radius:10px;padding:0 6px;min-width:18px;text-align:center}.nav-item.active .nav-count{color:#fff;background:#ffffff24}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px}.theme-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;background:transparent;border:none;color:#b4aea8;font-size:12.5px;font-family:inherit}.theme-row:hover{background:#ffffff0d}.theme-row>span:nth-of-type(1){flex:1;text-align:left}.theme-val{font-family:var(--font-mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.user-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.07);margin-top:4px}.user-avatar{width:24px;height:24px;border-radius:50%;background:#7d5b46;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:none}.user-naam{flex:1;font-size:12px;color:#d9d4ce;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{flex:none;font-size:11px;color:#9b958f;background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:4px 9px}.logout-btn:hover{color:#fff;border-color:#ffffff4d}.main-col{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.screen-slot{flex:1;min-height:0;display:flex;overflow:hidden}.app-header{height:56px;flex:none;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:16px;padding:0 20px}.app-header-title{flex:1;min-width:0}.app-title{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.app-sub{font-size:11.5px;color:var(--text-3)}.crumb{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700}.crumb-parent{color:var(--text-3);font-weight:600}.crumb-sep{color:var(--text-3)}.app-search{width:200px;height:32px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border-2);border-radius:8px;background:var(--surface-2);color:var(--text-3)}.app-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:inherit;font-size:12.5px;color:var(--text)}.app-search kbd{font-family:var(--font-mono);font-size:9.5px;color:var(--text-3);border:1px solid var(--border-2);border-radius:4px;padding:1px 5px}@media(max-width:720px){.app-search{display:none}}.user-pw-btn{background:none;border:none;padding:0;font-size:10.5px;color:var(--text-3);cursor:pointer;text-align:left}.user-pw-btn:hover{color:var(--accent);text-decoration:underline}.nav-hamburger{display:none;flex:none;width:34px;height:34px;border:none;background:none;color:var(--text-2);border-radius:8px;cursor:pointer;align-items:center;justify-content:center}.nav-hamburger:hover{background:var(--surface-2)}.nav-backdrop{display:none}@media(max-width:820px){.nav-hamburger{display:inline-flex}.app-header{padding:0 12px;gap:10px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(82vw,260px);transform:translate(-100%);transition:transform .22s ease;z-index:60;box-shadow:0 0 40px #00000059}.sidebar.open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:55}}.toast-wrap{position:fixed;bottom:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);border-left-width:3px;box-shadow:var(--shadow-popover, 0 8px 24px rgba(0, 0, 0, .18));font-size:12.5px;color:var(--text);cursor:pointer}.toast-dot{width:8px;height:8px;border-radius:50%;flex:none}.toast-x{margin-left:auto;font-size:15px;line-height:1;color:var(--text-3)}:root{--accent: #e6612e;--accent-hover: #d4551f;--green: #4a9d4e;--amber: #c99a2e;--red: #cf4d3f;--blue: #3d7dd6;--purple: #8b5cc7;--klus-todo: #9b958f;--klus-bezig: #c99a2e;--klus-klaar: #4a9d4e;--radius-card: 12px;--radius-control: 7px;--radius-pill: 20px;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--canvas: #f3f2f0;--surface: #ffffff;--surface-2: #faf9f8;--border: rgba(28, 26, 25, .09);--border-2: rgba(28, 26, 25, .14);--text: #1c1a19;--text-2: #6d6863;--text-3: #9b958f;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-popover: 0 12px 40px rgba(0, 0, 0, .18)}:root[data-theme=dark]{--canvas: #131211;--surface: #1b1a18;--surface-2: #232120;--border: rgba(255, 255, 255, .09);--border-2: rgba(255, 255, 255, .16);--text: #f1eee9;--text-2: #a49e97;--text-3: #736c65;--shadow-card: 0 1px 2px rgba(0, 0, 0, .25);--shadow-popover: 0 12px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:6px}