@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");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: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: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}:root{--teal-950: #052e33;--teal-900: #07383f;--teal-800: #0c4a52;--teal-700: #0e5a64;--teal-600: #11707c;--teal-500: #178291;--teal-400: #3aa6b4;--teal-300: #7cc7d1;--teal-200: #b5dfe5;--teal-100: #dbeff2;--teal-50: #eff8f9;--amber-700: #92510a;--amber-600: #b45309;--amber-500: #d97706;--amber-400: #f59e0b;--amber-200: #fde68a;--amber-100: #fef3c7;--amber-50: #fffbeb;--ink-900: #102a2e;--ink-700: #2c4a50;--ink-500: #51696e;--ink-300: #9db0b3;--ink-200: #c8d4d6;--ink-100: #e2e9ea;--paper: #f4f7f7;--surface: #ffffff;--surface-sunken: #eef3f3;--green-700: #166534;--green-600: #15803d;--green-100: #dcfce7;--red-700: #991b1b;--red-600: #b91c1c;--red-100: #fee2e2;--red-50: #fef2f2;--blue-700: #075985;--blue-100: #e0f2fe;--color-primary: var(--teal-700);--color-primary-hover: var(--teal-800);--color-primary-active: var(--teal-900);--color-accent: var(--amber-500);--color-danger: var(--red-600);--color-success: var(--green-600);--color-text: var(--ink-900);--color-text-secondary: var(--ink-700);--color-text-muted: var(--ink-500);--color-border: var(--ink-200);--color-border-strong: var(--ink-300);--color-focus: var(--teal-500);--sidebar-bg: linear-gradient(180deg, #07383f 0%, #052e33 100%);--sidebar-bg-solid: #07383f;--sidebar-text: #c4dde1;--sidebar-text-active: #ffffff;--sidebar-item-hover: rgba(255, 255, 255, .07);--sidebar-item-active: rgba(23, 130, 145, .32);--sidebar-accent: var(--amber-400);--font-display: "Bricolage Grotesque Variable", "IBM Plex Sans", sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(5, 46, 51, .08);--shadow-md: 0 2px 8px rgba(5, 46, 51, .1), 0 1px 2px rgba(5, 46, 51, .06);--shadow-lg: 0 8px 28px rgba(5, 46, 51, .16), 0 2px 6px rgba(5, 46, 51, .08);--shadow-focus: 0 0 0 3px rgba(23, 130, 145, .35);--sidebar-width: 248px;--sidebar-width-collapsed: 68px;--header-height: 60px;--touch-target: 48px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:radial-gradient(1100px 500px at 85% -10%,rgba(23,130,145,.07),transparent 60%),var(--paper);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:640;letter-spacing:-.015em;color:var(--color-text);margin:0}p{margin:0}button{font-family:var(--font-body);cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea{font-family:var(--font-body);font-size:max(1rem,16px);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;line-height:1.2;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform 80ms ease;text-decoration:none;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--surface);color:var(--ink-700);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--ink-500)}.btn--danger{background:var(--surface);color:var(--red-700);border-color:#f3b4b4}.btn--danger:hover:not(:disabled){background:var(--red-50);border-color:var(--red-600)}.btn--danger-solid{background:var(--color-danger);color:#fff}.btn--danger-solid:hover:not(:disabled){background:var(--red-700)}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:var(--green-700)}.btn--sm{min-height:34px;padding:0 var(--space-3);font-size:var(--text-xs)}.field-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--ink-700);margin-bottom:var(--space-1)}.field-input{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}.field-input:focus{border-color:var(--color-focus);box-shadow:var(--shadow-focus);outline:none}.field-input:disabled,.field-input[readonly]{background:var(--surface-sunken);color:var(--ink-500)}.field-error-text{display:block;margin-top:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--red-700)}.card{background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.spinner{width:22px;height:22px;border:3px solid var(--teal-100);border-top-color:var(--teal-600);border-radius:50%;animation:spin .8s linear infinite}.spinner--lg{width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:100dvh;color:var(--color-text-secondary);font-weight:500}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.offline-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;text-align:center}.offline-banner--offline{background:var(--amber-100);color:var(--amber-700);border-bottom:1px solid var(--amber-200)}.offline-banner--syncing{background:var(--teal-100);color:var(--teal-800);border-bottom:1px solid var(--teal-200)}.offline-banner__spin{animation:spin 1.2s linear infinite}.shell{display:flex;min-height:100dvh}.shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.shell__content{flex:1;min-width:0}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);flex-shrink:0;position:sticky;top:0;height:100dvh;transition:width .18s ease;z-index:50}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);min-height:var(--header-height)}.sidebar__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:#17829166;color:var(--teal-300)}.sidebar__brand-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:#fff;white-space:nowrap;letter-spacing:-.01em}.sidebar__mobile-close{display:none;margin-left:auto;background:none;border:none;color:var(--sidebar-text);padding:var(--space-2)}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-2);overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--sidebar-text);text-decoration:none;font-size:var(--text-sm);font-weight:600;min-height:44px;position:relative;transition:background-color .12s ease,color .12s ease}.sidebar__link svg{flex-shrink:0}.sidebar__link:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-active)}.sidebar__link--active{background:var(--sidebar-item-active);color:var(--sidebar-text-active)}.sidebar__link--active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;border-radius:var(--radius-full);background:var(--sidebar-accent)}.sidebar__link-label{white-space:nowrap}.sidebar__footer{padding:var(--space-2);border-top:1px solid rgba(255,255,255,.08)}.sidebar__collapse-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:none;border:none;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:var(--text-sm);font-weight:600}.sidebar__collapse-btn:hover{background:var(--sidebar-item-hover);color:#fff}.sidebar__collapse-icon{transition:transform .18s ease;flex-shrink:0}.sidebar__collapse-icon--flipped{transform:rotate(180deg)}.shell--collapsed .sidebar{width:var(--sidebar-width-collapsed)}.shell--collapsed .sidebar__brand-text,.shell--collapsed .sidebar__link-label{display:none}.shell--collapsed .sidebar__brand{justify-content:center;padding:var(--space-4) var(--space-2)}.shell--collapsed .sidebar__link,.shell--collapsed .sidebar__collapse-btn{justify-content:center}.topbar{display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-height);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:40}.topbar__menu-btn{display:none;background:none;border:none;color:var(--ink-700);padding:var(--space-2);border-radius:var(--radius-sm);min-width:44px;min-height:44px;align-items:center;justify-content:center}.topbar__title{font-size:var(--text-xl);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__user{position:relative}.topbar__user-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);min-height:44px}.topbar__user-btn:hover{background:var(--surface-sunken)}.topbar__avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--teal-700);color:#fff;font-size:var(--text-sm);font-weight:700;flex-shrink:0}.topbar__user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.topbar__user-name{font-size:var(--text-sm);font-weight:600;color:var(--ink-900)}.topbar__user-role{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.topbar__menu{position:absolute;right:0;top:calc(100% + 6px);width:240px;background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:60}.topbar__menu-info{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.topbar__menu-name{font-weight:700;font-size:var(--text-sm)}.topbar__menu-email{font-size:var(--text-xs);color:var(--color-text-muted);word-break:break-all}.topbar__menu-role{align-self:flex-start;margin-top:var(--space-1);font-size:var(--text-xs);font-weight:700;color:var(--teal-800);background:var(--teal-100);border-radius:var(--radius-full);padding:1px var(--space-2)}.topbar__menu-logout{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:600;color:var(--red-700)}.topbar__menu-logout:hover{background:var(--red-50)}.sync-bar{padding:var(--space-2) var(--space-4);background:var(--teal-800);color:#fff}.sync-bar__row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1)}.sync-bar__pct{font-family:var(--font-mono)}.sync-bar__track{height:6px;border-radius:var(--radius-full);background:#ffffff40;overflow:hidden}.sync-bar__fill{height:100%;background:var(--amber-400);border-radius:var(--radius-full);transition:width .25s ease}.sync-toast{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);background:var(--green-600);color:#fff;font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;animation:toast-in .25s ease}.sync-toast button{display:inline-flex;background:#ffffff2e;border:none;color:#fff;border-radius:var(--radius-sm);padding:var(--space-1)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .22s ease;width:min(300px,84vw);box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}.shell--collapsed .sidebar{width:min(300px,84vw)}.shell--collapsed .sidebar__brand-text,.shell--collapsed .sidebar__link-label{display:inline}.shell--collapsed .sidebar__link{justify-content:flex-start}.sidebar__mobile-close{display:inline-flex}.sidebar__footer{display:none}.topbar__menu-btn{display:inline-flex}.topbar__user-meta{display:none}.shell__scrim{position:fixed;inset:0;background:#052e3380;z-index:45;animation:fade-in .18s ease}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.login{display:grid;grid-template-rows:auto 1fr;min-height:100dvh}.login__brand-panel{position:relative;overflow:hidden;background:radial-gradient(700px 320px at 20% -20%,rgba(23,130,145,.45),transparent 60%),linear-gradient(160deg,#07383f,#052e33);color:#fff;padding:var(--space-6) var(--space-5) var(--space-8)}.login__brand-content{position:relative;z-index:1;max-width:420px;margin:0 auto}.login__logo-mark{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:var(--teal-300);margin-bottom:var(--space-4)}.login__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:#fff;letter-spacing:-.02em}.login__tagline{margin-top:var(--space-2);font-size:var(--text-lg);color:var(--teal-200)}.login__waves{position:absolute;inset:auto 0 0;height:120px;pointer-events:none}.login__waves svg{width:100%;height:100%}.login__wave--1{fill:#17829159}.login__wave--2{fill:#3aa6b42e}.login__form-panel{display:flex;align-items:flex-start;justify-content:center;padding:var(--space-5)}.login__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6) var(--space-5);margin-top:calc(-1 * var(--space-8));position:relative;z-index:2}.login__form-heading{font-size:var(--text-2xl)}.login__form-sub{margin:var(--space-1) 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.login__error{background:var(--red-50);border:1px solid #f3b4b4;color:var(--red-700);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-4)}.login__password-label{margin-top:var(--space-4)}.login__password-wrap{position:relative}.login__toggle-pw{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--text-xs);font-weight:700;color:var(--teal-700);padding:var(--space-2);text-transform:uppercase;letter-spacing:.04em}.login__submit{width:100%;margin-top:var(--space-5);min-height:var(--touch-target);font-size:var(--text-base)}.login__note{margin-top:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}@media(min-width:900px){.login{grid-template-rows:none;grid-template-columns:1fr 1fr}.login__brand-panel{display:flex;align-items:center;padding:var(--space-8)}.login__waves{height:200px}.login__form-panel{align-items:center;background:var(--paper)}.login__card{margin-top:0;box-shadow:var(--shadow-md)}}.sdd{position:relative;width:100%}.sdd__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--surface);text-align:left;font-size:max(1rem,16px);transition:border-color .12s ease,box-shadow .12s ease}.sdd__trigger--open,.sdd__trigger:focus-visible{border-color:var(--color-focus);box-shadow:var(--shadow-focus);outline:none}.sdd__value{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdd__placeholder{color:var(--ink-500)}.sdd__chevron{flex-shrink:0;color:var(--ink-500);transition:transform .15s ease}.sdd__chevron--open{transform:rotate(180deg)}.sdd__menu{background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:min(320px,45vh)}.sdd__search{border:none;border-bottom:1px solid var(--color-border);padding:var(--space-3);font-size:max(1rem,16px);outline:none;background:var(--surface-sunken)}.sdd__options{overflow-y:auto}.sdd__option{padding:var(--space-3);font-size:var(--text-sm);cursor:pointer;border-bottom:1px solid var(--ink-100);min-height:44px;display:flex;align-items:center}.sdd__option:last-child{border-bottom:none}.sdd__option:hover{background:var(--teal-50)}.sdd__option--selected{background:var(--teal-100);font-weight:600}.sdd__option--clear{color:var(--ink-500);font-style:italic}.sdd__empty{padding:var(--space-4);text-align:center;color:var(--ink-500);font-size:var(--text-sm)}.photo-capture__controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.photo-capture__counter{font-size:.85rem;color:var(--color-text-secondary, #666)}.photo-capture__counter--full{color:var(--color-danger, #dc2626);font-weight:600}.photo-capture__thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.photo-capture__thumb-wrap{position:relative}.photo-capture__thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid #ddd;display:block}.photo-capture__remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#dc2626;color:#fff;border:none;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.photo-capture__remove:hover{background:#b91c1c}.cf{display:flex;flex-direction:column;gap:var(--space-4);max-width:640px;margin:0 auto;padding:var(--space-4)}.cf__search-phase{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-4)}.cf__search-heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--teal-900);margin:0}.cf__search-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.cf__ref-panel{background:var(--surface-sunken, #f4f6f8);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cf__ref-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--teal-50, #f0faf8)}.cf__ref-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--teal-800);text-transform:uppercase;letter-spacing:.05em}.cf__ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.cf__ref-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border)}.cf__ref-item:nth-child(2n){border-right:none}.cf__ref-item:last-child,.cf__ref-item:nth-last-child(2):nth-child(odd){border-bottom:none}.cf__ref-item--full{grid-column:1 / -1;border-right:none}.cf__ref-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.cf__ref-value{font-size:var(--text-sm);color:var(--ink-900);font-weight:500;word-break:break-word}.cf__edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.cf__back-fields{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.cf__back-heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--teal-900);margin:0 0 var(--space-2)}.cf__file-input{padding:var(--space-2) 0;font-size:var(--text-sm)}.cf__photo-name{display:block;font-size:var(--text-xs);color:var(--teal-700);margin-top:var(--space-1)}.cf__photo-existing{display:block;font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-1)}.cf__mono{font-family:var(--font-mono)}.cf__sync-status{background:var(--teal-100);color:var(--teal-800);border:1px solid var(--teal-200);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-sm);font-weight:600;text-align:center}.cf__result{display:flex;align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;line-height:1.45}.cf__result svg{flex-shrink:0;margin-top:1px}.cf__result span{flex:1}.cf__result--success{background:var(--green-100);color:var(--green-700);border:1px solid #a7e3bc}.cf__result--error{background:var(--red-100);color:var(--red-700);border:1px solid #f3b4b4}.cf__result--offline{background:var(--amber-100);color:var(--amber-700);border:1px solid var(--amber-200)}.cf__result-dismiss{display:inline-flex;background:none;border:none;color:inherit;padding:var(--space-1);border-radius:var(--radius-sm);opacity:.7}.cf__result-dismiss:hover{opacity:1}.cf__update-banner{background:var(--blue-100);color:var(--blue-700);border:1px solid #bae0f5;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:1.45}.cf__section{overflow:visible}.cf__section-header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left}.cf__section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650;color:var(--teal-900)}.cf__section-chevron{color:var(--ink-500);transition:transform .2s ease}.cf__section-chevron--collapsed{transform:rotate(-90deg)}.cf__section-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .22s ease}.cf__section-body--collapsed{grid-template-rows:0fr}.cf__section-inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4)}.cf__section-body:not(.cf__section-body--collapsed) .cf__section-inner{padding-bottom:var(--space-4);overflow:visible}.cf__field{display:block}.cf__required{color:var(--red-600)}.cf__textarea{resize:vertical;min-height:88px}.cf__bill-wrap{position:relative}.cf__search-spinner{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;border-width:2px}.cf__suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;z-index:30}.cf__suggestion{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);cursor:pointer;border-bottom:1px solid var(--ink-100);min-height:var(--touch-target)}.cf__suggestion:last-child{border-bottom:none}.cf__suggestion:hover{background:var(--teal-50)}.cf__suggestion-bill{font-weight:600;font-size:var(--text-sm);color:var(--teal-800)}.cf__suggestion-name{font-size:var(--text-xs);color:var(--color-text-muted)}.cf__tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px}.cf__tab{min-height:44px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:var(--text-sm);font-weight:600;color:var(--ink-700);transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.cf__tab--active{background:var(--teal-700);color:#fff;box-shadow:var(--shadow-sm)}.cf__panel{display:flex;flex-direction:column;gap:var(--space-4);animation:panel-in .18s ease}@keyframes panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cf__fieldset{border:none;margin:0;padding:0}.cf__radio-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.cf__radio{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);font-weight:600;color:var(--ink-700);cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.cf__radio input{accent-color:var(--teal-700);width:18px;height:18px;margin:0}.cf__radio--selected{border-color:var(--teal-700);background:var(--teal-50);color:var(--teal-900)}.cf__submit{min-height:52px;font-size:var(--text-base);position:sticky;bottom:var(--space-3);box-shadow:var(--shadow-lg)}@media(min-width:768px){.cf{padding:var(--space-6) var(--space-4)}.cf__submit{position:static;box-shadow:none}}.collection-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-4) 0}.collection-page__cache-info{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.collection-page__spin{animation:spin 1.2s linear infinite}