@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");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{--primary: #4f46e5;--primary-hover: #4338ca;--primary-rgb: 79, 70, 229;--primary-shadow: rgba(79, 70, 229, .15);--bg-page: #f8fafc;--bg-card: #ffffff;--bg-secondary: #f1f5f9;--bg-input: #ffffff;--bg-hover: #e8edf5;--text-main: #1e293b;--text-muted: #64748b;--text-placeholder: #94a3b8;--border-color: #e2e8f0;--radius: .75rem;--radius-sm: .5rem;--radius-lg: 1.25rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 12px -2px rgb(0 0 0 / .08);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--nav-height: 70px;--sidebar-width: 290px;--green-light: #dcfce7;--green-dark: #22c55e;--success-bg: #d1fae5;--success-text: #059669;--red-light: #fee2e2;--red-dark: #dc2626;--error: #ef4444;--error-bg: #fee2e2;--error-text: #dc2626;--orange-light: #ffedd5;--orange-dark: #f97316;--warning-bg: #fef3c7;--warning-text: #d97706;--indigo-light: #e0e7ff;--indigo-dark: #4f46e5;--st-created-bg: #e0f2fe;--st-created-text: #0369a1;--st-paid-bg: #dcfce7;--st-paid-text: #15803d;--st-overdue-bg: #fee2e2;--st-overdue-text: #b91c1c;--st-default-bg: #f1f5f9;--st-default-text: #475569}body.dark-mode{--primary: #6366f1;--primary-hover: #818cf8;--primary-rgb: 99, 102, 241;--primary-shadow: rgba(99, 102, 241, .2);--bg-page: #121212;--bg-card: #1e1e1e;--bg-secondary: #2d2d2d;--bg-input: #2d2d2d;--bg-hover: #383838;--text-main: #e0e0e0;--text-muted: #bfbfbf;--text-placeholder: #757575;--border-color: #404040;--green-light: #14532d;--green-dark: #86efac;--success-bg: #14532d;--success-text: #86efac;--red-light: #7f1d1d;--red-dark: #fca5a5;--error: #f87171;--error-bg: #7f1d1d;--error-text: #fca5a5;--orange-light: #7c2d12;--orange-dark: #fdba74;--warning-bg: #451a03;--warning-text: #fcd34d;--indigo-light: #312e81;--indigo-dark: #c7d2fe;--st-created-bg: #075985;--st-created-text: #e0f2fe;--st-paid-bg: #14532d;--st-paid-text: #dcfce7;--st-overdue-bg: #7f1d1d;--st-overdue-text: #fee2e2;--st-default-bg: #333333;--st-default-text: #e2e8f0}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6,p{margin:0}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}.page-container{margin-left:var(--sidebar-width);margin-top:30px;max-width:1500px;padding:2rem 1.5rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px;margin-bottom:2rem}.page-header .title-area h1{font-size:1.75rem;font-weight:700;color:var(--text-main);margin-bottom:.25rem;line-height:1.2}.page-header .title-area p{color:var(--text-muted);font-size:1rem}.page-header .header-actions{display:flex;gap:.75rem;align-items:center}.divider{border:0;border-top:1px solid var(--border-color);margin:1.5rem 0}.card,.list-card,.form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.card-title,.card h2,.form-section h3{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}input,select,textarea{width:100%;padding:.65rem .9rem;background-color:var(--bg-input);border:1.5px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);outline:none;font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}input.error,input.input-error,select.error,select.input-error,textarea.error,textarea.input-error{border-color:var(--error)}input.error:focus,input.input-error:focus,select.error:focus,select.input-error:focus,textarea.error:focus,textarea.input-error:focus{box-shadow:0 0 0 3px #ef44441f}input:disabled,input.input-disabled,select:disabled,select.input-disabled,textarea:disabled,textarea.input-disabled{background-color:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.7}.input-compact{padding:.4rem .6rem;font-size:.875rem}.input-standard{padding:.65rem .9rem;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-main);font-size:.9rem;cursor:pointer;transition:border-color .2s}.input-standard:hover{border-color:var(--primary)}.error-msg,.field-error{font-size:.75rem;color:var(--error-text);display:block;margin-top:2px}.hint-text{font-size:.78rem;color:var(--text-muted);line-height:1.5}.form-grid{display:grid;gap:1rem;grid-template-columns:1fr}.form-grid.two-columns{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.status-pill{padding:.65rem 1rem;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em;appearance:none;background-repeat:no-repeat;background-position:right .85rem center;background-size:1em;cursor:pointer}.status-pill.CREATED{background-color:var(--st-created-bg);color:var(--st-created-text);border-color:var(--st-created-bg)}.status-pill.PAID,.status-pill.ACCEPTED{background-color:var(--st-paid-bg);color:var(--st-paid-text);border-color:var(--st-paid-bg)}.status-pill.OVERDUE{background-color:var(--st-overdue-bg);color:var(--st-overdue-text);border-color:var(--st-overdue-bg)}.status-pill.CANCELLED,.status-pill.REJECTED{background-color:var(--bg-card);color:var(--text-muted);border-color:var(--border-color)}.status-pill:hover:not(:disabled){opacity:.9}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.28)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.25rem;background:transparent;color:var(--text-main);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s,background .2s,transform .2s}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.04);transform:translateY(-1px)}.btn-outline:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon,.btn-icon-ghost{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:none;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:.875rem;flex-shrink:0;transition:color .2s,background .2s,border-color .2s}.btn-icon:hover,.btn-icon-ghost:hover{color:var(--primary);border-color:var(--primary);background:rgba(var(--primary-rgb),.06)}.btn-icon.delete:hover,.delete.btn-icon-ghost:hover,.btn-icon.btn-icon-delete:hover,.btn-icon-delete.btn-icon-ghost:hover{color:var(--error-text);border-color:var(--red-light);background:var(--red-light)}.btn-icon-ghost{border-color:transparent}.btn-icon-ghost:hover{border-color:var(--border-color)}.btn-add-sm{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px dashed var(--border-color);color:var(--primary);font-size:.8rem;font-weight:600;padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,border-color .2s}.btn-add-sm:hover{background:rgba(var(--primary-rgb),.04);border-color:var(--primary)}.btn-sm{padding:.4rem .85rem!important;font-size:.8rem!important}.btn-lg{padding:.85rem 1.75rem!important;font-size:1rem!important}.full-width{width:100%;justify-content:center}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap;letter-spacing:.02em}.badge.owner{background:linear-gradient(135deg,#fef9c3,#fde68a);color:#92400e;border:1px solid rgba(252,211,77,.4)}.badge.admin{background:rgba(var(--primary-rgb),.1);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2)}.badge.member{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.badge.blocked{background:var(--red-light);color:var(--red-dark);border:1px solid rgba(220,38,38,.15)}.badge.success{background:var(--success-bg);color:var(--success-text)}.badge.error{background:var(--error-bg);color:var(--error-text)}.badge.warning{background:var(--warning-bg);color:var(--warning-text)}.badge.neutral{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap}.status-pill.active{background:var(--green-light);color:var(--green-dark)}.status-pill.pending{background:var(--warning-bg);color:var(--warning-text)}.status-pill.canceled{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge.created,.status-badge.CREATED{background:var(--st-created-bg);color:var(--st-created-text)}.status-badge.paid,.status-badge.PAID,.status-badge.accepted,.status-badge.ACCEPTED{background:var(--st-paid-bg);color:var(--st-paid-text)}.status-badge.overdue,.status-badge.OVERDUE{background:var(--st-overdue-bg);color:var(--st-overdue-text)}.status-badge.cancelled,.status-badge.CANCELLED{background:var(--st-default-bg);color:var(--st-default-text)}.list-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.65rem 1.5rem}.list-header .col{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em}.list-row{border-bottom:1px solid var(--bg-secondary);transition:background .15s;cursor:pointer}.list-row:last-child{border-bottom:none}.list-row:hover{background-color:var(--bg-hover)}.col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col.center{display:flex;justify-content:center}.col.text-right{text-align:right}.col.main-info{display:flex;flex-direction:column;gap:2px}.col .sub-text{font-size:.78rem;color:var(--text-muted)}.col.sortable{cursor:pointer;position:relative;padding-right:18px;-webkit-user-select:none;user-select:none;transition:color .15s}.col.sortable:hover{color:var(--primary)}.col.sortable:after{content:"\f0dc";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:0;opacity:.3;font-size:.72rem}.col.sortable.asc:after{content:"\f0de";opacity:1;color:var(--primary)}.col.sortable.desc:after{content:"\f0dd";opacity:1;color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1rem;text-align:center;color:var(--text-muted)}.empty-state i{font-size:2.5rem;opacity:.3}.empty-state p{font-size:.9rem;margin:0}.empty-state .btn-primary,.empty-state .btn-outline{margin-top:.5rem}.dropdown-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.35rem;overflow:hidden;display:flex;justify-content:flex-end}.dropdown-content ul{list-style:none;padding:0;margin:0}.dropdown-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;border-radius:.4rem;background:none;border:none;font-size:.875rem;font-weight:500;color:var(--text-main);cursor:pointer;text-align:left;font-family:inherit;text-decoration:none;transition:background .15s,color .15s}.dropdown-item i{font-size:.85rem;color:var(--text-muted);width:1rem;text-align:center;flex-shrink:0;transition:color .15s}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item:hover i{color:var(--primary)}.dropdown-item.danger,.dropdown-item.danger i{color:var(--red-dark)}.dropdown-item.danger:hover{background:var(--red-light)}.dropdown-divider{height:1px;background:var(--border-color);margin:.25rem .35rem;opacity:.6}.modal-backdrop{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 24px 64px #0003}.modal-content.modal-sm{max-width:420px}.modal-content.modal-lg{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.modal-header h2{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.4rem;background:none;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:color .2s,background .2s}.modal-header .btn-close:hover{color:var(--text-main);background:var(--bg-secondary)}.modal-body{padding:0 1.5rem 1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color)}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-page);padding:1.5rem}.auth-card{width:100%;max-width:450px;background-color:var(--bg-card);border-radius:1.5rem;padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem}.auth-card.wide{max-width:800px}.auth-header{text-align:center}.auth-header h1{font-size:1.8rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}.auth-header p{color:var(--text-muted);font-size:1rem}.auth-footer{display:flex;justify-content:center;gap:.5rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.auth-footer a{color:var(--primary);font-weight:600}.auth-footer a:hover{text-decoration:underline}.switch{position:relative;display:inline-block;width:46px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);border-radius:34px;transition:.3s}.switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background-color:var(--primary)}.switch input:checked+.slider:before{transform:translate(22px)}.brand-navbar svg{width:150px}.brand-navbar svg text{fill:var(--text-main)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.d-flex{display:flex}.align-center{align-items:center}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:.75rem}.mb-md{margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dropFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn .25s ease both}.animate-up{animation:fadeUp .35s ease both}.animate-in{animation:dropFade .2s ease-out both}@media(max-width:1024px){.page-container{margin-left:auto}}@media(max-width:768px){.page-container{margin-left:0;max-width:100%;padding:1.5rem 1rem}.page-header{flex-direction:column;align-items:stretch}.page-header .header-actions{width:100%;margin-top:1rem;justify-content:stretch}.page-header .header-actions button,.page-header .header-actions a{flex:1;justify-content:center}.form-grid.two-columns{grid-template-columns:1fr}.span-2{grid-column:span 1}.auth-footer{flex-direction:column;gap:.25rem}.responsive-table-wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.responsive-table-wrapper .list-header,.responsive-table-wrapper .list-row{min-width:970px}}@media(max-width:640px){.auth-container{padding:0;background-color:var(--bg-card);align-items:flex-start;margin-top:var(--nav-height)}.auth-card{box-shadow:none;border:none;border-radius:0;min-height:calc(100vh - var(--nav-height));justify-content:center}.auth-card.wide{max-width:100%}.auth-header h1{font-size:1.5rem}.modal-content{border-radius:var(--radius)}}@media(max-width:425px){.brand-navbar svg{width:100px}}