@charset "UTF-8";@import"https://cdn-uicons.flaticon.com/2.6.0/uicons-brands/css/uicons-brands.css";@import"https://cdn-uicons.flaticon.com/2.6.0/uicons-bold-rounded/css/uicons-bold-rounded.css";@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css";@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}:root{--font-fallback: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-default: var(--font-fallback);--bg-app: #1e1f22;--bg-base: #2b2d31;--bg-surface: #313338;--bg-surface-2: #35373c;--bg-surface-3: #3f4147;--bg-floating: #111214;--bg-overlay: rgba(0, 0, 0, .45);--bg-input: #1e1f22;--bg-sidebar: #232428;--bg-channel: #2b2d31;--bg-settings: #313338;--bg-hover: #35373c;--bg-active: #3f4147;--bg-selected: #404249;--bg-disabled: #2a2c31;--font-primary: #f2f3f5;--font-secondary: #dbdee1;--font-tertiary: #b5bac1;--font-muted: #949ba4;--font-faint: #7d828a;--font-disabled: #6d6f78;--font-inverse: #060607;--font-link: #00a8fc;--font-positive: #23a55a;--font-warning: #f0b232;--font-danger: #f23f43;--accent-primary: #5865f2;--accent-primary-hover: #4752c4;--accent-primary-active: #3c45a5;--accent-secondary: #7983f5;--accent-link: #00a8fc;--accent-success: #23a55a;--accent-warning: #f0b232;--accent-danger: #f23f43;--border-subtle: #1a1b1e;--border-default: #2b2d31;--border-strong: #3f4147;--border-bright: #4e5058;--border-focus: #5865f2;--input-bg: #1e1f22;--input-border: transparent;--input-border-focus: #5865f2;--input-text: #f2f3f5;--input-placeholder: #949ba4;--button-primary-bg: #5865f2;--button-primary-bg-hover: #4752c4;--button-primary-text: #ffffff;--button-secondary-bg: #4e5058;--button-secondary-bg-hover: #6d6f78;--button-secondary-text: #ffffff;--button-ghost-bg: transparent;--button-ghost-bg-hover: #35373c;--button-ghost-text: #dbdee1;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .16);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .24);--shadow-md: 0 4px 12px rgba(0, 0, 0, .24);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .32);--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-xxl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 4px;--radius-md: 4px;--radius-lg: 4px;--radius-xl: 4px;--radius-2xl: 4px;--radius-pill: 4px;--channel-list-item-radius: 4px;--button-radius: 4px;--input-radius: 4px;--card-radius: 4px;--modal-radius: 4px;--avatar-radius: 4px;--channel-item-padding-y: 6px;--channel-item-padding-x: 8px;--panel-padding: 16px;--modal-padding: 24px;--input-padding-y: 10px;--input-padding-x: 12px;--sidebar-width: 240px;--topbar-height: 48px;--modal-width: 840px;--transition-fast: .12s ease;--transition-base: .18s ease;--transition-slow: .24s ease;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1100;--z-overlay: 1200;--z-modal: 1300;--z-toast: 1400;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--bg-body: var(--bg-base);--bg-subtle: var(--bg-surface-2);--bg-soft: var(--bg-surface);--bg-accent-soft: color-mix(in srgb, var(--accent-primary) 16%, transparent);--bg-elevated: var(--bg-surface-2);--text-primary: var(--font-primary);--text-secondary: var(--font-secondary);--text-muted: var(--font-muted);--border-color: var(--border-default);--border-accent-soft: color-mix(in srgb, var(--accent-primary) 45%, transparent);--border-soft: var(--border-subtle);--brand-primary: var(--accent-primary);--brand-primary-hover: var(--accent-primary-hover);--brand-info: var(--accent-link);--on-brand: var(--button-primary-text);--danger: var(--accent-danger);--danger-bg: color-mix(in srgb, var(--accent-danger) 14%, var(--bg-surface));--danger-border: color-mix(in srgb, var(--accent-danger) 35%, var(--border-default));--danger-text: var(--font-danger);--success: var(--accent-success);--success-hover: color-mix(in srgb, var(--accent-success) 78%, #000000);--success-bg: color-mix(in srgb, var(--accent-success) 14%, var(--bg-surface));--success-border: color-mix(in srgb, var(--accent-success) 35%, var(--border-default));--success-text: var(--font-positive);--warn: var(--accent-warning);--warn-bg: color-mix(in srgb, var(--accent-warning) 14%, var(--bg-surface));--warn-border: color-mix(in srgb, var(--accent-warning) 35%, var(--border-default));--warn-text: var(--font-warning);--error: var(--danger);--primary: var(--accent-primary);--hover: var(--accent-primary-hover);--gray: var(--border-default);--primary-500: var(--accent-primary);--primary-800: var(--accent-primary-active);--accent-500: var(--accent-primary);--accent-50: color-mix(in srgb, var(--accent-primary) 12%, transparent);--error-500: var(--accent-danger);--gray-65: var(--border-default);--gray-75: var(--border-strong);--gray-50: var(--bg-surface-2);--green-50: var(--accent-success);--warn-50: var(--accent-warning);--space-sm: var(--space-4);--space-md: var(--space-6);--space-lg: var(--space-10);--sm: var(--space-4);--md: var(--space-6);--lg: var(--space-10);--xxl: var(--space-16);--default-border-radius: 4px;--sidebar-size: var(--sidebar-width);--header-controlled-height: var(--topbar-height);--list-results-controlled-width: 15vw;--surface-gradient: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 20%, var(--bg-surface-2)) 0%, var(--bg-surface) 100%);--border: 1px solid var(--border-color);--transition: all var(--transition-base);--purple-main: var(--accent-primary);--purple-mid: var(--accent-primary-hover);--purple-dark: var(--accent-primary-active);--purple-neon: var(--accent-secondary);color-scheme:dark}:root[data-theme=light]{--bg-app: #f2f3f5;--bg-base: #ffffff;--bg-surface: #f8f9fa;--bg-surface-2: #eceef0;--bg-surface-3: #e3e5e8;--bg-floating: #ffffff;--bg-overlay: rgba(0, 0, 0, .2);--bg-input: #ffffff;--bg-sidebar: #ebedef;--bg-channel: #ffffff;--bg-settings: #ffffff;--bg-hover: #e9eaec;--bg-active: #dfe1e5;--bg-selected: #d4d7dc;--bg-disabled: #f2f3f5;--font-primary: #060607;--font-secondary: #2e3338;--font-tertiary: #4e5058;--font-muted: #6d6f78;--font-faint: #8e9297;--font-disabled: #a1a4ab;--font-inverse: #ffffff;--border-subtle: #d7d9dc;--border-default: #cfd2d7;--border-strong: #b5bac1;--border-bright: #9ca3af;--input-bg: #ffffff;--input-border: #cfd2d7;--input-text: #060607;--input-placeholder: #6d6f78;--button-secondary-bg: #e3e5e8;--button-secondary-bg-hover: #cfd2d7;--button-secondary-text: #2e3338;--button-ghost-bg-hover: #d4d7dc;--button-ghost-text: #2e3338;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--bg-accent-soft: color-mix(in srgb, var(--accent-primary) 11%, transparent);--border-accent-soft: color-mix(in srgb, var(--accent-primary) 35%, transparent);--surface-gradient: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 15%, #ffffff) 0%, #ffffff 100%);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-default);font-size:var(--text-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);background-color:var(--bg-app);color:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root,main,app-layout-blank,app-layout-sidebar{height:100%}body{margin:0}body.layout-sidebar{overflow:hidden;height:100vh}a{color:var(--font-link);text-decoration:none}input,textarea,select,button{font:inherit;color:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active,input:autofill,textarea:autofill,select:autofill{-webkit-text-fill-color:var(--input-text);caret-color:var(--input-text);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;transition:background-color 9999s ease-in-out 0s}ul{list-style:none}img{object-fit:cover;width:100%;height:100%;-webkit-user-select:none;user-select:none}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.full-content{width:100%;height:calc(100% - var(--header-controlled-height));overflow-y:auto}.layout-sidebar{overflow:hidden}.header{display:flex;justify-content:center;align-items:center;min-height:var(--header-controlled-height);border-bottom:var(--border)}.header .logo img{max-height:65px}.header .search{border:var(--border);padding:calc(var(--sm) / 2) var(--sm);border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:var(--sm);background:transparent}.header .search:hover,.header .search:active{border-color:var(--primary)}.header .menu-action{display:flex;align-items:center;gap:calc(var(--sm) / 2)}.header .menu-action i{transform:translateY(2px)}.sidebar-controller{background:var(--primary);height:100vh;display:flex;flex-direction:column;align-items:center;max-width:var(--sidebar-size)}.sidebar-controller .sidebar-header{display:flex;align-items:center;justify-content:center;padding:var(--md) var(--lg);color:#fff;gap:var(--md);width:100%}.sidebar-controller .sidebar-header span{display:flex;flex-direction:column;text-align:center;font-size:var(--md)}.sidebar-controller .sidebar-header span strong{width:100%;font-size:calc(var(--md) * 1.25)}.sidebar-controller .sidebar-menu{width:100%}.content-page{width:calc(100% - var(--sidebar-size));height:100%}.content-page.without-sidebar{width:100%}.content-page .content{display:flex;width:100%;height:100%;justify-content:center;flex-wrap:wrap}.content-page .content.head{justify-content:flex-end;padding:0 var(--md)}.content-page .content.head.unlogged{justify-content:space-between;align-items:center}.content-page .content.blank{width:100%}.content-page .content.centered-y{align-items:center}.content-page .content.centered-x{justify-content:center}.content-page .content.strecth{align-items:stretch}.content-page .content .col{display:flex;flex:1;gap:var(--space-sm)}.content-page .content section{padding:var(--sm)}.liquid-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#2e0f5e}.liquid-bg:before,.liquid-bg:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 10% 20%,#f5f5f5 0,#f5f5f5 15%,transparent 55%),radial-gradient(circle at 80% 0%,#e9ddff 0,#e9ddff 18%,transparent 60%),radial-gradient(circle at 0% 80%,#a855f7 0,#a855f7 20%,transparent 55%),radial-gradient(circle at 100% 80%,#2e0f5e 0,#2e0f5e 22%,transparent 60%),radial-gradient(circle at 50% 50%,#e9ddff 0,#e9ddff 35%,transparent 70%);background-size:160% 160%;filter:blur(8px);opacity:.95;animation:liquid-move-1 26s ease-in-out infinite alternate}.liquid-bg:after{mix-blend-mode:screen;opacity:.75;filter:blur(14px);animation:liquid-move-2 34s ease-in-out infinite alternate}@keyframes liquid-move-1{0%{background-position:0% 0%,100% 0%,0% 100%,100% 100%,50% 50%}50%{background-position:10% 20%,90% 10%,10% 90%,90% 80%,40% 60%}to{background-position:20% 10%,80% 20%,20% 80%,80% 90%,60% 40%}}@keyframes liquid-move-2{0%{background-position:100% 0%,0% 0%,100% 100%,0% 100%,50% 50%}50%{background-position:90% 10%,10% 20%,90% 80%,10% 90%,55% 45%}to{background-position:80% 20%,20% 10%,80% 90%,20% 80%,45% 55%}}.field-container{width:100%;padding:calc(var(--space-sm) / 1.5) calc(var(--space-sm) / 1.15);border-radius:4px;border:var(--border);transition:var(--transition);cursor:pointer}.field-container:not(:first-child){margin-top:var(--md)}.field-container:hover{color:var(--hover);border-color:var(--hover)}.year-select{padding:calc(var(--sm) / 2) var(--sm);border:var(--border);border-radius:4px;margin-right:var(--sm)}.year-select label{display:flex;gap:var(--sm);font-size:calc(var(--sm) - 1px)}.year-select select{background:transparent}.real-file-input{display:none}.fake-input{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.fake-input-text{flex:1;padding-right:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.kids .write-form-panel{position:relative;max-width:720px;margin:0 auto;padding:2.5rem 2.8rem 2rem 3.4rem;border-radius:4px;box-shadow:0 16px 30px #0f172a2e;background:repeating-linear-gradient(to bottom,var(--bg-surface) 0 30px,var(--border-soft) 30px 31px);border:1px solid var(--border-soft);overflow:hidden}@media (max-width: 768px){.kids .write-form-panel{padding:2rem 1.6rem 1.8rem 2.4rem}}.kids .write-form-panel:before{content:"";position:absolute;top:0;bottom:0;left:2.2rem;width:2px;background:var(--brand-primary);opacity:.7}.kids .write-form-panel:after{content:"";position:absolute;top:-14px;left:3rem;width:22px;height:22px;border-radius:4px;background:var(--purple-neon);box-shadow:0 4px #941b0f80}.kids .write-form-header{text-align:left;margin-bottom:1.5rem;position:relative;z-index:1}.kids .write-form-header h2{font-family:Homemade Apple,Dancing Script,cursive;font-size:1.8rem;color:var(--text-primary);margin-bottom:.25rem}.kids .write-form-header p{font-size:.9rem;color:var(--text-muted)}.kids .write-form-panel form{position:relative;z-index:1}.kids .write-form-panel .field-container{margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}.kids .write-form-panel label{font-size:.8rem;color:var(--text-muted);margin-left:.1rem}.kids .write-form-panel input,.kids .write-form-panel textarea{width:100%;border:none;outline:none;background:transparent;font-size:.98rem;color:var(--text-primary);padding:.2rem .1rem;font-family:Homemade Apple,Dancing Script,cursive}.kids .write-form-panel textarea{min-height:140px;resize:vertical;line-height:1.8}.kids .write-form-panel input::placeholder,.kids .write-form-panel textarea::placeholder{color:var(--text-muted);font-style:italic}.kids .write-form-panel .real-file-input{display:none}.kids .write-form-panel .fake-input{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .1rem;cursor:pointer;font-size:.95rem;font-family:Homemade Apple,Dancing Script,cursive;color:var(--brand-primary)}.kids .write-form-panel .fake-input-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kids .write-form-panel .fake-input i{font-size:1rem;color:var(--text-secondary)}.kids .write-form-actions{margin-top:1.8rem;display:flex;justify-content:center;position:relative;z-index:1}.kids .write-form-actions .primary{border:none;border-radius:4px;padding:.7rem 2.8rem;font-size:.95rem;font-weight:500;background:var(--brand-primary);color:var(--on-brand);cursor:pointer;box-shadow:0 10px 22px #0f172a4d;transition:background .15s ease,transform .1s ease,box-shadow .1s ease}.kids .write-form-actions .primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 12px 26px #0f172a61}.kids .write-form-actions .primary:active{transform:translateY(0);box-shadow:none}button,.btn{border:0;position:relative;display:inline-flex;grid-gap:6px;gap:6px;justify-content:center;align-items:center;padding:calc(var(--sm) / 3) var(--sm);border-radius:4px;background:var(--hover);color:var(--on-brand);font-size:var(--sm);line-height:28px;transition:box-shadow .2s ease;isolation:isolate;will-change:box-shadow;transition:var(--transition);cursor:pointer}button.outline,.btn.outline{background:#fff;color:var(--primary-500);font-size:var(--sm);border:var(--border);border-radius:4px}button.transparent,.btn.transparent{background:transparent;border:none;color:var(--primary)}button.simple,.btn.simple{background:transparent;color:var(--accent-500);font-size:var(--sm);border:var(--border);border-color:var(--accent-500);margin-left:var(--sm)}button.simple.no-margin,.btn.simple.no-margin{margin:0}button.small,.btn.small{padding:calc(var(--sm) / 2) var(--sm)}button.rounded,.btn.rounded{border-radius:4px}button.fixed,.btn.fixed{position:absolute;z-index:9}button.stretch-x,.btn.stretch-x{padding-left:calc(var(--md) * 2);padding-right:calc(var(--md) * 2)}button.primary,.btn.primary{background:var(--primary-500);color:var(--on-brand)}button.scale.sm,.btn.scale.sm{transform:scale(.85)}button.scale.md,.btn.scale.md{transform:scale(.95)}button.scale.lg,.btn.scale.lg{transform:scale(1.1)}button:hover,.btn:hover{transform:translateY(-2px)}button:hover.reject,.btn:hover.reject{border-color:var(--error);background:var(--error);color:var(--on-brand);font-weight:700}button:hover.approve,.btn:hover.approve{border-color:var(--success);background:var(--success);color:var(--on-brand);font-weight:700}button.fill,.btn.fill{width:100%}button.bubble,.btn.bubble{padding:calc(var(--sm) / 2)}button.bubble i,.btn.bubble i{height:auto}.menu-actions{display:flex;align-items:center;gap:var(--sm)}.actions{width:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sm);padding:0}.notifications-controller{--font-name: sans-serif;--min-width: 300px;--max-width: 300px;--max-height: 14.5vh;--fixed-height: 40px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--sm: 16px;--md: 24px;--lg: 40px;--default-border-radius: 4px;--sidebar-size: 250px;--header-controlled-height: 72px;--list-results-controlled-width: 15vw;--border: 1px solid var(--border-color);--transition: all .35s ease-in-out;--padding: calc(var(--space-sm) / 1.5) var(--space-sm);position:fixed;right:0;bottom:0;margin:1%;display:flex;flex-direction:column;font-family:var(--font-name);z-index:99999999}.notifications-controller .notification{transform:translate(0);color:var(--text-primary);background:var(--bg-surface);z-index:99999999;border-radius:4px;box-shadow:1px 1px 15px #00000026;margin:calc(var(--space-sm) / 2) 0;position:relative;max-width:250px;overflow-wrap:break-word;animation:showNote .5s forwards}.notifications-controller .notification p{font-family:var(--font-name);color:var(--text-primary);font-size:1em;margin:0;padding:0}.notifications-controller .notification .countdown-timer{position:absolute;right:calc(var(--space-sm) * -1 / 2);top:calc(var(--space-sm) * -1 / 2);background:var(--bg-surface);font-size:70%;padding:calc(var(--space-sm) / 4);border-radius:4px;min-width:20px;height:auto;display:flex;align-items:center;justify-content:center;transition:all .45s ease-in-out;transform:scale(.8);aspect-ratio:1/1}.notifications-controller .notification .countdown-timer.countdown-stop{border:1px solid var(--danger);background:var(--danger);color:var(--on-brand);transform:scale(1)}.notifications-controller .notification progress{width:100%;position:absolute;bottom:-2px;left:0;height:2px;border:0;border-radius:4px;--webkit-appearance: none}.notifications-controller .notification progress::-webkit-progress-bar{background:transparent}.notifications-controller .notification.hided{animation:hideNote 1.5s forwards}.notifications-controller .notification.success{padding:var(--padding)}.notifications-controller .notification.success p{margin:0}.notifications-controller .notification.success progress{accent-color:var(--success)}.notifications-controller .notification.success progress::-webkit-progress-value{color:var(--success);background-color:var(--success)}.notifications-controller .notification.error{padding:var(--padding)}.notifications-controller .notification.error p{color:var(--danger)}.notifications-controller .notification.error progress{accent-color:var(--danger)}.notifications-controller .notification.error progress::-webkit-progress-value{color:var(--danger);background-color:var(--danger)}@keyframes showNote{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes hideNote{0%{transform:translate(0)}to{transform:translate(100vw)}}.simple-list ul{max-height:calc(100% - var(--header-controlled-height));border:var(--border);border-radius:4px;overflow-y:auto;margin:0 var(--sm)}.simple-list ul li{display:flex;align-items:center;gap:var(--sm)}.simple-list ul li .item-list{display:flex;flex-direction:column;gap:calc(var(--sm) / 2);flex:1 auto}.simple-list ul li:nth-child(odd){background:var(--gray);padding:var(--sm)}.app-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-app)}.app-shell{display:flex;flex:1;min-height:0}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);overflow-y:auto}.app-sidebar-nav{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);gap:var(--space-1)}.app-content{flex:1;overflow-y:auto;background:var(--bg-base)}.app-content-inner{width:100%;min-height:100%;padding:var(--space-6)}.app-topbar{display:flex;align-items:center;height:var(--topbar-height);background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-4);flex-shrink:0}.app-topbar-brand{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--font-primary)}.app-topbar-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.app-topbar-actions>*{height:32px}.app-topbar-icon-btn{width:32px;height:32px;padding:0;border-radius:4px;background:transparent;color:var(--font-secondary);border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.app-topbar-icon-btn:hover{background:var(--bg-hover);color:var(--font-primary);border-color:var(--border-default)}.app-sidebar-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--text-sm);color:var(--font-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.app-sidebar-link:hover{background:var(--bg-hover);color:var(--font-primary)}.app-sidebar-link.active,.app-sidebar-link.router-link-active{background:var(--bg-active);color:var(--font-primary);font-weight:var(--font-weight-medium)}.app-sidebar-group{margin-bottom:var(--space-1)}.app-sidebar-group-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:4px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--font-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:color var(--transition-fast)}.app-sidebar-group-toggle:hover{color:var(--font-primary)}.app-sidebar-chevron{display:flex;transition:transform var(--transition-fast)}.app-sidebar-chevron-collapsed{transform:rotate(-90deg)}.app-sidebar-group-items{display:flex;flex-direction:column;padding-left:var(--space-1);overflow:hidden}.app-sidebar-group-items-collapsed{display:none}.app-avatar-btn{width:32px;height:32px;border-radius:4px;background:var(--accent-primary);color:var(--button-primary-text);border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;transition:box-shadow var(--transition-fast)}.app-avatar-btn:hover{box-shadow:0 0 0 2px var(--accent-secondary)}.app-avatar-dropdown,.app-notif-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--bg-floating);border:1px solid var(--border-default);border-radius:4px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:avatarDropIn var(--transition-fast) ease-out}@keyframes avatarDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-xxl);font-weight:var(--font-weight-bold);color:var(--font-primary);margin:0 0 var(--space-2)}.page-subtitle{font-size:var(--text-md);color:var(--font-muted);margin:0}.page-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--font-primary);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}@media (max-width: 900px){.app-content-inner{padding:var(--space-4)}}@media (max-width: 768px){.app-sidebar{width:84px;min-width:84px}.app-sidebar .menu-text,.app-sidebar .brand-label{display:none}.app-sidebar-link{justify-content:center;padding:var(--space-2)}}@media (max-width: 600px){.app-content-inner{padding:var(--space-4)}}.container{width:100%;padding:0}.g-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.g-row:last-child{margin-bottom:0}[class*=col-]{min-width:0}.col-1{flex:0 0 calc(8.3333333333% - var(--space-2) * 11 / 12)}.col-2{flex:0 0 calc(16.6666666667% - var(--space-2) * 10 / 12)}.col-3{flex:0 0 calc(25% - var(--space-2) * 9 / 12)}.col-4{flex:0 0 calc(33.3333333333% - var(--space-2) * 8 / 12)}.col-5{flex:0 0 calc(41.6666666667% - var(--space-2) * 7 / 12)}.col-6{flex:0 0 calc(50% - var(--space-2) * 6 / 12)}.col-7{flex:0 0 calc(58.3333333333% - var(--space-2) * 5 / 12)}.col-8{flex:0 0 calc(66.6666666667% - var(--space-2) * 4 / 12)}.col-9{flex:0 0 calc(75% - var(--space-2) * 3 / 12)}.col-10{flex:0 0 calc(83.3333333333% - var(--space-2) * 2 / 12)}.col-11{flex:0 0 calc(91.6666666667% - var(--space-2) * 1 / 12)}.col-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{flex:0 0 100%}@media (min-width: 768px){.col-md-1{flex:0 0 calc(8.3333333333% - var(--space-2) * 11 / 12)}.col-md-2{flex:0 0 calc(16.6666666667% - var(--space-2) * 10 / 12)}.col-md-3{flex:0 0 calc(25% - var(--space-2) * 9 / 12)}.col-md-4{flex:0 0 calc(33.3333333333% - var(--space-2) * 8 / 12)}.col-md-5{flex:0 0 calc(41.6666666667% - var(--space-2) * 7 / 12)}.col-md-6{flex:0 0 calc(50% - var(--space-2) * 6 / 12)}.col-md-7{flex:0 0 calc(58.3333333333% - var(--space-2) * 5 / 12)}.col-md-8{flex:0 0 calc(66.6666666667% - var(--space-2) * 4 / 12)}.col-md-9{flex:0 0 calc(75% - var(--space-2) * 3 / 12)}.col-md-10{flex:0 0 calc(83.3333333333% - var(--space-2) * 2 / 12)}.col-md-11{flex:0 0 calc(91.6666666667% - var(--space-2) * 1 / 12)}.col-md-12{flex:0 0 100%}}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:4px;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);background:var(--button-primary-bg);color:var(--button-primary-text)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm,.btn.small{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn-primary,.btn.primary{background:var(--button-primary-bg);color:var(--button-primary-text)}.btn-primary:hover:not(:disabled),.btn.primary:hover:not(:disabled){background:var(--button-primary-bg-hover)}.btn-secondary,.btn.outline,.btn.simple{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled),.btn.outline:hover:not(:disabled),.btn.simple:hover:not(:disabled){background:var(--button-secondary-bg-hover)}.btn-ghost,.btn.ghost,.btn.transparent{background:var(--button-ghost-bg);color:var(--button-ghost-text);border:1px solid transparent}.btn-ghost:hover:not(:disabled),.btn.ghost:hover:not(:disabled),.btn.transparent:hover:not(:disabled){background:var(--button-ghost-bg-hover)}.btn.approve,.btn.success{background:var(--accent-success);color:#fff}.btn.approve:hover:not(:disabled),.btn.success:hover:not(:disabled){background:color-mix(in srgb,var(--accent-success) 82%,#000000)}.btn.reject,.btn.danger{background:var(--accent-danger);color:#fff}.btn.reject:hover:not(:disabled),.btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--accent-danger) 82%,#000000)}.btn.icon{border-radius:4px;min-height:38px;padding:0 var(--space-4)}.btn.rounded{border-radius:4px}.btn.fill{width:100%}.btn.bubble{width:36px;height:36px;padding:0;border-radius:4px}.btn:hover:not(:disabled){transform:translateY(-1px)}.menu-actions,.actions{display:flex;align-items:center;gap:var(--space-2)}.actions{justify-content:flex-end;width:auto;flex-wrap:wrap}.actions.stretch{width:100%}.listCard .row-right .action,.listCard .row-right a.action{order:10;display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:94px;padding:0 12px;border:1px solid color-mix(in srgb,var(--border-default) 88%,#ffffff);border-radius:4px;background:var(--button-secondary-bg);color:var(--button-secondary-text);font-size:11px;font-weight:900;letter-spacing:.01em;line-height:1;text-decoration:none;white-space:nowrap}.listCard .row-right .action:hover:not(:disabled),.listCard .row-right a.action:hover{border-color:color-mix(in srgb,var(--button-secondary-bg-hover) 70%,var(--border-default));background:var(--button-secondary-bg-hover);transform:translateY(-1px)}.listCard .row-right .action:disabled{opacity:.5;cursor:not-allowed}.listCard .row-right .action.release,.listCard .row-right .action.approve,.listCard .row-right .action.claim{background:var(--accent-success);border-color:color-mix(in srgb,var(--accent-success) 68%,#000000);color:#fff}.listCard .row-right .action.release:hover:not(:disabled),.listCard .row-right .action.approve:hover:not(:disabled),.listCard .row-right .action.claim:hover:not(:disabled){background:color-mix(in srgb,var(--accent-success) 82%,#000000);border-color:color-mix(in srgb,var(--accent-success) 62%,#000000)}.listCard .row-right .action.reject,.listCard .row-right .action.dispute{background:var(--accent-danger);border-color:color-mix(in srgb,var(--accent-danger) 68%,#000000);color:#fff}.listCard .row-right .action.reject:hover:not(:disabled),.listCard .row-right .action.dispute:hover:not(:disabled){background:color-mix(in srgb,var(--accent-danger) 82%,#000000);border-color:color-mix(in srgb,var(--accent-danger) 62%,#000000)}.listCard .row-right .action.chat,.listCard .row-right .action.order,.listCard .row-right .action.proof{background:var(--button-primary-bg);border-color:color-mix(in srgb,var(--button-primary-bg) 64%,#000000);color:#fff}.listCard .row-right .action.chat:hover:not(:disabled),.listCard .row-right .action.order:hover:not(:disabled),.listCard .row-right .action.proof:hover{background:var(--button-primary-bg-hover);border-color:color-mix(in srgb,var(--button-primary-bg-hover) 72%,#000000)}.listCard .row-right .assignee{order:20}.listCard .row-right .chev{order:40}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group-wide{grid-column:1/-1}.input-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.input-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--font-secondary)}.input,.field input:not([type=checkbox]):not([type=radio]),.field textarea,.field select,textarea.input,select.input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--input-text);font-size:var(--text-sm);padding:var(--input-padding-y) var(--input-padding-x);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;font-family:inherit}.input::placeholder,.field input::placeholder,.field textarea::placeholder,select.input::placeholder{color:var(--input-placeholder)}.input:hover:not(:disabled):not(:focus),.field input:not(:disabled):not(:focus):hover,.field textarea:not(:disabled):not(:focus):hover,.field select:not(:disabled):not(:focus):hover,select.input:hover:not(:disabled):not(:focus){border-color:var(--border-bright)}.input:focus,.field input:focus,.field textarea:focus,.field select:focus,select.input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-border-focus) 25%,transparent)}.input:disabled,.field input:disabled,.field textarea:disabled,.field select:disabled,select.input:disabled{background:var(--bg-disabled);color:var(--font-disabled);cursor:not-allowed}.textarea{min-height:80px;resize:vertical}.input-error{border-color:var(--accent-danger)!important}.input-error-message{font-size:var(--text-xs);color:var(--accent-danger);margin-top:4px}.custom-select{position:relative;cursor:pointer}.custom-select-trigger{display:flex;align-items:center;gap:var(--space-2);background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--text-sm);color:var(--input-text);transition:border-color var(--transition-fast)}.custom-select-trigger:hover{border-color:var(--border-bright)}.custom-select-open .custom-select-trigger{border-color:var(--input-border-focus)}.custom-select-value{flex:1}.custom-select-placeholder{flex:1;color:var(--input-placeholder)}.custom-select-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--font-muted);cursor:pointer;padding:2px;border-radius:4px;transition:color var(--transition-fast),background var(--transition-fast)}.custom-select-clear:hover{color:var(--font-primary);background:var(--bg-hover)}.select-arrow{display:flex;color:var(--font-muted);transition:transform var(--transition-fast)}svg.select-arrow-open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--bg-floating);border:1px solid var(--border-default);border-radius:4px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:selectDropIn var(--transition-fast) ease-out}.custom-select-search-wrap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle)}.custom-select-search-icon{color:var(--font-muted);flex-shrink:0}.custom-select-search{flex:1;background:none;border:none;outline:none;font-size:var(--text-sm);color:var(--input-text);font-family:inherit}.custom-select-search::placeholder{color:var(--input-placeholder)}.custom-select-options{max-height:200px;overflow-y:auto;padding:var(--space-1)}.custom-select-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--text-sm);color:var(--font-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.custom-select-option:hover{background:var(--bg-hover);color:var(--font-primary)}.custom-select-option svg{color:var(--accent-primary)}.custom-select-option-active{color:var(--font-primary);font-weight:var(--font-weight-medium)}.custom-select-empty{padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--font-muted)}@keyframes selectDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;box-shadow:var(--shadow-sm);padding:var(--space-4);flex:1}.card-elevated{box-shadow:var(--shadow-md)}.card-header{font-weight:var(--font-weight-semibold);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.card-body-text{font-size:var(--text-sm);color:var(--font-secondary);margin:0}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:4px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.badge-success{background:var(--accent-success);color:#fff}.badge-warning{background:var(--accent-warning);color:#000}.badge-danger{background:var(--accent-danger);color:#fff}.badge-info{background:var(--accent-primary);color:#fff}.listCard .row-right .status,.listCard .row-right .state-tag{order:30;display:inline-flex;align-items:center;justify-content:center;min-width:118px;height:32px;padding:0 10px;border-radius:4px;border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-secondary);font-size:11px;font-weight:900;letter-spacing:.02em;white-space:nowrap;text-align:center}.listCard .row-right .status.pending,.listCard .row-right .state-tag.unassigned{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-text)}.listCard .row-right .status.approved,.listCard .row-right .status.released,.listCard .row-right .state-tag.resolved{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.listCard .row-right .status.rejected,.listCard .row-right .status.dispute{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.listCard .row-right .state-tag.assigned,.listCard .row-right .status.neutral{border-color:color-mix(in srgb,var(--accent-primary) 45%,var(--border-default));background:color-mix(in srgb,var(--accent-primary) 18%,var(--bg-surface));color:color-mix(in srgb,var(--accent-primary) 72%,#ffffff)}.alert{padding:var(--space-3) var(--space-4);border-radius:4px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-left:4px solid;background:var(--bg-surface)}.alert-success{border-left-color:var(--accent-success);color:var(--font-positive);background:color-mix(in srgb,var(--accent-success) 10%,var(--bg-surface))}.alert-warning{border-left-color:var(--accent-warning);color:var(--font-warning);background:color-mix(in srgb,var(--accent-warning) 10%,var(--bg-surface))}.alert-danger{border-left-color:var(--accent-danger);color:var(--font-danger);background:color-mix(in srgb,var(--accent-danger) 10%,var(--bg-surface))}.alert-info{border-left-color:var(--accent-primary);color:var(--font-link);background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-surface))}.modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-frame,.modal-backdrop .modal{background:var(--bg-surface);border-radius:4px;padding:var(--modal-padding);box-shadow:var(--shadow-lg);width:min(var(--modal-width),100%);max-width:920px;border:1px solid var(--border-default)}.modal-frame-md{max-width:560px}.modal-header{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.modal-body{font-size:var(--text-sm);color:var(--font-secondary);margin-bottom:var(--space-6)}.modal-body p{margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.modal-backdrop .modal .actions{display:flex!important;grid-template-columns:none!important;justify-content:flex-end!important;align-items:center;flex-wrap:wrap;gap:var(--space-2);width:100%;padding:0}.modal-backdrop .modal .actions .btn{width:auto!important;min-width:124px;max-width:100%}.toast{display:flex;align-items:center;gap:var(--space-3);position:relative;padding:var(--space-3) var(--space-4);border-radius:4px;font-size:var(--text-sm);box-shadow:var(--shadow-md);background:var(--bg-floating);border-left:4px solid}.toast-icon{flex-shrink:0}.toast-text{flex:1}.toast-success{border-left-color:var(--accent-success)}.toast-success .toast-icon{color:var(--accent-success)}.toast-warning{border-left-color:var(--accent-warning)}.toast-warning .toast-icon{color:var(--accent-warning)}.toast-danger{border-left-color:var(--accent-danger)}.toast-danger .toast-icon{color:var(--accent-danger)}.toast-info{border-left-color:var(--accent-primary)}.toast-info .toast-icon{color:var(--accent-primary)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);width:360px;max-width:calc(100vw - var(--space-8))}.toast-live{animation:toastSlideIn var(--transition-slow) ease-out;margin:var(--space-2) 0}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.table-wrapper{overflow-x:auto;border-radius:4px;border:1px solid var(--border-default)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left}.table th{background:var(--bg-surface-2);color:var(--font-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-bottom:1px solid var(--border-default)}.table td{color:var(--font-secondary);border-bottom:1px solid var(--border-subtle)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}h1,h2,h3,h4,h5,h6{color:var(--font-primary);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--text-xxl);line-height:var(--line-height-tight)}h2{font-size:var(--text-xl);line-height:var(--line-height-tight)}h3{font-size:var(--text-lg)}p{color:var(--font-secondary);font-size:var(--text-sm)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-auto{margin-top:auto}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.pb-2{padding-bottom:var(--space-2)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.block{display:block}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-muted{color:var(--font-muted)}.text-faint{color:var(--font-faint)}.text-danger{color:var(--font-danger)}.text-primary{color:var(--font-primary)}.text-secondary{color:var(--font-secondary)}.uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.leading-relaxed{line-height:var(--line-height-relaxed)}.border-top{border-top:1px solid var(--border-default)}.accent-primary{accent-color:var(--accent-primary)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.filter-toolbar,.filters,.topbar+.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:4px;background:var(--bg-surface)}.filter-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--font-muted);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.filter-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.filter-chip,.filter-btn,.filter-toolbar .seg-btn,.filters .btn,.tabs .tab{border:1px solid var(--border-default);background:var(--bg-surface-2);color:var(--font-secondary);border-radius:4px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.filter-chip:hover,.filter-btn:hover,.filter-toolbar .seg-btn:hover,.tabs .tab:hover{background:var(--bg-hover);color:var(--font-primary)}.filter-chip.active,.filter-btn.active,.filter-toolbar .seg-btn.active,.tabs .tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filter-input,.filter-select,.filter-toolbar input,.filter-toolbar select,.filters input,.filters select,.search input{height:38px;min-width:180px;border:1px solid var(--input-border);border-radius:4px;background:var(--input-bg);color:var(--input-text);padding:0 var(--space-3)}.filter-input:focus,.filter-select:focus,.filter-toolbar input:focus,.filter-toolbar select:focus,.filters input:focus,.filters select:focus,.search input:focus{border-color:var(--input-border-focus)}.filter-spacer{margin-left:auto}@media (max-width: 700px){.filter-toolbar,.filters,.topbar+.tabs{padding:var(--space-2)}.filter-spacer{margin-left:0;width:100%}}.modal,.modal-card,.modal-frame,.reject-modal,.zoom-modal{width:min(1120px,96vw)!important;max-width:min(1120px,96vw)!important}.modal .modal-grid,.modal .field,.modal .value,.modal .items,.modal .item,.modal .item-meta,.modal .item-title,.modal-card .modal-grid,.modal-card .field,.modal-card .value,.modal-card .items,.modal-card .item,.reject-modal .field,.reject-modal .value{border:0!important;box-shadow:none!important;outline:0}.modal .items,.modal-card .items{border-top:0!important}.card .item,.card .list-item,.card .row,.card .field,.card .fee-card,.card .status-block,.card .table-wrapper{border:0!important}.card .item+.item,.card .row+.row,.card .field+.field{border-top:0!important}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,a:focus,a:focus-visible{outline:none!important;box-shadow:none!important}
