@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.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{--neutral-50: #f7f9fc;--neutral-100: #eef2f6;--neutral-200: #e3e8ef;--neutral-300: #d0d5dd;--neutral-400: #98a2b3;--neutral-500: #667085;--neutral-600: #475467;--neutral-700: #344054;--neutral-800: #1d2939;--neutral-900: #101828;--color-background: var(--neutral-50);--color-surface: #ffffff;--color-surface-elevated: #f2f4f9;--color-surface-hover: #eef1f8;--color-surface-overlay-light: rgba(255, 255, 255, .65);--color-surface-overlay-medium: rgba(255, 255, 255, .8);--color-surface-overlay-strong: rgba(255, 255, 255, .9);--color-text: var(--neutral-900);--color-text-dark: var(--neutral-900);--color-text-secondary: var(--neutral-600);--color-text-muted: var(--neutral-500);--color-text-inverse: #ffffff;--color-text-disabled: var(--neutral-400);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--color-border: var(--neutral-200);--color-border-light: var(--neutral-100);--color-border-strong: var(--neutral-300);--primary-rgb: 255, 107, 107;--admin-rgb: 155, 89, 182;--super-admin-rgb: 155, 89, 182;--accent-rgb: 52, 152, 219;--success-rgb: 18, 183, 106;--warning-rgb: 247, 144, 9;--error-rgb: 233, 75, 60;--info-rgb: 52, 152, 219;--color-primary: #FF6B6B;--color-primary-hover: #ff5252;--color-primary-light: #ffe6e6;--color-primary-dark: #e65555;--color-primary-alpha: rgba(var(--primary-rgb), .12);--color-primary-overlay-subtle: rgba(var(--primary-rgb), .05);--color-primary-overlay-light: rgba(var(--primary-rgb), .08);--color-primary-overlay-medium: rgba(var(--primary-rgb), .12);--color-primary-overlay-strong: rgba(var(--primary-rgb), .2);--color-admin: #9B59B6;--color-admin-hover: #8e44ad;--color-admin-light: #f4ecf7;--color-admin-dark: #1a4dad;--color-admin-alpha: rgba(var(--admin-rgb), .12);--color-admin-overlay-subtle: rgba(var(--admin-rgb), .05);--color-admin-overlay-light: rgba(var(--admin-rgb), .08);--color-admin-overlay-medium: rgba(var(--admin-rgb), .12);--color-admin-overlay-strong: rgba(var(--admin-rgb), .2);--color-super-admin: #9B59B6;--color-super-admin-hover: #8e44ad;--color-super-admin-light: #f4ecf7;--color-super-admin-dark: #7d3c98;--color-super-admin-alpha: rgba(var(--super-admin-rgb), .12);--color-super-admin-gradient: linear-gradient(135deg, #a569bd 0%, #9B59B6 100%);--color-super-admin-gradient-hover: linear-gradient(135deg, #9B59B6 0%, #8e44ad 100%);--color-super-admin-overlay-subtle: rgba(var(--super-admin-rgb), .05);--color-super-admin-overlay-light: rgba(var(--super-admin-rgb), .08);--color-super-admin-overlay-medium: rgba(var(--super-admin-rgb), .12);--color-super-admin-overlay-strong: rgba(var(--super-admin-rgb), .2);--color-accent: #3498DB;--color-accent-hover: #2e86c1;--color-accent-light: #ebf5fb;--color-accent-dark: #2874a6;--color-accent-darker: #1f618d;--color-accent-alpha: rgba(var(--accent-rgb), .12);--color-accent-overlay-subtle: rgba(var(--accent-rgb), .05);--color-accent-overlay-light: rgba(var(--accent-rgb), .08);--color-accent-overlay-medium: rgba(var(--accent-rgb), .12);--color-accent-overlay-strong: rgba(var(--accent-rgb), .2);--gradient-primary: linear-gradient(135deg, #FF6B6B 0%, #9B59B6 50%, #3498DB 100%);--gradient-primary-hover: linear-gradient(135deg, #ff5252 0%, #8e44ad 50%, #2e86c1 100%);--gradient-secondary: linear-gradient(135deg, #22d3ee 0%, #0ea5e9 100%);--gradient-success: linear-gradient(135deg, #12b76a 0%, #079455 100%);--gradient-warning: linear-gradient(135deg, #f79009 0%, #dc6803 100%);--gradient-danger: linear-gradient(135deg, #E94B3C 0%, #d43626 100%);--gradient-surface: linear-gradient(140deg, rgba(255, 255, 255, .85) 0%, rgba(247, 249, 252, .95) 100%);--gradient-button-primary: linear-gradient(135deg, var(--color-primary), var(--color-hero-secondary));--gradient-button-primary-strong: linear-gradient(135deg, rgba(var(--primary-rgb), .92), var(--color-accent-dark));--gradient-primary-horizontal: linear-gradient(90deg, var(--color-primary-hover), var(--color-accent-darker));--gradient-text-strong: linear-gradient(135deg, var(--color-text), var(--color-text-dark));--gradient-glass-panel: linear-gradient(135deg, var(--backdrop-medium), var(--glass-border-strong));--gradient-card-primary-soft: linear-gradient(135deg, var(--color-primary-light), var(--accent-primary-overlay-subtle, rgba(var(--primary-rgb), .15)));--gradient-pill-warning: linear-gradient(135deg, var(--color-warning-light), #fde68a);--gradient-pill-success: linear-gradient(135deg, var(--color-success-light), #a7f3d0);--gradient-pill-info: linear-gradient(135deg, var(--color-info-overlay-light), var(--color-info-overlay-medium));--gradient-hero-tenant: linear-gradient(135deg, var(--color-primary), var(--color-accent));--gradient-alert-success: linear-gradient(135deg, var(--color-success-overlay-strong), var(--color-info-overlay-medium));--gradient-alert-success-icon: linear-gradient(135deg, var(--color-success-overlay-medium), var(--color-teal-overlay-strong));--gradient-alert-error: linear-gradient(135deg, var(--color-error-overlay-medium), rgba(220, 38, 38, .16));--gradient-alert-error-icon: linear-gradient(135deg, var(--color-error-overlay-light), var(--color-error-overlay-medium));--gradient-alert-warning: linear-gradient(135deg, var(--color-warning-overlay-light), var(--color-warning-overlay-light));--gradient-alert-warning-icon: linear-gradient(135deg, var(--color-warning-overlay-medium), var(--color-warning-overlay-strong));--gradient-alert-info: linear-gradient(135deg, var(--color-info-overlay-light), var(--color-info-overlay-light));--gradient-alert-info-icon: linear-gradient(135deg, var(--color-info-overlay-medium), var(--color-info-overlay-strong));--gradient-panel-neutral: linear-gradient(135deg, var(--neutral-200), var(--color-surface-overlay-light));--gradient-card-accent: linear-gradient(135deg, var(--color-accent-overlay-strong), var(--color-accent));--gradient-card-info-strong: linear-gradient(135deg, var(--color-teal-overlay-strong), var(--color-info));--gradient-card-warning-strong: linear-gradient(135deg, var(--color-warning-dark), var(--color-error-overlay-strong));--gradient-overlay-primary: radial-gradient(circle at 20% 10%, var(--color-primary-overlay-medium), transparent 55%);--gradient-overlay-secondary: radial-gradient(circle at 80% 0%, var(--color-admin-overlay-light), transparent 50%);--gradient-overlay-accent: radial-gradient(circle at 50% 50%, var(--color-super-admin-overlay-light), transparent 60%);--gradient-dashboard-overlay-primary: radial-gradient(circle at top right, var(--color-primary-overlay-medium), transparent 55%);--gradient-dashboard-overlay-accent: radial-gradient(circle at bottom left, var(--accent-pink-overlay-subtle), transparent 50%);--gradient-dashboard-hero-highlight: radial-gradient(circle at 20% 15%, var(--white-overlay-strongest), transparent 60%);--gradient-dashboard-hero-highlight-secondary: radial-gradient(circle at 80% 15%, var(--white-overlay-strong), transparent 55%);--gradient-dashboard-card-hover: radial-gradient(circle at top right, var(--color-primary-overlay-strong), transparent 55%);--gradient-dashboard-stat-overlay: radial-gradient(circle at top right, var(--color-super-admin-overlay-medium), transparent 60%);--gradient-icon-primary: linear-gradient(135deg, var(--color-primary-overlay-medium), var(--color-primary-overlay-strong));--gradient-icon-primary-strong: linear-gradient(135deg, var(--color-primary-overlay-strong), var(--color-super-admin-overlay-strong));--gradient-icon-superadmin: linear-gradient(135deg, var(--color-super-admin-overlay-medium), var(--accent-pink-overlay-medium));--gradient-icon-info: linear-gradient(135deg, var(--color-info-overlay-medium), var(--color-info-overlay-strong));--gradient-icon-success: linear-gradient(135deg, var(--color-success-overlay-medium), var(--color-success-overlay-strong));--gradient-accent-soft: linear-gradient(135deg, var(--color-primary-overlay-subtle), var(--color-super-admin-overlay-subtle));--gradient-accent-medium: linear-gradient(135deg, var(--color-primary-overlay-medium), var(--color-super-admin-overlay-medium));--gradient-accent-success: linear-gradient(135deg, var(--color-success-overlay-medium), var(--color-success-overlay-strong));--gradient-divider-soft: linear-gradient(90deg, transparent 0%, var(--backdrop-medium) 50%, transparent 100%);--gradient-progress-primary: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-progress-success: linear-gradient(90deg, var(--color-success) 0%, var(--color-success-hover, var(--color-success)) 100%);--gradient-progress-error: linear-gradient(90deg, var(--color-error) 0%, var(--color-error-hover, var(--color-error)) 100%);--glass-background: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .38);--glass-border-strong: rgba(255, 255, 255, .48);--glass-shadow: 0 10px 30px rgba(16, 24, 40, .12);--backdrop-light: rgba(255, 255, 255, .8);--backdrop-medium: rgba(255, 255, 255, .9);--backdrop-strong: rgba(255, 255, 255, .95);--backdrop-subtle: rgba(255, 255, 255, .7);--backdrop-surface: rgba(248, 250, 252, .9);--backdrop-dark: rgba(16, 24, 40, .45);--backdrop-darker: rgba(16, 24, 40, .7);--white-overlay-subtle: rgba(255, 255, 255, .04);--white-overlay-light: rgba(255, 255, 255, .05);--white-overlay-medium: rgba(255, 255, 255, .07);--white-overlay-strong: rgba(255, 255, 255, .12);--white-overlay-stronger: rgba(255, 255, 255, .16);--white-overlay-strongest: rgba(255, 255, 255, .22);--text-on-dark-primary: rgba(255, 255, 255, .95);--text-on-dark-secondary: rgba(226, 232, 240, .8);--text-on-dark-muted: rgba(226, 232, 240, .75);--text-on-dark-subtle: rgba(226, 232, 240, .66);--text-on-dark-faint: rgba(226, 232, 240, .55);--text-on-dark-hint: rgba(226, 232, 240, .7);--color-accent: #A43CA8;--color-accent-dark: #8a2f8e;--color-accent-darker: #7a2380;--accent-pink-rgb: 236, 72, 153;--accent-pink: #ec4899;--accent-pink-overlay-subtle: rgba(var(--accent-pink-rgb), .18);--accent-pink-overlay-light: rgba(var(--accent-pink-rgb), .2);--accent-pink-overlay-medium: rgba(var(--accent-pink-rgb), .22);--accent-pink-overlay-strong: rgba(var(--accent-pink-rgb), .25);--accent-blue-rgb: 37, 99, 235;--accent-blue: #2563eb;--accent-blue-light-rgb: 165, 180, 252;--accent-blue-overlay-light: rgba(var(--accent-blue-rgb), .45);--accent-indigo-rgb: 129, 140, 248;--accent-indigo-overlay-light: rgba(var(--accent-indigo-rgb), .45);--accent-indigo-overlay-medium: rgba(var(--accent-indigo-rgb), .65);--scrollbar-thumb: rgba(148, 163, 184, .35);--shadow-dark-subtle: rgba(15, 23, 42, .22);--shadow-dark-medium: rgba(15, 23, 42, .35);--shadow-dark-strong: rgba(15, 23, 42, .42);--shadow-dark-stronger: rgba(15, 23, 42, .45);--shadow-primary-glow: rgba(79, 70, 229, .28);--shadow-primary-strong: rgba(79, 70, 229, .3);--shadow-error-glow: rgba(248, 113, 113, .35);--surface-dark-primary: rgba(13, 18, 31, .72);--surface-dark-secondary: rgba(17, 24, 39, .92);--surface-dark-tertiary: rgba(30, 41, 59, .78);--surface-dark-deep: rgba(15, 23, 42, .58);--surface-dark-deeper: rgba(15, 23, 42, .65);--surface-dark-deepest: rgba(15, 23, 42, .96);--surface-dark-solid: rgba(15, 23, 42, .95);--surface-dark-tooltip: rgba(15, 23, 42, .92);--color-hero-primary: #667eea;--color-hero-secondary: #764ba2;--color-hero-accent: #f093fb;--gradient-hero: linear-gradient(135deg, var(--color-hero-primary) 0%, var(--color-hero-secondary) 100%);--gradient-hero-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);--color-category-communication: #e3f2fd;--color-category-communication-dark: #1976d2;--color-category-data: #f3e5f5;--color-category-data-dark: #7b1fa2;--color-category-automation: #fff3e0;--color-category-automation-dark: #e65100;--color-category-analytics: #e8f5e9;--color-category-analytics-dark: #2e7d32;--color-category-integration: #fce4ec;--color-category-integration-dark: #c2185b;--color-secondary: #344054;--color-secondary-hover: #1d2939;--color-secondary-light: var(--neutral-100);--color-secondary-dark: #101828;--color-success: #12b76a;--color-success-hover: #079455;--color-success-light: #ecfdf3;--color-success-dark: #067647;--color-success-darker: #065f46;--color-success-alpha: rgba(var(--success-rgb), .12);--color-success-overlay-subtle: rgba(var(--success-rgb), .05);--color-success-overlay-light: rgba(var(--success-rgb), .08);--color-success-overlay-medium: rgba(var(--success-rgb), .12);--color-success-overlay-strong: rgba(var(--success-rgb), .2);--color-warning: #f79009;--color-warning-hover: #dc6803;--color-warning-light: #fffaeb;--color-warning-dark: #b54708;--color-warning-darker: #92400e;--color-warning-alpha: rgba(var(--warning-rgb), .12);--color-warning-overlay-subtle: rgba(var(--warning-rgb), .05);--color-warning-overlay-light: rgba(var(--warning-rgb), .08);--color-warning-overlay-medium: rgba(var(--warning-rgb), .12);--color-warning-overlay-strong: rgba(var(--warning-rgb), .2);--color-error: #E94B3C;--color-error-hover: #d43626;--color-error-light: #fef0ee;--color-error-dark: #c02e1f;--color-error-darker: #8a1f15;--color-error-border: #f9c8c0;--color-error-alpha: rgba(var(--error-rgb), .12);--color-error-overlay-subtle: rgba(var(--error-rgb), .05);--color-error-overlay-light: rgba(var(--error-rgb), .08);--color-error-overlay-medium: rgba(var(--error-rgb), .12);--color-error-overlay-strong: rgba(var(--error-rgb), .2);--color-info: #2C6FE7;--color-info-hover: #1e5fcf;--color-info-light: #e6f0ff;--color-info-dark: #1a4dad;--color-info-darker: #144396;--color-teal: #14b8a6;--color-teal-hover: #0d9488;--color-teal-light: #ccfbf1;--color-teal-dark: #134e4a;--color-info-alpha: rgba(var(--info-rgb), .12);--color-info-overlay-subtle: rgba(var(--info-rgb), .05);--color-info-overlay-light: rgba(var(--info-rgb), .08);--color-info-overlay-medium: rgba(var(--info-rgb), .12);--color-info-overlay-strong: rgba(var(--info-rgb), .2);--color-teal-overlay-light: rgba(45, 212, 191, .12);--color-teal-overlay-medium: rgba(45, 212, 191, .18);--color-teal-overlay-strong: rgba(45, 212, 191, .28);--gradient-success-card: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);--gradient-warning-card: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-dark) 100%);--gradient-error-card: linear-gradient(135deg, var(--color-error) 0%, var(--color-error-dark) 100%);--gradient-info-card: linear-gradient(135deg, var(--color-info) 0%, var(--color-info-dark) 100%);--env-staging-rgb: 6, 182, 212;--env-staging: #06b6d4;--env-staging-dark: #0891b2;--env-staging-overlay: rgba(var(--env-staging-rgb), .15);--env-staging-border: rgba(var(--env-staging-rgb), .3);--env-production-rgb: 16, 185, 129;--env-production: #10b981;--env-production-dark: #059669;--env-production-overlay: rgba(var(--env-production-rgb), .15);--env-production-border: rgba(var(--env-production-rgb), .3);--spacing-3xs: .125rem;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--spacing-6xl: 6rem;--card-padding: 1.75rem;--section-padding: 2.25rem;--container-padding: 1.25rem;--layout-content-max: 1280px;--layout-content-max-wide: 1440px;--layout-gutter: clamp(2rem, 6vw, 3.5rem);--touch-target-sm: 32px;--touch-target: 44px;--touch-target-lg: 64px;--icon-size-2xs: 12px;--icon-size-xs: 14px;--icon-size-sm: 16px;--icon-size-base: 20px;--icon-size-md: 24px;--icon-size-lg: 32px;--icon-size-xl: 40px;--icon-size-2xl: 48px;--container-3xs: 80px;--container-2xs: 160px;--container-xs: 320px;--container-sm: 480px;--container-md: 640px;--container-lg: 768px;--container-xl: 1024px;--container-2xl: 1280px;--container-3xl: 1400px;--container-4xl: 1600px;--container-full: 1440px;--modal-width-sm: 420px;--modal-width-md: 560px;--modal-width-lg: 720px;--modal-width-xl: 960px;--sidebar-width: 280px;--sidebar-width-tablet: 240px;--sidebar-width-compact: 80px;--header-height: 64px;--footer-height: 72px;--widget-width: 380px;--widget-height: 550px;--widget-height-compact: 500px;--divider-thin: 1px;--divider-medium: 2px;--divider-thick: 3px;--divider-scrollbar: 6px;--divider-scrollbar-lg: 8px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 8px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .05);--shadow-color-xs: rgba(16, 24, 40, .06);--shadow-color-sm: rgba(16, 24, 40, .12);--shadow-color-md: rgba(16, 24, 40, .18);--shadow-lg: 0 10px 20px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 32px rgba(15, 23, 42, .14);--shadow-2xl: 0 32px var(--spacing-3xl) rgba(15, 23, 42, .18);--shadow-focus: 0 0 0 4px var(--color-primary-alpha);--shadow-focus-error: 0 0 0 4px var(--color-error-alpha);--transition-fast: .14s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.16, 1, .3, 1);--color-button-primary: var(--color-primary);--color-button-primary-hover: var(--color-primary-hover);--color-button-secondary: var(--color-surface);--color-button-secondary-hover: var(--color-surface-hover);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--gradient-login-background: linear-gradient(135deg, var(--color-primary-overlay-subtle) 0%, var(--color-super-admin-overlay-light) 50%, var(--color-primary-overlay-subtle) 100%);--gradient-login-ambient: radial-gradient(circle at 30% 40%, var(--color-super-admin-overlay-light) 0%, transparent 50%);--gradient-login-badge: linear-gradient(135deg, var(--color-primary-overlay-medium) 0%, var(--color-super-admin-overlay-medium) 100%);--gradient-login-title: linear-gradient(135deg, var(--color-text) 0%, var(--color-primary) 100%);--gradient-login-card: linear-gradient(135deg, var(--glass-background) 0%, var(--color-surface-elevated) 100%);--gradient-login-feature-icon: linear-gradient(135deg, var(--color-primary-overlay-light) 0%, var(--color-super-admin-overlay-light) 100%);--gradient-login-feature-hover: linear-gradient(135deg, var(--white-overlay-strongest) 0%, var(--white-overlay-strong) 100%);--gradient-login-input-focus: linear-gradient(135deg, var(--color-primary-overlay-light) 0%, var(--color-super-admin-overlay-subtle) 100%);--gradient-login-button: linear-gradient(135deg, var(--color-primary-overlay-medium) 0%, var(--color-super-admin-overlay-medium) 100%)}@media (min-width: 768px){:root{--card-padding: 2rem;--section-padding: 2.75rem;--container-padding: 1.5rem;--layout-gutter: clamp(2.5rem, 6vw, 4rem)}}@media (min-width: 1024px){:root{--card-padding: 2.5rem;--section-padding: 3rem;--container-padding: 2rem;--layout-gutter: clamp(3rem, 5vw, 4.5rem)}}:root,:root[data-theme=light]{--color-background: #f7f9fc;--color-surface: #ffffff;--color-surface-elevated: #f2f4f9;--color-surface-hover: #eef1f8;--color-text: #101828;--color-text-secondary: #475467;--color-text-muted: #667085;--color-text-inverse: #ffffff;--color-text-disabled: #98a2b3;--color-border: #e3e8ef;--color-border-light: #eef2f6;--color-border-strong: #d0d5dd;--color-interactive-hover: #eef1f8;--color-interactive-active: #e3e8ef;--color-card-bg: #ffffff;--color-panel-bg: #f7f9fc;--color-input-bg: #ffffff;--color-input-border: #e3e8ef;--color-input-focus: #6366f1;--color-dropdown-bg: #ffffff;--color-dropdown-hover: #f7f9fc;--color-sidebar-bg: #ffffff;--color-sidebar-text: #475467;--color-sidebar-hover: #f7f9fc;--color-sidebar-active: #eef2ff;--color-table-header: #f7f9fc;--color-table-row-hover: #f7f9fc;--color-table-row-odd: #ffffff;--color-table-row-even: #f7f9fc;--color-badge-neutral: #f7f9fc;--color-badge-text: #475467;--color-modal-overlay: rgba(16, 24, 40, .45);--color-modal-bg: #ffffff;--color-tooltip-bg: #1d2939;--color-tooltip-text: #ffffff;--color-scrollbar-thumb: rgba(148, 163, 184, .35);--color-scrollbar-track: rgba(148, 163, 184, .1);--shadow-color: rgba(15, 23, 42, .08)}:root[data-theme=dark]{--neutral-50: #0b1120;--neutral-100: #111827;--neutral-200: #162136;--neutral-300: #1e293b;--neutral-400: #334155;--neutral-500: #475569;--neutral-600: #64748b;--neutral-700: #94a3b8;--neutral-800: #cbd5e1;--neutral-900: #f8fafc;--color-background: var(--neutral-100);--color-surface: var(--neutral-200);--color-surface-elevated: var(--neutral-300);--color-surface-hover: var(--neutral-400);--color-surface-overlay-light: rgba(148, 163, 184, .08);--color-surface-overlay-medium: rgba(148, 163, 184, .14);--color-surface-overlay-strong: rgba(148, 163, 184, .2);--color-card-bg: var(--neutral-200);--color-panel-bg: var(--neutral-100);--color-modal-bg: var(--neutral-200);--color-modal-overlay: rgba(6, 11, 18, .72);--color-text: var(--neutral-900);--color-text-secondary: var(--neutral-800);--color-text-muted: #94a3b8;--color-text-inverse: #0b1220;--color-text-disabled: #5f6d85;--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--color-border: #2b364b;--color-border-light: #1f2a3c;--color-border-strong: #3c4a63;--divider-thin: 1px;--divider-medium: 2px;--divider-thick: 3px;--color-interactive-hover: rgba(148, 163, 184, .16);--color-interactive-active: rgba(129, 140, 248, .24);--color-input-bg: var(--neutral-200);--color-input-border: var(--color-border);--color-input-focus: #a5b4fc;--color-dropdown-bg: var(--neutral-200);--color-dropdown-hover: var(--neutral-300);--color-sidebar-bg: var(--neutral-200);--color-sidebar-text: var(--neutral-800);--color-sidebar-hover: var(--neutral-300);--color-sidebar-active: rgba(129, 140, 248, .16);--color-table-header: var(--neutral-200);--color-table-row-hover: var(--neutral-300);--color-table-row-odd: var(--neutral-200);--color-table-row-even: #141e31;--color-badge-neutral: rgba(148, 163, 184, .18);--color-badge-text: var(--neutral-800);--color-scrollbar-thumb: rgba(148, 163, 184, .4);--color-scrollbar-track: rgba(11, 18, 32, .6);--scrollbar-thumb: rgba(148, 163, 184, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .22);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .28), 0 1px 2px rgba(0, 0, 0, .18);--shadow-md: 0 4px 8px rgba(0, 0, 0, .32), 0 2px 4px rgba(0, 0, 0, .22);--shadow-color-xs: rgba(2, 6, 16, .35);--shadow-color-sm: rgba(2, 6, 16, .45);--shadow-color-md: rgba(2, 6, 16, .55);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .38), 0 6px 12px rgba(0, 0, 0, .24);--shadow-xl: 0 24px 32px rgba(0, 0, 0, .42);--shadow-2xl: 0 32px 48px rgba(0, 0, 0, .46);--shadow-focus: 0 0 0 4px rgba(129, 140, 248, .32);--shadow-primary-glow: rgba(129, 140, 248, .35);--shadow-primary-strong: rgba(129, 140, 248, .42);--shadow-error-glow: rgba(248, 113, 113, .38);--shadow-dark-subtle: rgba(2, 6, 16, .32);--shadow-dark-medium: rgba(2, 6, 16, .42);--shadow-dark-strong: rgba(2, 6, 16, .5);--shadow-dark-stronger: rgba(2, 6, 16, .6);--glass-background: rgba(17, 28, 45, .78);--glass-border: rgba(129, 140, 248, .2);--glass-border-strong: rgba(129, 140, 248, .35);--glass-shadow: 0 20px 35px rgba(6, 11, 18, .55);--backdrop-light: rgba(11, 18, 32, .78);--backdrop-medium: rgba(11, 18, 32, .88);--backdrop-strong: rgba(11, 18, 32, .94);--backdrop-subtle: rgba(11, 18, 32, .6);--backdrop-surface: rgba(9, 15, 27, .88);--backdrop-dark: rgba(0, 0, 0, .5);--backdrop-darker: rgba(0, 0, 0, .78);--white-overlay-subtle: rgba(255, 255, 255, .06);--white-overlay-light: rgba(255, 255, 255, .08);--white-overlay-medium: rgba(255, 255, 255, .12);--white-overlay-strong: rgba(255, 255, 255, .16);--white-overlay-stronger: rgba(255, 255, 255, .22);--white-overlay-strongest: rgba(255, 255, 255, .28);--primary-rgb: 255, 128, 128;--admin-rgb: 165, 105, 189;--super-admin-rgb: 165, 105, 189;--accent-rgb: 93, 173, 226;--success-rgb: 52, 211, 153;--warning-rgb: 251, 191, 36;--error-rgb: 248, 113, 113;--info-rgb: 93, 173, 226;--color-accent: #5DADE2;--color-accent-dark: #3498DB;--color-accent-darker: #2E86C1;--color-primary: #FF8080;--color-primary-hover: #FFA0A0;--color-primary-light: rgba(255, 128, 128, .16);--color-primary-dark: #E65555;--color-primary-alpha: rgba(var(--primary-rgb), .28);--color-primary-overlay-subtle: rgba(var(--primary-rgb), .12);--color-primary-overlay-light: rgba(var(--primary-rgb), .18);--color-primary-overlay-medium: rgba(var(--primary-rgb), .24);--color-primary-overlay-strong: rgba(var(--primary-rgb), .32);--color-admin: #A569BD;--color-admin-hover: #BB8FCE;--color-admin-light: rgba(165, 105, 189, .18);--color-admin-dark: #8E44AD;--color-admin-alpha: rgba(var(--admin-rgb), .26);--color-admin-overlay-subtle: rgba(var(--admin-rgb), .12);--color-admin-overlay-light: rgba(var(--admin-rgb), .18);--color-admin-overlay-medium: rgba(var(--admin-rgb), .24);--color-admin-overlay-strong: rgba(var(--admin-rgb), .32);--color-super-admin: #A569BD;--color-super-admin-hover: #BB8FCE;--color-super-admin-light: rgba(165, 105, 189, .2);--color-super-admin-dark: #7D3C98;--color-super-admin-alpha: rgba(var(--super-admin-rgb), .3);--color-super-admin-gradient: linear-gradient(135deg, #A569BD 0%, #8E44AD 100%);--color-super-admin-gradient-hover: linear-gradient(135deg, #BB8FCE 0%, #A569BD 100%);--color-super-admin-overlay-subtle: rgba(var(--super-admin-rgb), .12);--color-super-admin-overlay-light: rgba(var(--super-admin-rgb), .18);--color-super-admin-overlay-medium: rgba(var(--super-admin-rgb), .26);--color-super-admin-overlay-strong: rgba(var(--super-admin-rgb), .34);--color-secondary: var(--neutral-800);--color-secondary-hover: var(--neutral-900);--color-secondary-light: rgba(148, 163, 184, .14);--color-secondary-dark: var(--neutral-200);--color-success: #34d399;--color-success-hover: #6ee7b7;--color-success-light: rgba(var(--success-rgb), .18);--color-success-dark: #0f766e;--color-success-darker: #0b4f45;--color-success-alpha: rgba(var(--success-rgb), .28);--color-success-overlay-subtle: rgba(var(--success-rgb), .12);--color-success-overlay-light: rgba(var(--success-rgb), .18);--color-success-overlay-medium: rgba(var(--success-rgb), .26);--color-success-overlay-strong: rgba(var(--success-rgb), .34);--color-warning: #fbbf24;--color-warning-hover: #fcd34d;--color-warning-light: rgba(var(--warning-rgb), .2);--color-warning-dark: #b45309;--color-warning-darker: #92400e;--color-warning-alpha: rgba(var(--warning-rgb), .28);--color-warning-overlay-subtle: rgba(var(--warning-rgb), .12);--color-warning-overlay-light: rgba(var(--warning-rgb), .18);--color-warning-overlay-medium: rgba(var(--warning-rgb), .26);--color-warning-overlay-strong: rgba(var(--warning-rgb), .34);--color-error: #f87171;--color-error-hover: #fca5a5;--color-error-light: rgba(var(--error-rgb), .2);--color-error-dark: #b91c1c;--color-error-darker: #991b1b;--color-error-border: rgba(var(--error-rgb), .32);--color-error-alpha: rgba(var(--error-rgb), .3);--color-error-overlay-subtle: rgba(var(--error-rgb), .12);--color-error-overlay-light: rgba(var(--error-rgb), .18);--color-error-overlay-medium: rgba(var(--error-rgb), .26);--color-error-overlay-strong: rgba(var(--error-rgb), .34);--color-info: #60a5fa;--color-info-hover: #93c5fd;--color-info-light: rgba(var(--info-rgb), .18);--color-info-dark: #1d4ed8;--color-info-darker: #1e3a8a;--color-teal: #2dd4bf;--color-teal-hover: #0f766e;--color-teal-light: rgba(94, 234, 212, .24);--color-teal-dark: #0f5132;--color-info-alpha: rgba(var(--info-rgb), .28);--color-info-overlay-subtle: rgba(var(--info-rgb), .12);--color-info-overlay-light: rgba(var(--info-rgb), .18);--color-info-overlay-medium: rgba(var(--info-rgb), .26);--color-info-overlay-strong: rgba(var(--info-rgb), .34);--color-teal-overlay-light: rgba(45, 212, 191, .18);--color-teal-overlay-medium: rgba(45, 212, 191, .26);--color-teal-overlay-strong: rgba(45, 212, 191, .38);--gradient-primary: linear-gradient(135deg, #FF8080 0%, #A569BD 50%, #5DADE2 100%);--gradient-primary-hover: linear-gradient(135deg, #FFA0A0 0%, #BB8FCE 50%, #7FC8E8 100%);--gradient-secondary: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #14b8a6 100%);--gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);--gradient-danger: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--gradient-surface: linear-gradient(140deg, rgba(17, 28, 45, .85) 0%, rgba(30, 41, 59, .82) 100%);--gradient-button-primary: linear-gradient(135deg, var(--color-primary), var(--color-accent-dark));--gradient-button-primary-strong: linear-gradient(135deg, rgba(var(--primary-rgb), .7), var(--color-accent-darker));--gradient-primary-horizontal: linear-gradient(90deg, var(--color-primary), var(--color-accent-darker));--gradient-text-strong: linear-gradient(135deg, var(--color-text), rgba(var(--neutral-800), .85));--gradient-glass-panel: linear-gradient(135deg, rgba(24, 33, 52, .78), rgba(79, 70, 229, .32));--gradient-card-primary-soft: linear-gradient(135deg, rgba(var(--primary-rgb), .28), rgba(var(--primary-rgb), .12));--gradient-pill-warning: linear-gradient(135deg, rgba(var(--warning-rgb), .35), rgba(var(--warning-rgb), .22));--gradient-pill-success: linear-gradient(135deg, rgba(var(--success-rgb), .38), rgba(var(--success-rgb), .24));--gradient-pill-info: linear-gradient(135deg, rgba(var(--info-rgb), .28), rgba(var(--info-rgb), .18));--gradient-hero-tenant: linear-gradient(135deg, var(--color-primary), var(--color-accent-darker));--gradient-alert-success: linear-gradient(135deg, rgba(var(--success-rgb), .42), rgba(var(--info-rgb), .28));--gradient-alert-success-icon: linear-gradient(135deg, rgba(var(--success-rgb), .28), var(--color-teal-overlay-strong));--gradient-alert-error: linear-gradient(135deg, rgba(var(--error-rgb), .35), rgba(var(--error-rgb), .22));--gradient-alert-error-icon: linear-gradient(135deg, rgba(var(--error-rgb), .24), rgba(var(--error-rgb), .32));--gradient-alert-warning: linear-gradient(135deg, rgba(var(--warning-rgb), .3), rgba(var(--warning-rgb), .18));--gradient-alert-warning-icon: linear-gradient(135deg, rgba(var(--warning-rgb), .26), rgba(var(--warning-rgb), .34));--gradient-alert-info: linear-gradient(135deg, rgba(var(--info-rgb), .3), rgba(var(--info-rgb), .18));--gradient-alert-info-icon: linear-gradient(135deg, rgba(var(--info-rgb), .26), rgba(var(--info-rgb), .34));--gradient-panel-neutral: linear-gradient(135deg, rgba(31, 45, 72, .65), rgba(17, 28, 45, .85));--gradient-card-accent: linear-gradient(135deg, rgba(var(--super-admin-rgb), .32), rgba(var(--super-admin-rgb), .58));--gradient-card-info-strong: linear-gradient(135deg, var(--color-teal-overlay-strong), rgba(var(--info-rgb), .45));--gradient-card-warning-strong: linear-gradient(135deg, rgba(var(--warning-rgb), .42), rgba(var(--error-rgb), .38));--gradient-overlay-primary: radial-gradient(circle at 20% 10%, rgba(129, 140, 248, .22), transparent 55%);--gradient-overlay-secondary: radial-gradient(circle at 80% 0%, rgba(96, 165, 250, .18), transparent 50%);--gradient-overlay-accent: radial-gradient(circle at 50% 60%, rgba(167, 139, 250, .24), transparent 60%);--gradient-dashboard-overlay-primary: radial-gradient(circle at top right, var(--color-primary-overlay-medium), transparent 55%);--gradient-dashboard-overlay-accent: radial-gradient(circle at bottom left, var(--accent-pink-overlay-subtle), transparent 50%);--gradient-dashboard-hero-highlight: radial-gradient(circle at 20% 15%, var(--white-overlay-strongest), transparent 60%);--gradient-dashboard-hero-highlight-secondary: radial-gradient(circle at 80% 15%, var(--white-overlay-strong), transparent 55%);--gradient-dashboard-card-hover: radial-gradient(circle at top right, var(--color-primary-overlay-strong), transparent 55%);--gradient-dashboard-stat-overlay: radial-gradient(circle at top right, var(--color-super-admin-overlay-medium), transparent 60%);--gradient-icon-primary: linear-gradient(135deg, var(--color-primary-overlay-medium), var(--color-primary-overlay-strong));--gradient-icon-primary-strong: linear-gradient(135deg, var(--color-primary-overlay-strong), var(--color-super-admin-overlay-strong));--gradient-icon-superadmin: linear-gradient(135deg, var(--color-super-admin-overlay-medium), var(--accent-pink-overlay-medium));--gradient-icon-info: linear-gradient(135deg, var(--color-info-overlay-medium), var(--color-info-overlay-strong));--gradient-icon-success: linear-gradient(135deg, var(--color-success-overlay-medium), var(--color-success-overlay-strong));--gradient-accent-soft: linear-gradient(135deg, var(--color-primary-overlay-subtle), var(--color-super-admin-overlay-subtle));--gradient-accent-medium: linear-gradient(135deg, var(--color-primary-overlay-medium), var(--color-super-admin-overlay-medium));--gradient-accent-success: linear-gradient(135deg, var(--color-success-overlay-medium), var(--color-success-overlay-strong));--gradient-divider-soft: linear-gradient(90deg, transparent 0%, var(--backdrop-medium) 50%, transparent 100%);--gradient-progress-primary: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-progress-success: linear-gradient(90deg, var(--color-success) 0%, var(--color-success-hover, var(--color-success)) 100%);--gradient-progress-error: linear-gradient(90deg, var(--color-error) 0%, var(--color-error-hover, var(--color-error)) 100%);--accent-primary-overlay-subtle: rgba(var(--primary-rgb), .16);--accent-primary-overlay-medium: rgba(var(--primary-rgb), .24);--accent-primary-overlay-strong: rgba(var(--primary-rgb), .32);--accent-pink: #f472b6;--accent-pink-overlay-subtle: rgba(244, 114, 182, .16);--accent-pink-overlay-light: rgba(244, 114, 182, .22);--accent-pink-overlay-medium: rgba(244, 114, 182, .28);--accent-pink-overlay-strong: rgba(244, 114, 182, .34);--accent-blue: #38bdf8;--accent-blue-overlay-light: rgba(56, 189, 248, .22);--accent-super-admin-overlay-medium: rgba(var(--super-admin-rgb), .3);--accent-super-admin-overlay-strong: rgba(var(--super-admin-rgb), .38);--accent-indigo-overlay-light: rgba(129, 140, 248, .38);--accent-indigo-overlay-medium: rgba(129, 140, 248, .48);--surface-dark-primary: rgba(8, 15, 29, .84);--surface-dark-secondary: rgba(10, 18, 33, .92);--surface-dark-tertiary: rgba(17, 28, 45, .78);--surface-dark-deep: rgba(11, 20, 37, .72);--surface-dark-deeper: rgba(9, 16, 29, .82);--surface-dark-deepest: rgba(7, 12, 24, .9);--surface-dark-solid: rgba(7, 12, 24, .96);--surface-dark-tooltip: rgba(11, 18, 32, .92);--env-staging: #22d3ee;--env-staging-dark: #0ea5e9;--env-staging-overlay: rgba(34, 211, 238, .22);--env-staging-border: rgba(34, 211, 238, .36);--env-production: #34d399;--env-production-dark: #10b981;--env-production-overlay: rgba(52, 211, 153, .22);--env-production-border: rgba(52, 211, 153, .36);--color-tooltip-bg: rgba(7, 12, 24, .96);--color-tooltip-text: var(--neutral-900);--gradient-login-background: linear-gradient(135deg, rgba(129, 140, 248, .08) 0%, rgba(167, 139, 250, .12) 50%, rgba(129, 140, 248, .08) 100%);--gradient-login-ambient: radial-gradient(circle at 30% 40%, rgba(167, 139, 250, .15) 0%, transparent 50%);--gradient-login-badge: var(--gradient-accent-medium);--gradient-login-title: linear-gradient(135deg, var(--neutral-900) 0%, var(--color-primary) 100%);--gradient-login-card: linear-gradient(135deg, rgba(17, 28, 45, .85) 0%, rgba(30, 41, 59, .9) 100%);--gradient-login-feature-icon: var(--gradient-accent-soft);--gradient-login-feature-hover: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .08) 100%);--gradient-login-input-focus: var(--gradient-accent-soft);--gradient-login-button: var(--gradient-accent-medium)}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important}}.surface-bg{background-color:var(--color-surface)}.surface-elevated{background-color:var(--color-surface-elevated)}.surface-hover:hover{background-color:var(--color-surface-hover)}.border-default{border-color:var(--color-border)}.border-light{border-color:var(--color-border-light)}.border-strong{border-color:var(--color-border-strong)}.card-bg{background-color:var(--color-card-bg)}.interactive-hover:hover{background-color:var(--color-interactive-hover)}.interactive-active:active{background-color:var(--color-interactive-active)}:root{--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--font-size-display-xl: clamp(2.5rem, 5vw, 4rem);--font-size-display-lg: clamp(2rem, 4vw, 3rem);--font-size-display-md: clamp(1.75rem, 3.5vw, 2.5rem);--font-size-h1: clamp(1.75rem, 3vw, 2.25rem);--font-size-h2: clamp(1.5rem, 2.5vw, 1.875rem);--font-size-h3: clamp(1.25rem, 2vw, 1.5rem);--font-size-h4: clamp(1.125rem, 1.5vw, 1.25rem);--font-size-h5: 1.125rem;--font-size-h6: 1rem;--font-size-base: 1rem;--font-size-body: 1rem;--font-size-lg: 1.125rem;--font-size-md: .9375rem;--font-size-sm: .875rem;--font-size-small: .875rem;--font-size-xs: .75rem;--font-size-2xs: .6875rem;--font-size-kpi: clamp(2rem, 4vw, 3rem);--font-size-button: .9375rem;--font-size-label: .875rem;--font-size-caption: .75rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-family-heading: var(--font-family-primary)}@media (min-width: var(--container-lg)){:root{--font-size-base: 1rem;--font-size-button: 1rem}}@media (min-width: var(--container-full)){:root{--font-size-base: 1rem}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text);letter-spacing:var(--letter-spacing-normal);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);font-family:var(--font-family-heading)}h1{font-size:var(--font-size-h1);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}p{margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed);color:var(--color-text)}p:last-child{margin-bottom:0}p.text-secondary{color:var(--color-text-secondary)}p.text-muted{color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs);line-height:var(--line-height-relaxed)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}small{font-size:var(--font-size-sm)}code{font-family:var(--font-family-mono);font-size:.875em;padding:var(--spacing-3xs) var(--spacing-2xs);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;margin:0 0 var(--spacing-md) 0}pre code{padding:0;background:none;border:none}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-h4)}.text-2xl{font-size:var(--font-size-h3)}.text-3xl{font-size:var(--font-size-h2)}.text-4xl{font-size:var(--font-size-h1)}.font-regular{font-weight:var(--font-weight-regular)}.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-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-justify{text-align:justify}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.whitespace-normal{white-space:normal}.whitespace-pre{white-space:pre}.break-normal{word-break:normal;overflow-wrap:normal}.break-all{word-break:break-all}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;line-height:1.5;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;font-family:inherit;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-overlay-light)}.btn-xs{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;min-height:28px;gap:var(--spacing-xs)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.813rem;min-height:32px;gap:var(--spacing-xs)}.btn-md{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;min-height:40px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;min-height:48px}.btn-xl{padding:var(--spacing-lg) calc(var(--spacing-xl) + var(--spacing-md));font-size:1.125rem;min-height:56px}.btn-primary{background:var(--gradient-button-primary);color:var(--color-text-inverse);box-shadow:0 1px 2px var(--color-primary-overlay-medium),0 1px 3px var(--color-primary-overlay-light)}.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px var(--color-primary-overlay-strong),0 4px 8px var(--color-primary-overlay-medium)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--color-primary-overlay-medium)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 1px 2px var(--shadow-dark-subtle)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow-dark-subtle)}.btn-secondary:active:not(:disabled){transform:translateY(0);background:var(--color-surface-elevated);box-shadow:0 1px 2px var(--shadow-dark-subtle)}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary);font-weight:600}.btn-outline:hover:not(:disabled){background:var(--color-primary-overlay-light);border-color:var(--color-primary-hover);color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px var(--color-primary-overlay-medium)}.btn-outline:active:not(:disabled){transform:translateY(0);background:var(--color-primary-overlay-medium);box-shadow:none}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-light)}.btn-ghost:active:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border)}.btn-danger{background:var(--gradient-danger);color:var(--color-text-inverse);box-shadow:0 1px 2px var(--color-error-overlay-medium),0 1px 3px var(--color-error-overlay-light)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-hover) 0%,var(--color-error-dark) 100%);transform:translateY(-1px);box-shadow:0 2px 4px var(--color-error-overlay-strong),0 4px 8px var(--color-error-overlay-medium)}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--color-error-overlay-medium)}.btn-success{background:var(--gradient-success);color:var(--color-text-inverse);box-shadow:0 1px 2px var(--color-success-overlay-medium),0 1px 3px var(--color-success-overlay-light)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-hover) 0%,var(--color-success-dark) 100%);transform:translateY(-1px);box-shadow:0 2px 4px var(--color-success-overlay-strong),0 4px 8px var(--color-success-overlay-medium)}.btn-success:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--color-success-overlay-medium)}.btn-warning{background:var(--gradient-warning);color:var(--color-text-inverse);box-shadow:0 1px 2px var(--color-warning-overlay-medium),0 1px 3px var(--color-warning-overlay-light)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--color-warning-hover) 0%,var(--color-warning-dark) 100%);transform:translateY(-1px);box-shadow:0 2px 4px var(--color-warning-overlay-strong),0 4px 8px var(--color-warning-overlay-medium)}.btn-warning:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--color-warning-overlay-medium)}.btn-info{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%);color:var(--color-text-inverse);box-shadow:0 1px 2px var(--color-info-overlay-medium),0 1px 3px var(--color-info-overlay-light)}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,var(--color-info-hover) 0%,var(--color-info-dark) 100%);transform:translateY(-1px);box-shadow:0 2px 4px var(--color-info-overlay-strong),0 4px 8px var(--color-info-overlay-medium)}.btn-info:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--color-info-overlay-medium)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite;margin-left:var(--spacing-sm)}.btn-block{width:100%;display:flex}.btn-icon{padding:var(--spacing-sm);min-width:40px}.btn-icon.btn-xs{padding:var(--spacing-xs);min-width:28px}.btn-icon.btn-sm{padding:var(--spacing-xs);min-width:32px}.btn-icon.btn-lg{padding:var(--spacing-md);min-width:48px}.btn-icon.btn-xl{padding:var(--spacing-lg);min-width:56px}.btn-square{aspect-ratio:1;padding:0}.btn-pill{border-radius:var(--radius-full)}.btn-group{display:inline-flex;gap:var(--spacing-xs)}.btn-group-vertical{display:inline-flex;flex-direction:column;gap:var(--spacing-xs)}.btn-group-attached{display:inline-flex;gap:0}.btn-group-attached>.btn:not(:first-child):not(:last-child){border-radius:0;border-left-width:0}.btn-group-attached>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group-attached>.btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.btn svg{flex-shrink:0}.btn-xs svg{width:14px;height:14px;stroke-width:2}.btn-sm svg{width:16px;height:16px;stroke-width:1.8}.btn-md svg{width:18px;height:18px;stroke-width:1.8}.btn-lg svg{width:20px;height:20px;stroke-width:1.6}.btn-xl svg{width:24px;height:24px;stroke-width:1.6}@media (max-width: 768px){.btn{font-size:.875rem}.btn-lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:.938rem;min-height:44px}.btn-xl{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;min-height:52px}.btn-group-mobile-stack{flex-direction:column;width:100%}.btn-group-mobile-stack>.btn{width:100%}}@media (prefers-color-scheme: dark){.btn-secondary{background:var(--color-surface-elevated);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-elevated);color:var(--color-text)}}@media (prefers-reduced-motion: reduce){.btn,.btn:after{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.btn{border-width:2px!important}.btn-primary,.btn-danger,.btn-success,.btn-warning,.btn-info{border:2px solid currentColor!important}}@media print{.btn{background:none!important;color:#000!important;border:1px solid black!important;box-shadow:none!important}}.card-base{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-standard{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--card-padding);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);cursor:pointer;overflow:hidden}.card-standard:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-standard:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.card-glass{display:flex;flex-direction:column;min-height:280px;max-height:320px;padding:var(--card-padding);border-radius:var(--radius-xl);background:var(--backdrop-medium);border:1px solid var(--glass-border);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--shadow-dark-medium);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;overflow:hidden}.card-glass:hover{transform:translateY(-6px);box-shadow:0 calc(4 * var(--spacing-3xs)) var(--spacing-3xl) var(--shadow-primary-strong)}.card-glass:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--color-primary-overlay-strong),transparent 55%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.card-glass:hover:before{opacity:1}.card-glass .card-icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.card-glass .card-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs)}.card-glass .card-description{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);flex:1;line-height:1.6}.card-glass .card-button{margin-top:auto;min-height:var(--touch-target-sm);padding:var(--spacing-sm) var(--spacing-lg)}.card-metric{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:var(--backdrop-medium);border:1px solid var(--glass-border);box-shadow:0 calc(2 * var(--spacing-xs)) var(--spacing-3xl) var(--shadow-dark-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.card-metric:hover{transform:translateY(-4px);box-shadow:0 calc(3 * var(--spacing-3xs)) var(--spacing-2xl) var(--shadow-primary-medium)}.card-metric:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,var(--color-primary-overlay-medium),transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.card-metric:hover:before{opacity:1}.card-metric .metric-icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.card-metric .metric-content{flex:1;min-width:0}.card-metric .metric-label{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xs);font-weight:var(--font-weight-medium)}.card-metric .metric-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.card-metric .metric-change{font-size:var(--font-size-small);margin-top:var(--spacing-2xs)}.card-metric[data-accent=primary] .metric-icon{background:linear-gradient(135deg,var(--color-primary-overlay-medium),var(--color-primary-overlay-strong));color:var(--color-primary)}.card-metric[data-accent=success] .metric-icon{background:linear-gradient(135deg,var(--color-success-overlay-medium),var(--color-success-overlay-strong));color:var(--color-success-dark)}.card-metric[data-accent=info] .metric-icon{background:linear-gradient(135deg,var(--color-info-overlay-medium),var(--color-info-overlay-strong));color:var(--color-info-dark)}.card-metric[data-accent=warning] .metric-icon{background:linear-gradient(135deg,var(--color-warning-overlay-medium),var(--color-warning-overlay-strong));color:var(--color-warning-dark)}.card-metric[data-accent=error] .metric-icon{background:linear-gradient(135deg,var(--color-error-overlay-medium),var(--color-error-overlay-strong));color:var(--color-error-dark)}.card-form{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.card-form:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.card-form .form-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.card-form .form-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.card-form .form-description{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.card-form .form-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.card-form .form-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.card-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:border-color var(--transition-base);overflow:hidden}.card-info:hover{border-color:var(--color-primary)}.card-info:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.card-info .info-icon{width:var(--icon-size-xl);height:var(--icon-size-xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);flex-shrink:0}.card-info .info-content{flex:1;min-width:0}.card-info .info-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-3xs)}.card-info .info-subtitle{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0}.card-info .info-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.cards-grid-standard{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.cards-grid-metric{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.cards-grid-glass{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.cards-list-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.card-glass.accent-indigo .card-icon{background:linear-gradient(135deg,var(--color-primary-overlay-medium),var(--color-primary-overlay-strong));color:var(--color-primary)}.card-glass.accent-violet .card-icon{background:linear-gradient(135deg,var(--color-super-admin-overlay-medium),var(--accent-pink-overlay-medium));color:var(--color-super-admin)}.card-glass.accent-cyan .card-icon{background:linear-gradient(135deg,var(--color-info-overlay-medium),var(--color-info-overlay-strong));color:var(--color-info)}.card-glass.accent-green .card-icon{background:linear-gradient(135deg,var(--color-success-overlay-medium),var(--color-success-overlay-strong));color:var(--color-success)}.card-glass.accent-amber .card-icon{background:linear-gradient(135deg,var(--color-warning-overlay-medium),var(--color-warning-overlay-strong));color:var(--color-warning)}@media (max-width: 640px){.card-glass,.card-standard,.card-form{padding:var(--spacing-lg)}.card-metric{padding:var(--spacing-md)}.cards-grid-standard,.cards-grid-metric,.cards-grid-glass{gap:var(--spacing-md);grid-template-columns:1fr}.card-glass{min-height:240px;max-height:280px}.card-metric,.card-info{flex-direction:column;align-items:flex-start}}@media (min-width: 640px) and (max-width: 1024px){.cards-grid-standard{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cards-grid-glass{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cards-grid-metric{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width: 1280px){.cards-grid-standard,.cards-grid-metric,.cards-grid-glass{gap:var(--spacing-xl)}}.card-standard:focus,.card-glass:focus,.card-metric:focus,.card-info:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.card-standard,.card-glass,.card-metric,.card-form,.card-info,.card-glass:before,.card-metric:before{transition:none}.card-standard:hover,.card-glass:hover,.card-metric:hover{transform:none}}.card-clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-loading{opacity:.6;pointer-events:none}.card-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=search],select,textarea{width:100%;min-height:var(--input-height-base);padding:10px 12px;font-size:var(--font-size-base);font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--color-text);background-color:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:var(--border-radius-base);box-shadow:var(--shadow-xs);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}textarea{min-height:100px;resize:vertical;padding:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-tertiary);opacity:1}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--tenant-primary, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-alpha);background-color:var(--color-input-background-focus)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:var(--color-input-border-hover)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-input-background-disabled);border-color:var(--color-input-border-disabled);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}input:invalid:not(:-moz-placeholder),textarea:invalid:not(:-moz-placeholder){border-color:var(--color-error)}input.error,input:invalid:not(:placeholder-shown),select.error,textarea.error,textarea:invalid:not(:placeholder-shown){border-color:var(--color-error)}input:invalid:not(:-moz-placeholder):focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}input.error:focus,input:invalid:not(:placeholder-shown):focus,select.error:focus,textarea.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}select{cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%9CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.form-group{display:flex;flex-direction:column;gap:var(--form-label-margin)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-helper{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-input::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-secondary)}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5}.form-group label.required:after{content:" *";color:var(--color-error)}:root[data-theme=dark]{--color-input-background: rgba(255, 255, 255, .05);--color-input-background-focus: rgba(255, 255, 255, .08);--color-input-background-disabled: rgba(255, 255, 255, .02);--color-input-border: rgba(255, 255, 255, .3);--color-input-border-hover: rgba(255, 255, 255, .5);--color-input-border-disabled: rgba(255, 255, 255, .1)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{border-color:#ffffff4d!important;background-color:#ffffff0d!important;box-shadow:0 0 0 1px #ffffff26 inset!important;color:var(--color-text)!important}:root[data-theme=dark] input:hover,:root[data-theme=dark] select:hover,:root[data-theme=dark] textarea:hover{border-color:#ffffff80!important}:root[data-theme=dark] .form-label{color:var(--color-text)}:root[data-theme=dark] .form-helper{color:var(--color-text-secondary)}:root[data-theme=dark] input:disabled,:root[data-theme=dark] select:disabled,:root[data-theme=dark] textarea:disabled{background-color:var(--color-input-background-disabled)!important;border-color:var(--color-input-border-disabled)!important;color:var(--color-text-secondary)!important}:root[data-theme=light],:root:not([data-theme]){--color-input-background: #ffffff;--color-input-background-focus: #ffffff;--color-input-background-disabled: #f9fafb;--color-input-border: #d1d5db;--color-input-border-hover: #9ca3af;--color-input-border-disabled: #e5e7eb}input.input-sm,select.input-sm{min-height:var(--input-height-sm);padding:6px 10px;font-size:var(--font-size-sm)}input.input-lg,select.input-lg{min-height:var(--input-height-lg);padding:12px 16px;font-size:var(--font-size-lg)}@media (max-width: 640px){input,select,textarea{font-size:16px}}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.status-new{background-color:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}:root[data-theme=dark] .status-badge.status-new{background-color:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.status-badge.status-contacted{background-color:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.2)}:root[data-theme=dark] .status-badge.status-contacted{background-color:#a855f726;color:#c084fc;border-color:#a855f74d}.status-badge.status-qualified{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}:root[data-theme=dark] .status-badge.status-qualified{background-color:#22c55e26;color:#4ade80;border-color:#22c55e4d}.status-badge.status-unqualified{background-color:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}:root[data-theme=dark] .status-badge.status-unqualified{background-color:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}.status-badge.status-converted{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}:root[data-theme=dark] .status-badge.status-converted{background-color:#10b98126;color:#34d399;border-color:#10b9814d}.status-badge.status-default{background-color:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}:root[data-theme=dark] .status-badge.status-default{background-color:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}.priority-badge.priority-low{background-color:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}:root[data-theme=dark] .priority-badge.priority-low{background-color:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}.priority-badge.priority-medium{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}:root[data-theme=dark] .priority-badge.priority-medium{background-color:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.priority-badge.priority-high{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}:root[data-theme=dark] .priority-badge.priority-high{background-color:#ef444426;color:#f87171;border-color:#ef44444d}.priority-badge.priority-default{background-color:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}:root[data-theme=dark] .priority-badge.priority-default{background-color:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}.status-badge,.priority-badge{transition:transform var(--transition-base),box-shadow var(--transition-base)}.status-badge:hover,.priority-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}:root[data-theme=dark] .status-badge:hover,:root[data-theme=dark] .priority-badge:hover{box-shadow:0 2px 4px #0000004d}.badge-with-icon{display:inline-flex;align-items:center;gap:6px}.badge-icon{width:14px;height:14px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 48%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));background-color:var(--color-background)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.visible{visibility:visible}.static{position:static}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-\[50\%\]{left:50%}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.table{display:table}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-px{height:1px}.max-h-64{max-height:16rem}.max-h-\[300px\]{max-height:300px}.max-h-\[80vh\]{max-height:80vh}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.min-w-0{min-width:0px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-\[70\%\]{max-width:70%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.flex-col-reverse{flex-direction:column-reverse}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-border{border-color:hsl(var(--border))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-border{background-color:hsl(var(--border))}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-muted{background-color:hsl(var(--muted))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-cyan-800{--tw-text-opacity: 1;color:rgb(21 94 117 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-secondary{color:hsl(var(--secondary))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,label,a,td,th,li{color:inherit}html{box-sizing:border-box;font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;width:100%;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;width:100%}.container{width:100%;max-width:var(--container-full);margin:0 auto;padding:0 var(--container-padding)}.container-fluid{width:100%;padding:0 var(--container-padding)}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 1024px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-0{padding-top:0;padding-bottom:0}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.my-0{margin-top:0;margin-bottom:0}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-auto{width:auto}.h-auto{height:auto}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.border{border:1px solid var(--color-border)}.border-0{border:none}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}@media (max-width: 767px){.mobile-hidden{display:none}}@media (min-width: 1024px){.tablet-hidden{display:none}}@media (min-width: 1280px){.desktop-hidden{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:var(--icon-size-2xs);height:var(--icon-size-2xs)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background-color:var(--color-primary-alpha);color:var(--color-text)}::-moz-selection{background-color:var(--color-primary-alpha);color:var(--color-text)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-accent\/50:hover{background-color:hsl(var(--accent) / .5)}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.aria-selected\:bg-slate-100[aria-selected=true]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.aria-selected\:text-slate-900[aria-selected=true]{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.dark\:divide-gray-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))}.dark\:border-amber-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.dark\:border-blue-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-green-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:bg-amber-900\/20:is(.dark *){background-color:#78350f33}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1e3a8a4d}.dark\:bg-cyan-900\/30:is(.dark *){background-color:#164e634d}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-green-900\/30:is(.dark *){background-color:#14532d4d}.dark\:bg-orange-900\/30:is(.dark *){background-color:#7c2d124d}.dark\:bg-purple-900\/30:is(.dark *){background-color:#581c874d}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#713f124d}.dark\:text-amber-100:is(.dark *){--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.dark\:text-amber-200:is(.dark *){--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-blue-100:is(.dark *){--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.dark\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-cyan-400:is(.dark *){--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-green-100:is(.dark *){--tw-text-opacity: 1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-100:is(.dark *){--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-yellow-400:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:#7f1d1d33}.dark\:hover\:bg-slate-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:focus\:ring-offset-gray-800:focus:is(.dark *){--tw-ring-offset-color: #1f2937}.dark\:aria-selected\:bg-slate-800[aria-selected=true]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:aria-selected\:text-slate-100[aria-selected=true]:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:mt-0{margin-top:0}.sm\:max-w-\[320px\]{max-width:320px}.sm\:max-w-\[480px\]{max-width:480px}.sm\:max-w-\[640px\]{max-width:640px}.sm\:max-w-\[800px\]{max-width:800px}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--gradient-login-background);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-25%;width:150%;height:200%;background:var(--gradient-login-ambient);pointer-events:none;animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5%,5%) scale(1.05)}}.login-hero{display:flex;flex-direction:column;justify-content:center;padding:clamp(var(--spacing-xl),5vw,var(--spacing-4xl));max-width:var(--container-md);margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--gradient-login-badge);border:1px solid var(--color-primary-overlay-strong);border-radius:100px;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase;width:-moz-fit-content;width:fit-content;margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 var(--spacing-3xs) var(--spacing-xs) var(--color-primary-overlay-medium)}.hero-badge svg{color:var(--color-super-admin)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;letter-spacing:var(--letter-spacing-tight);background:var(--gradient-login-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--spacing-3xl) 0;max-width:var(--modal-width-md)}.hero-highlights{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hero-highlight{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-lg);background:var(--backdrop-light);border:1px solid var(--color-primary-overlay-medium);border-radius:var(--spacing-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-highlight:hover{transform:translateY(-2px);box-shadow:0 var(--spacing-xs) calc(2 * var(--spacing-xs)) var(--color-primary-overlay-medium);border-color:var(--color-primary-overlay-strong)}.hero-highlight svg{flex-shrink:0;color:var(--color-super-admin);margin-top:var(--spacing-3xs)}.hero-highlight h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-2xs) 0;letter-spacing:var(--letter-spacing-tight)}.hero-highlight p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(var(--spacing-xl),5vw,var(--spacing-4xl));background:var(--gradient-login-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);position:relative;z-index:1}.panel-card{width:100%;max-width:var(--container-sm);background:var(--backdrop-strong);border-radius:var(--spacing-lg);padding:clamp(var(--spacing-xl),4vw,var(--spacing-3xl));box-shadow:var(--shadow-xl),var(--shadow-sm);border:1px solid var(--backdrop-medium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.login-logo img{width:400px;height:180px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(155,89,182,.3));transition:transform .3s ease}.login-logo img:hover{transform:scale(1.05)}.login-logo .logo-dark{display:none}.login-logo .logo-light{display:block}:root[data-theme=dark] .login-logo .logo-dark{display:block}:root[data-theme=dark] .login-logo .logo-light{display:none}.panel-header{margin-bottom:var(--spacing-xl)}.panel-badge{display:inline-block;padding:calc(.37 * var(--spacing-xs)) .875rem;background:var(--gradient-login-feature-icon);border:1px solid var(--color-primary-overlay-medium);border-radius:100px;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--spacing-md)}.panel-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0;letter-spacing:var(--letter-spacing-tight)}.panel-header p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-tight)}.form-group input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background:var(--backdrop-light);border:2px solid var(--color-border);border-radius:var(--spacing-sm);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.form-group input::-moz-placeholder{color:var(--color-text-muted)}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 var(--spacing-xs) var(--color-primary-overlay-light),var(--shadow-sm)}.form-group input.error{border-color:var(--color-error)}.form-group input.error:focus{border-color:var(--color-error);box-shadow:0 0 0 var(--spacing-xs) var(--color-error-overlay-light),var(--shadow-sm)}.error-message{font-size:var(--font-size-sm);color:var(--color-error);font-weight:var(--font-weight-medium);margin-top:-var(--spacing-2xs)}.stay-signed-in{display:flex;align-items:center;gap:calc(.62 * var(--spacing-xs));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:-var(--spacing-xs)}.stay-signed-in input[type=checkbox]{width:var(--icon-size-sm);height:var(--icon-size-sm);cursor:pointer;accent-color:var(--color-primary)}.stay-signed-in span{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.login-error{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-overlay-light);border:1px solid var(--color-error-overlay-strong);border-radius:var(--spacing-sm);color:var(--color-error-hover);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;animation:shake .4s cubic-bezier(.4,0,.2,1)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.login-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:inherit;color:var(--color-text-inverse);background:var(--gradient-primary);border:none;border-radius:var(--spacing-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--shadow-primary-strong),var(--shadow-sm);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;inset:0;background:var(--gradient-login-feature-hover);opacity:0;transition:opacity .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 var(--spacing-xs) var(--spacing-lg) var(--shadow-primary-glow),var(--shadow-sm)}.login-button:hover:not(:disabled):before{opacity:1}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-destination-hint{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-overlay-subtle);border:1px solid var(--color-primary-overlay-medium);border-radius:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.login-destination-hint strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.login-quick-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.quick-actions-header{margin-bottom:var(--spacing-lg)}.quick-actions-header span{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:calc(.37 * var(--spacing-xs))}.quick-actions-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.quick-actions-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quick-action{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--backdrop-light);border:2px solid var(--color-border);border-radius:var(--spacing-xs);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.quick-action:hover{border-color:var(--color-primary);background:var(--color-primary-overlay-subtle);transform:translate(4px)}.quick-action.selected{border-color:var(--color-primary);background:var(--gradient-login-input-focus);box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--color-primary-overlay-medium)}.quick-action-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-xl);height:var(--icon-size-xl);flex-shrink:0;background:var(--gradient-login-button);border-radius:var(--spacing-sm);color:var(--color-primary);transition:all .2s}.quick-action:hover .quick-action-icon,.quick-action.selected .quick-action-icon{background:var(--gradient-primary);color:var(--color-text-inverse);transform:scale(1.05)}.quick-action-content{flex:1;min-width:0}.quick-action-content h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-2xs) 0;letter-spacing:var(--letter-spacing-tight)}.quick-action-content p{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0}.login-support{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.login-support p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.login-support a{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-decoration:none;transition:color .2s}.login-support a:hover{color:var(--color-super-admin);text-decoration:underline}.login-footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-primary-overlay-subtle);border:1px solid var(--color-primary-overlay-medium);border-radius:var(--spacing-xs);text-align:center}.login-footer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-2xs) 0;line-height:var(--line-height-relaxed)}.login-footer p:first-child{font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.login-footer strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}@media (max-width: 1024px){.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-hero{padding:var(--spacing-xl);max-width:100%}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-highlights{display:none}.login-panel{border-left:none;border-top:1px solid var(--glass-border);padding:var(--spacing-xl)}.panel-card{max-width:100%}}@media (max-width: 640px){.login-page:before{display:none}.login-hero{padding:var(--spacing-lg)}.hero-badge{font-size:var(--font-size-2xs);padding:calc(.37 * var(--spacing-xs)) var(--spacing-sm)}.hero-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-xl)}.login-panel,.panel-card{padding:var(--spacing-lg)}.panel-header h2{font-size:var(--font-size-xl)}.quick-actions-grid{gap:calc(.62 * var(--spacing-xs))}.quick-action{padding:var(--spacing-sm)}.quick-action-icon{width:var(--icon-size-xl);height:var(--icon-size-xl)}.quick-action-content h3{font-size:var(--font-size-sm)}.quick-action-content p{font-size:var(--font-size-xs)}}@media (min-width: var(--container-full)){.login-hero,.login-panel{padding:var(--spacing-4xl) var(--spacing-6xl)}}@media (prefers-contrast: high){.form-group input,.quick-action{border-width:3px}.login-button{border:2px solid var(--color-text-inverse)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.quick-action:focus-visible,.login-button:focus-visible,.form-group input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.dashboard-layout{display:flex;min-height:100vh;background:var(--gradient-overlay-primary),var(--gradient-overlay-secondary),var(--color-background)}.dashboard-layout-modern{display:flex;min-height:100vh;background:var(--color-background)}.main-content-modern{flex:1;margin-left:64px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.content-area-modern{flex:1;padding:24px;overflow-y:auto}.sidebar{position:fixed;top:0;left:0;height:100vh;background:var(--backdrop-darker);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-right:1px solid var(--white-overlay-light);display:flex;flex-direction:column;transition:width var(--transition-base);z-index:var(--z-fixed);box-shadow:var(--shadow-2xl),inset 0 1px 0 var(--glass-border)}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 16%,var(--color-primary-overlay-strong),transparent 55%),radial-gradient(circle at 82% 12%,var(--accent-pink-overlay-medium),transparent 52%),linear-gradient(180deg,var(--backdrop-darker) 0%,var(--surface-dark-deepest) 100%);pointer-events:none;z-index:-1}.sidebar.open{width:var(--sidebar-width)}.sidebar.closed{width:var(--container-3xs)}.sidebar.closed.hovering{width:var(--sidebar-width)}.sidebar.closed.hovering .nav-label{display:inline!important;opacity:1!important;animation:fadeIn .2s ease-in}.sidebar.closed.hovering .logo-text{display:inline!important;opacity:.9!important;animation:fadeIn .2s ease-in}.sidebar.closed.hovering .logo-image{display:block!important;opacity:1!important;animation:fadeIn .2s ease-in}.sidebar.closed.hovering .sidebar-section-title{opacity:1;height:auto;margin:inherit;padding:inherit}.sidebar.closed.hovering .sidebar-section-divider{display:block}.sidebar.closed.hovering .user-details{display:flex!important;animation:fadeIn .2s ease-in}.sidebar.closed.hovering .user-info{flex-direction:column;padding:var(--spacing-md) calc(var(--spacing-md) * .9);gap:var(--spacing-sm);background:linear-gradient(140deg,var(--color-primary-overlay-strong),var(--accent-blue-overlay-light));border:1px solid var(--accent-indigo-overlay-light)}.sidebar.closed.hovering .user-info:before{display:block}.sidebar.closed.hovering .sidebar-footer{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-lg) var(--spacing-md) calc(var(--spacing-lg) * 1.1);gap:var(--spacing-sm)}.sidebar.closed.hovering .logout-btn span:not(.logout-icon){display:inline!important;animation:fadeIn .2s ease-in}.sidebar.closed.hovering .nav-item{justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + var(--spacing-xs))}.sidebar.closed.hovering .nav-item:after{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--white-overlay-medium);min-height:72px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--text-on-dark-primary);transition:all var(--transition-base)}.logo:hover{color:var(--color-primary-light)}.logo-icon{font-size:1.75rem;flex-shrink:0}.logo-image{max-height:var(--icon-size-xl);max-width:var(--container-xs);-o-object-fit:contain;object-fit:contain;display:block;filter:drop-shadow(0 14px 25px var(--shadow-dark-stronger))}.logo-text{white-space:nowrap;overflow:hidden;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;opacity:.9}.sidebar.closed .logo-text,.sidebar.closed .logo-image{display:none}.sidebar-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:calc(.4 * var(--spacing-xs)) .95rem;border-radius:var(--radius-full);border:1px solid var(--accent-indigo-overlay-light);background:linear-gradient(135deg,var(--color-primary-overlay-strong),var(--surface-dark-deeper));color:var(--text-on-dark-secondary);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base),color var(--transition-base);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-toggle.is-closed{padding:calc(.4 * var(--spacing-xs))}.sidebar-toggle:hover{transform:translateY(-1px);box-shadow:0 var(--spacing-3xs) var(--spacing-lg) var(--shadow-primary-glow);border-color:var(--accent-indigo-overlay-medium);background:linear-gradient(135deg,var(--accent-indigo-overlay-light),var(--accent-blue-overlay-light));color:var(--text-on-dark-primary)}.sidebar-toggle:focus-visible{outline:3px solid var(--accent-indigo-overlay-light);outline-offset:2px}.sidebar-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-sm);height:var(--touch-target-sm);border-radius:var(--radius-full);background:var(--surface-dark-deeper);box-shadow:inset 0 1px 0 var(--white-overlay-stronger),0 var(--spacing-xs) 18px var(--shadow-dark-medium);transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base);color:inherit}.sidebar-toggle:hover .sidebar-toggle-icon{background:var(--color-primary-overlay-strong);color:var(--text-on-dark-primary);transform:scale(1.05)}.sidebar-toggle-text{color:var(--text-on-dark-muted);transition:color var(--transition-base)}.sidebar-toggle:hover .sidebar-toggle-text{color:var(--text-on-dark-primary)}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-nav::-webkit-scrollbar{width:var(--divider-scrollbar)}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-section+.sidebar-section{margin-top:var(--spacing-lg)}.sidebar-section-title{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-xs);font-size:.65rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.18em;color:var(--text-on-dark-faint)}.sidebar-section-divider{flex:1;height:var(--divider-thin);background:linear-gradient(90deg,var(--white-overlay-light),var(--color-primary-overlay-strong))}.sidebar-section-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + var(--spacing-xs));background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-on-dark-subtle);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;min-height:var(--touch-target);overflow:hidden}.nav-item:hover{color:var(--text-on-dark-primary);transform:translate(4px);background:linear-gradient(90deg,var(--white-overlay-subtle),var(--color-primary-overlay-medium));box-shadow:0 var(--spacing-xs) calc(2 * var(--spacing-xs)) var(--shadow-dark-subtle)}.nav-item.active{color:var(--text-on-dark-primary);font-weight:var(--font-weight-semibold);background:linear-gradient(90deg,var(--color-primary-overlay-strong),var(--accent-pink-overlay-light));box-shadow:0 var(--spacing-lg) calc(3 * var(--spacing-xs)) var(--shadow-primary-strong)}.nav-item-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--divider-thick);height:60%;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--color-primary),var(--accent-pink-overlay-strong));opacity:0;transition:opacity var(--transition-fast),height var(--transition-fast)}.nav-item:hover .nav-item-indicator,.nav-item.active .nav-item-indicator{opacity:1;height:70%}.nav-icon{flex-shrink:0;width:var(--icon-size-md);height:var(--icon-size-md);display:flex;align-items:center;justify-content:center;color:inherit}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition-base)}.sidebar.closed .nav-label{display:none}.sidebar.closed .nav-item{justify-content:center;padding:var(--spacing-sm);padding-left:var(--spacing-sm)}.sidebar.closed .sidebar-section-title{opacity:0;height:0;margin:0;padding:0}.sidebar.closed .sidebar-section-divider{display:none}.sidebar.closed .nav-item:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translate(12px,-50%);background:var(--surface-dark-solid);color:var(--text-on-dark-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;font-size:.75rem;letter-spacing:.03em;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:0 var(--spacing-3xs) calc(2 * var(--spacing-xs)) var(--shadow-dark-medium)}.sidebar.closed .nav-item:hover:after{opacity:1;transform:translate(18px,-50%)}.sidebar-footer{margin-top:auto;padding:var(--spacing-lg) var(--spacing-md) calc(var(--spacing-lg) * 1.1);border-top:1px solid var(--white-overlay-subtle);position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;background:var(--surface-dark-primary);box-shadow:inset 0 1px 0 var(--white-overlay-light),0 calc(-2 * var(--spacing-3xs)) calc(3 * var(--spacing-xs)) var(--shadow-dark-stronger);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,var(--accent-indigo-overlay-medium),transparent 55%),radial-gradient(circle at 85% 25%,var(--accent-pink-overlay-subtle),transparent 52%),linear-gradient(160deg,var(--surface-dark-secondary),var(--surface-dark-tertiary));opacity:.95;pointer-events:none}.sidebar-footer>*{position:relative;z-index:1}.sidebar-theme-switcher{display:none}.sidebar-theme-switcher .theme-switcher{width:100%}.user-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-md) calc(var(--spacing-md) * .9);border-radius:var(--radius-xl);background:linear-gradient(140deg,var(--color-primary-overlay-strong),var(--accent-blue-overlay-light));border:1px solid var(--accent-indigo-overlay-light);box-shadow:inset 0 1px 0 var(--white-overlay-strongest),0 var(--spacing-3xs) var(--spacing-2xl) var(--shadow-dark-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden;color:var(--text-on-dark-primary)}.user-info:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% -20%,var(--white-overlay-strong),transparent 55%);opacity:.75;pointer-events:none}.user-info>*{position:relative;z-index:1}.user-avatar{width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);flex-shrink:0}.user-details{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing-xs) * .75);min-width:0;transition:opacity var(--transition-base)}.user-email{font-weight:500;color:var(--color-text-inverse);font-size:.9rem;max-width:var(--container-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:var(--font-size-xs);color:var(--text-on-dark-hint);text-transform:capitalize}.user-role-badge{margin:var(--spacing-xs) 0;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.user-tenant{font-size:var(--font-size-xs);color:var(--text-on-dark-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tenant-platform{color:var(--accent-indigo-overlay-medium)}.sidebar.closed .user-info{flex-direction:column;padding:var(--spacing-xs);gap:var(--spacing-xs);background:var(--white-overlay-light);border:1px solid var(--white-overlay-medium)}.sidebar.closed .user-info:before{display:none}.sidebar.closed .sidebar-footer{border-radius:0;padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.sidebar.closed .sidebar-footer:before{inset:0}.sidebar.closed .user-details{display:none}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-dark-deep);color:var(--color-text-inverse);border:1px solid var(--color-error-overlay-medium);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);min-height:var(--touch-target);box-shadow:inset 0 1px 0 var(--white-overlay-strong),0 var(--spacing-3xs) calc(2 * var(--spacing-xs)) var(--shadow-dark-stronger);position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;inset:0;background:var(--gradient-danger);opacity:.9;transition:opacity var(--transition-fast);pointer-events:none}.logout-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% -20%,var(--white-overlay-strongest),transparent 60%);opacity:.85;pointer-events:none}.logout-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 var(--white-overlay-stronger),0 var(--spacing-xs) calc(3 * var(--spacing-3xs)) var(--shadow-error-glow)}.logout-btn:hover:before{opacity:1}.logout-icon{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;line-height:0}.logout-icon svg{width:var(--icon-size-xs);height:var(--icon-size-xs);color:currentColor}.logout-btn span:not(.logout-icon){white-space:nowrap}.sidebar.closed .logout-btn span:not(.logout-icon){display:none}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-base)}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.main-content.sidebar-closed{margin-left:var(--sidebar-width-compact)}.main-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--backdrop-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-lg) var(--spacing-xl);min-height:72px;box-shadow:var(--shadow-lg)}.page-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.content-area{flex:1;padding:var(--spacing-xl);background:radial-gradient(circle at 10% 10%,var(--color-primary-overlay-light),transparent 55%),radial-gradient(circle at 90% 20%,var(--accent-pink-overlay-subtle),transparent 50%),var(--color-background);overflow-y:auto}.main-toolbar{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-md) var(--spacing-xl) 0 var(--spacing-xl);gap:var(--spacing-sm)}.main-content.sidebar-closed .main-toolbar{padding-right:var(--spacing-lg)}.main-toolbar .theme-switcher{box-shadow:0 var(--spacing-3xs) var(--spacing-lg) var(--shadow-sm)}@media (max-width: 768px){.main-toolbar{display:none}.sidebar-theme-switcher{display:flex}.sidebar-theme-switcher .theme-switcher{justify-content:center}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);width:var(--sidebar-width)}.sidebar.closed{transform:translate(-100%)}.main-content{margin-left:0!important}.main-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-dark-tooltip);color:var(--text-on-dark-primary)}.page-title{font-size:var(--font-size-h3);color:inherit}.content-area{padding:var(--spacing-lg)}.main-toolbar{justify-content:flex-start;padding:var(--spacing-md)}.user-badge{flex-direction:column;align-items:flex-end}}@media (min-width: var(--container-lg)) and (max-width: 1024px){.sidebar.open{width:var(--sidebar-width-tablet)}.main-content.sidebar-open{margin-left:var(--sidebar-width-tablet)}.content-area{padding:var(--spacing-xl)}}@media (min-width: var(--container-full)){.sidebar.open{width:var(--sidebar-width)}.main-content.sidebar-open{margin-left:var(--sidebar-width)}}@media print{.sidebar,.main-header{display:none}.main-content{margin-left:0!important}.content-area{padding:0}}.modern-sidebar{position:fixed;top:0;left:0;height:100vh;width:64px;background:var(--color-sidebar-bg, var(--color-surface));border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.modern-sidebar:hover,.modern-sidebar.pinned{width:300px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;min-height:64px;border-bottom:1px solid var(--color-border)}.logo-container{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;min-width:0}.logo-icon{font-size:24px;flex-shrink:0;width:40px;text-align:center}.logo-image{max-height:32px;max-width:140px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.logo-image.corve-logo{max-width:180px;filter:drop-shadow(0 2px 8px rgba(155,89,182,.3));transition:all .3s ease}.logo-image.corve-logo:hover{filter:drop-shadow(0 4px 12px rgba(155,89,182,.5));transform:scale(1.02)}.logo-image.corve-logo.logo-dark{display:none}.logo-image.corve-logo.logo-light{display:block}:root[data-theme=dark] .logo-image.corve-logo.logo-dark{display:block}:root[data-theme=dark] .logo-image.corve-logo.logo-light{display:none}.logo-text{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);white-space:nowrap;opacity:0;transition:opacity .2s ease-in-out}.modern-sidebar:hover .logo-text,.modern-sidebar.pinned .logo-text{opacity:1}.pin-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all .2s;flex-shrink:0;opacity:0}.modern-sidebar:hover .pin-button,.modern-sidebar.pinned .pin-button{opacity:1}.pin-button:hover{background:var(--color-interactive-hover);color:var(--color-text)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:visible;padding:12px 8px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}.nav-section{margin-bottom:24px}.section-title{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:0 12px 0 10px;margin-bottom:8px;white-space:nowrap;overflow:visible;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;max-width:100%}.modern-sidebar:hover .section-title,.modern-sidebar.pinned .section-title{opacity:1}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;margin-bottom:4px;position:relative}.nav-item:hover{background:var(--color-interactive-hover);color:var(--color-text)}.nav-item.active{background:var(--color-primary-alpha);color:var(--color-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--gradient-primary);border-radius:0 2px 2px 0}.nav-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;color:inherit;opacity:0;transition:opacity .2s ease-in-out}.modern-sidebar:hover .nav-label,.modern-sidebar.pinned .nav-label{opacity:1}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:8px;background:var(--color-surface-elevated);border-radius:8px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:2px;min-width:0;opacity:0;transition:opacity .2s ease-in-out}.modern-sidebar:hover .user-details,.modern-sidebar.pinned .user-details{opacity:1}.user-email{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.logout-button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background:linear-gradient(135deg,#ef444440,#dc262640);border-color:#ef444480;color:#fee2e2}.logout-button span{opacity:0;transition:opacity .2s ease-in-out}.modern-sidebar:hover .logout-button span,.modern-sidebar.pinned .logout-button span{opacity:1}:root[data-theme=light] .modern-sidebar{background:#fff;border-right-color:#e3e8ef}:root[data-theme=light] .modern-sidebar .logo-text{color:#101828}:root[data-theme=light] .modern-sidebar .section-title{color:#667085}:root[data-theme=light] .modern-sidebar .nav-item{color:#475467}:root[data-theme=light] .modern-sidebar .nav-item:hover{color:#101828;background:#f7f9fc}:root[data-theme=light] .modern-sidebar .nav-item.active{color:#2c6fe7;background:#2c6fe714}:root[data-theme=dark] .modern-sidebar{background:#162136;border-right-color:#2b364b}:root[data-theme=dark] .modern-sidebar .logo-text{color:#f8fafc}:root[data-theme=dark] .modern-sidebar .section-title{color:#94a3b8}:root[data-theme=dark] .modern-sidebar .nav-item{color:#cbd5e1}:root[data-theme=dark] .modern-sidebar .nav-item:hover{color:#f8fafc;background:#1e293b}:root[data-theme=dark] .modern-sidebar .nav-item.active{color:#6ba3ff;background:#2c6fe726}@media (max-width: 768px){.modern-sidebar{transform:translate(-100%)}.modern-sidebar:hover,.modern-sidebar.pinned{transform:translate(0);width:300px}}.user-profile-menu{position:relative}.user-profile-button{width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:transform .2s}.user-profile-button:hover{transform:scale(1.05)}.user-avatar-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;border:2px solid var(--color-border)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:1001;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;flex-shrink:0}.user-info-text{flex:1;min-width:0}.user-menu-email{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.user-menu-role{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.user-menu-tenant{font-size:11px;color:var(--text-tertiary);margin-top:2px}.menu-divider{height:1px;background:var(--color-border);margin:4px 0}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;text-align:left}.menu-item:hover{background:var(--color-background)}.menu-item svg{flex-shrink:0;color:var(--text-secondary)}.menu-item-arrow{margin-left:auto;opacity:.5}.menu-theme-section{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.menu-theme-label{font-size:14px;font-weight:500;color:var(--text-primary)}.theme-options{display:flex;gap:4px;background:var(--color-background);padding:4px;border-radius:8px;border:1px solid var(--color-border)}.theme-option{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.theme-option:hover{background:var(--color-surface);color:var(--text-primary)}.theme-option.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 4px #0000001a}.theme-option.active:hover{background:var(--color-primary-hover)}.menu-item-danger{color:#ef4444}.menu-item-danger:hover{background:#ef44441a}.menu-item-danger svg{color:#ef4444}.top-action-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);min-height:64px;background:var(--backdrop-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-lg)}.top-search-container{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:500px;margin-left:12px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.top-search-container:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-light)}.top-search-icon{color:var(--text-secondary);flex-shrink:0}.top-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);outline:none;cursor:pointer}.top-search-input::-moz-placeholder{color:var(--text-tertiary)}.top-search-input::placeholder{color:var(--text-tertiary)}.top-search-kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-family:monospace;color:var(--text-secondary);box-shadow:0 1px 2px var(--shadow-sm)}.top-action-right{display:flex;align-items:center;gap:var(--spacing-sm)}.env-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em}.env-badge.staging{background:linear-gradient(135deg,var(--accent-indigo-overlay-light),var(--accent-blue-overlay-light));color:var(--text-on-dark-primary);border:1px solid var(--accent-indigo-overlay-medium)}.env-badge.production{background:linear-gradient(135deg,var(--color-success-overlay-medium),var(--accent-green-overlay-light));color:var(--text-on-dark-primary);border:1px solid var(--accent-green-overlay-medium)}.top-action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);padding:var(--spacing-xs);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.top-action-btn:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.top-action-btn:active{transform:translateY(0)}.user-profile-btn{background:var(--gradient-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.user-profile-btn:hover{background:var(--gradient-primary);opacity:.9;border-color:var(--color-primary-light)}@media (max-width: 768px){.top-action-bar{padding:var(--spacing-sm) var(--spacing-md);min-height:56px}.top-search-container{max-width:100%}.env-badge,.top-search-kbd{display:none}}.dashboard-home{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--spacing-2xl)}.dashboard-home:before{content:"";position:absolute;inset:0;background:var(--gradient-dashboard-overlay-primary),var(--gradient-dashboard-overlay-accent);pointer-events:none;z-index:-1}.welcome-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(var(--primary-rgb),.03),rgba(var(--primary-rgb),.08));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-light);box-shadow:0 1px 3px #00000014;margin-bottom:var(--spacing-xl);min-height:80px;gap:var(--spacing-lg)}.welcome-bar__left{display:flex;flex-direction:column;gap:var(--spacing-2xs);flex:1}.welcome-greeting{font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.15}@media (max-width: 520px){.welcome-greeting{font-size:1.45rem}}.welcome-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.welcome-bar__center{display:flex;align-items:center;gap:var(--spacing-md)}.role-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--color-primary-alpha)}.role-badge--super{background:var(--color-super-admin-light);color:var(--color-super-admin-dark);border-color:var(--color-super-admin-alpha)}.quick-stats-pill{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-item{font-weight:var(--font-weight-medium)}.welcome-bar__right{display:flex;align-items:center;gap:var(--spacing-sm)}.welcome-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);min-height:var(--touch-target);border:none}.welcome-action-btn.primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 1px 2px #00000014}.welcome-action-btn.primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.25)}.welcome-action-btn.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:var(--spacing-sm);width:var(--touch-target)}.welcome-action-btn.secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.user-info-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-lg)}.user-avatar-large{width:var(--touch-target-lg);height:var(--touch-target-lg);border-radius:var(--radius-full);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-h2);color:var(--color-text-inverse);flex-shrink:0;box-shadow:var(--shadow-md)}.user-details-large h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs);line-height:var(--line-height-tight)}.user-role-large{font-size:var(--font-size-body);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-transform:capitalize;margin:0 0 var(--spacing-xs)}.user-tenant-large{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0}.quick-actions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-heading{display:flex;flex-direction:column;gap:var(--spacing-xs)}.section-heading h2{font-size:clamp(1.5rem,1.2vw + 1rem,2rem);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.section-subtitle{font-size:var(--font-size-small);color:var(--color-text-secondary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.action-card{position:relative;background:var(--backdrop-medium);border-radius:var(--radius-xl);padding:var(--card-padding);border:1px solid var(--glass-border);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--shadow-dark-medium);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);text-align:left;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;min-height:280px;max-height:320px}.action-card:before{content:"";position:absolute;inset:0;background:var(--gradient-dashboard-card-hover);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.action-card:hover{transform:translateY(-6px);box-shadow:0 calc(4 * var(--spacing-3xs)) var(--spacing-3xl) var(--shadow-primary-strong);border-color:var(--color-primary-border)}.action-card:hover:before{opacity:1}.action-card.accent-indigo .action-icon{background:var(--gradient-icon-primary);color:var(--color-primary)}.action-card.accent-violet .action-icon{background:var(--gradient-icon-superadmin);color:var(--color-super-admin)}.action-card.accent-cyan .action-icon{background:var(--gradient-icon-info);color:var(--accent-blue)}.action-icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:var(--color-primary);box-shadow:inset 0 1px 0 var(--white-overlay-strongest)}.action-icon svg{width:var(--icon-size-md);height:var(--icon-size-md)}.action-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs);line-height:var(--line-height-tight)}.action-description{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);line-height:var(--line-height-relaxed);max-width:32ch;flex:1}.action-button{background:var(--white-overlay-medium);color:var(--color-text);border:1px solid var(--white-overlay-strong);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:auto;min-height:var(--touch-target-sm)}.action-button:hover{background:var(--white-overlay-stronger);transform:translateY(-1px);box-shadow:0 var(--spacing-3xs) calc(2 * var(--spacing-xs)) var(--shadow-dark-medium)}.kpi-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.insights-section{margin-top:var(--spacing-2xl)}.quick-access-placeholder{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #00000014;display:flex;align-items:center;justify-content:center;min-height:400px}.placeholder-content{text-align:center;padding:var(--spacing-2xl);max-width:300px}.placeholder-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.placeholder-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs)}.placeholder-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.stat-card{position:relative;background:var(--backdrop-medium);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:1px solid var(--glass-border);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:0 calc(2 * var(--spacing-xs)) var(--spacing-3xl) var(--shadow-dark-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 calc(3 * var(--spacing-3xs)) var(--spacing-2xl) var(--shadow-primary-medium);border-color:var(--color-primary-border)}.stat-card:before{content:"";position:absolute;inset:0;background:var(--gradient-dashboard-stat-overlay);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.stat-icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gradient-icon-primary-strong);color:var(--color-primary);box-shadow:inset 0 1px 0 var(--white-overlay-strongest)}.stat-icon svg{width:var(--icon-size-md);height:var(--icon-size-md)}.stat-card[data-accent=success] .stat-icon{background:var(--gradient-icon-success);color:var(--color-success-dark)}.stat-card[data-accent=info] .stat-icon{background:var(--gradient-icon-info);color:var(--color-info-dark)}.stat-card[data-accent=primary] .stat-icon{background:var(--gradient-icon-primary);color:var(--color-primary)}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.stat-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.stat-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.12em}.stat-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}@media (max-width: 1024px){.dashboard-home{padding:var(--spacing-lg) var(--container-padding) var(--spacing-2xl)}.welcome-bar{flex-wrap:wrap;gap:var(--spacing-md)}.welcome-bar__center{order:3;width:100%;justify-content:center}.user-info-card{flex-direction:column;align-items:flex-start}.user-avatar-large{width:var(--touch-target-lg);height:var(--touch-target-lg);font-size:var(--font-size-h3)}.actions-grid,.stats-grid,.kpi-grid{gap:var(--spacing-md)}.action-card,.stat-card{padding:var(--spacing-lg)}}@media (max-width: 768px){.welcome-bar{flex-direction:column;align-items:flex-start;padding:var(--spacing-md)}.welcome-bar__left,.welcome-bar__center,.welcome-bar__right{width:100%}.welcome-bar__center{order:2;justify-content:flex-start}.welcome-bar__right{order:3;display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-sm)}.welcome-action-btn.primary{grid-column:1}.welcome-action-btn.secondary{grid-column:auto}.dashboard-two-col{grid-template-columns:1fr;gap:var(--spacing-md)}.quick-access-placeholder{min-height:300px}}@media (min-width: var(--container-full)){.welcome-section{padding:var(--spacing-3xl)}.welcome-title{font-size:var(--font-size-4xl)}.welcome-subtitle{font-size:var(--font-size-lg)}.user-info-card{padding:var(--spacing-2xl)}.actions-grid,.stats-grid,.kpi-grid{gap:var(--spacing-xl)}}.mini-sparkline{display:block;overflow:visible}.mini-sparkline path{transition:all var(--transition-base)}.mini-sparkline circle{transition:all var(--transition-base)}.trend-indicator{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:calc(var(--spacing-2xs) * 1.5) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;transition:all var(--transition-base)}.trend-indicator--positive{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success-overlay-medium)}.trend-indicator--negative{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error-overlay-medium)}.trend-indicator--neutral{background:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200)}.trend-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.trend-value{font-weight:var(--font-weight-bold);letter-spacing:-.01em}.trend-period{color:currentColor;opacity:.7;font-weight:var(--font-weight-medium)}.dashboard-kpi-card{position:relative;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:1px solid var(--color-border);box-shadow:0 1px 3px #00000014;transition:all var(--transition-base);overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-md)}.dashboard-kpi-card.clickable{cursor:pointer}.dashboard-kpi-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:var(--color-primary)}.dashboard-kpi-card.loading{pointer-events:none;opacity:.6}.kpi-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.kpi-card__title-row{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.kpi-card__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);border-radius:var(--radius-lg);flex-shrink:0}.dashboard-kpi-card--primary .kpi-card__icon{background:var(--gradient-icon-primary);color:var(--color-primary)}.dashboard-kpi-card--success .kpi-card__icon{background:var(--gradient-icon-success);color:var(--color-success-dark)}.dashboard-kpi-card--info .kpi-card__icon{background:var(--gradient-icon-info);color:var(--color-info-dark)}.dashboard-kpi-card--warning .kpi-card__icon{background:var(--color-warning-light);color:var(--color-warning-dark)}.kpi-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;line-height:var(--line-height-tight)}.kpi-card__value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight);letter-spacing:-.02em}.kpi-value-skeleton{width:80px;height:32px;background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.kpi-card__sparkline{display:flex;align-items:center;margin:var(--spacing-xs) 0}.kpi-card__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.kpi-card__hover-overlay{position:absolute;inset:0;background:var(--gradient-dashboard-card-hover);opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:0}.dashboard-kpi-card.clickable:hover .kpi-card__hover-overlay{opacity:1}.kpi-card__header,.kpi-card__value,.kpi-card__sparkline,.kpi-card__description{position:relative;z-index:1}@media (max-width: 768px){.dashboard-kpi-card{padding:var(--spacing-md)}.kpi-card__value{font-size:1.75rem}}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative}.activity-item.clickable{cursor:pointer}.activity-item.clickable:hover{background:var(--color-surface-hover)}.activity-item:after{content:"";position:absolute;left:calc(var(--spacing-md) + 12px);top:calc(var(--spacing-md) + 24px);bottom:calc(-1 * var(--spacing-md));width:2px;background:var(--color-border-light);z-index:0}.activity-item:last-child:after{display:none}.activity-item__icon{width:32px;height:32px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.activity-item__icon--primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.activity-item__icon--info{background:var(--color-info-light);color:var(--color-info-dark)}.activity-item__icon--success{background:var(--color-success-light);color:var(--color-success-dark)}.activity-item__icon--error{background:var(--color-error-light);color:var(--color-error-dark)}.activity-item__icon--neutral{background:var(--neutral-100);color:var(--neutral-600)}.activity-item__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2xs);min-width:0}.activity-item__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.activity-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight)}.activity-item__timestamp{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.activity-item__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.activity-item__user{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.activity-item__badge{display:inline-flex;align-items:center;padding:calc(var(--spacing-2xs) * 1.5) var(--spacing-xs);border-radius:var(--radius-sm);background:var(--neutral-100);color:var(--neutral-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.activity-feed{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #00000014;overflow:hidden;display:flex;flex-direction:column}.activity-feed__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-elevated)}.activity-feed__title-row{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text)}.activity-feed__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.activity-feed__view-all{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:transparent;color:var(--color-primary);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.activity-feed__view-all:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.activity-feed__content{padding:var(--spacing-md);display:flex;flex-direction:column;max-height:400px;overflow-y:auto}.activity-feed__content::-webkit-scrollbar{width:6px}.activity-feed__content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.activity-feed__content::-webkit-scrollbar-track{background:transparent}.activity-feed__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.activity-feed__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--neutral-400);margin-bottom:var(--spacing-md)}.activity-feed__empty-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:32ch}.activity-skeleton{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.activity-skeleton__icon{width:32px;height:32px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;flex-shrink:0}.activity-skeleton__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.activity-skeleton__line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.activity-skeleton__line--title{width:70%}.activity-skeleton__line--description{width:90%;height:10px}@media (max-width: 768px){.activity-feed__content{max-height:300px}}.quick-access-item{display:flex;align-items:stretch;gap:var(--spacing-xs);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid transparent}.quick-access-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}.quick-access-item__main{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-base);min-width:0}.quick-access-item__main:hover .quick-access-item__link-icon{opacity:1;transform:translate(2px)}.quick-access-item__icon{width:36px;height:36px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.quick-access-item__icon--document{background:var(--color-info-light);color:var(--color-info-dark)}.quick-access-item__icon--chatbot{background:var(--color-primary-light);color:var(--color-primary-dark)}.quick-access-item__content{flex:1;display:flex;flex-direction:column;gap:calc(var(--spacing-2xs) / 2);min-width:0}.quick-access-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-access-item__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-access-item__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.quick-access-item__link-icon{color:var(--color-text-secondary);flex-shrink:0;opacity:0;transition:all var(--transition-base)}.quick-access-item__pin{display:inline-flex;align-items:center;justify-content:center;width:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.quick-access-item__pin:hover{background:var(--neutral-100);color:var(--color-text)}.quick-access-item__pin.pinned{color:var(--color-warning)}.quick-access-item__pin.pinned:hover{background:var(--color-warning-light);color:var(--color-warning-dark)}.quick-access-item__pin svg{transition:transform var(--transition-base)}.quick-access-item__pin.pinned svg{fill:currentColor}.quick-access-panel{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #00000014;overflow:hidden;display:flex;flex-direction:column;height:100%}.quick-access-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-elevated)}.quick-access-panel__title-row{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text)}.quick-access-panel__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.quick-access-panel__content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;flex:1}.quick-access-panel__content::-webkit-scrollbar{width:6px}.quick-access-panel__content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.quick-access-panel__content::-webkit-scrollbar-track{background:transparent}.quick-access-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;flex:1}.quick-access-panel__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-warning-light);color:var(--color-warning);margin-bottom:var(--spacing-md)}.quick-access-panel__empty-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:28ch;line-height:var(--line-height-relaxed)}.quick-access-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quick-access-section__header{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.quick-access-section__items{display:flex;flex-direction:column;gap:var(--spacing-2xs)}@media (max-width: 768px){.quick-access-panel__content{padding:var(--spacing-sm)}}.insight-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-surface);transition:all var(--transition-base);position:relative}.insight-card:hover{box-shadow:0 2px 8px #00000014;border-color:var(--color-border)}.insight-card--priority-high{border-left:3px solid var(--color-warning)}.insight-card--priority-medium{border-left:3px solid var(--color-info)}.insight-card--priority-low{border-left:3px solid var(--neutral-300)}.insight-card__icon-wrapper{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center}.insight-card--success .insight-card__icon-wrapper{background:var(--color-success-light);color:var(--color-success-dark)}.insight-card--warning .insight-card__icon-wrapper{background:var(--color-warning-light);color:var(--color-warning-dark)}.insight-card--info .insight-card__icon-wrapper{background:var(--color-info-light);color:var(--color-info-dark)}.insight-card--tip .insight-card__icon-wrapper{background:var(--color-primary-light);color:var(--color-primary-dark)}.insight-card--alert .insight-card__icon-wrapper{background:var(--color-danger-light);color:var(--color-danger-dark)}.insight-card__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.insight-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.insight-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.insight-card__dismiss{flex-shrink:0;width:20px;height:20px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:all var(--transition-base);padding:0}.insight-card__dismiss:hover{background:var(--neutral-100);color:var(--color-text)}.insight-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.insight-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.insight-card__metric{display:flex;align-items:baseline;gap:var(--spacing-xs)}.insight-card__metric-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.insight-card__metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.insight-card__action{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.insight-card__action:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.insight-card__action:hover svg{transform:translate(2px)}.insight-card__action svg{transition:transform var(--transition-base)}@media (max-width: 640px){.insight-card{flex-direction:column}.insight-card__footer{flex-direction:column;align-items:flex-start}.insight-card__action{width:100%;justify-content:center}}.insights-panel{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #00000014;overflow:hidden;display:flex;flex-direction:column}.insights-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-elevated)}.insights-panel__title-row{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text)}.insights-panel__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.insights-panel__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-xs);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.insights-panel__content{padding:var(--spacing-md);display:flex;flex-direction:column}.insights-panel__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.insights-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.insights-panel__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);margin-bottom:var(--spacing-md)}.insights-panel__empty-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:32ch;line-height:var(--line-height-relaxed)}.insights-panel__skeleton{display:flex;flex-direction:column;gap:var(--spacing-md)}.insights-skeleton{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.insights-skeleton__icon{width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;flex-shrink:0}.insights-skeleton__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.insights-skeleton__line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.insights-skeleton__line--title{width:60%}.insights-skeleton__line--description{width:100%;height:10px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.insights-panel__content{padding:var(--spacing-sm)}}.tenant-management{position:relative;max-width:var(--container-full);margin:0 auto;padding:var(--spacing-xl) var(--container-padding) var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.tenant-management:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--color-primary-overlay-medium),transparent 55%),radial-gradient(circle at bottom left,var(--color-accent-overlay-light),transparent 50%);pointer-events:none;z-index:-1}.tenant-management__hero{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);background:var(--gradient-hero-tenant);color:var(--color-text-inverse);box-shadow:0 var(--spacing-2xl) var(--spacing-3xl) var(--color-primary-overlay-light);overflow:hidden}.tenant-management__hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,var(--color-surface-overlay-strong),transparent 60%),radial-gradient(circle at 82% 12%,var(--glass-border-subtle),transparent 55%);pointer-events:none;mix-blend-mode:screen}.tenant-management__hero-content{position:relative;z-index:1;max-width:var(--modal-width-lg)}.tenant-management__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:calc(.3 * var(--spacing-xs)) .85rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-border);color:var(--color-surface-bright);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.tenant-management__title{margin:0 0 var(--spacing-sm);font-size:clamp(2.2rem,2.4vw + 1rem,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.tenant-management__subtitle{margin:0;font-size:clamp(1rem,.8vw + .85rem,1.1rem);line-height:var(--line-height-relaxed);opacity:.92}.tenant-management__hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;justify-content:flex-end}.tenant-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base);min-height:var(--touch-target);color:inherit;background:transparent}.tenant-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8}.tenant-btn--primary{background:var(--gradient-glass-panel);border-color:var(--backdrop-subtle);color:var(--color-text-inverse);box-shadow:inset 0 1px 0 var(--glass-border-strong)}.tenant-btn--primary:hover{transform:translateY(-1px);box-shadow:0 var(--spacing-xs) calc(3 * var(--spacing-3xs)) var(--shadow-color-md);background:var(--color-surface-overlay-medium)}.tenant-btn--ghost{background:var(--shadow-color-xs);border-color:var(--backdrop-subtle);color:var(--color-text-inverse)}.tenant-btn--ghost:hover{transform:translateY(-1px);background:var(--shadow-color-sm);box-shadow:0 var(--spacing-xs) calc(2 * var(--spacing-xs)) var(--shadow-color-md)}.tenant-alert{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--shadow-color-xs);animation:alertSlideIn .25s ease-out}.tenant-alert__icon{width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.tenant-alert__icon svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.tenant-alert__content{display:flex;flex-direction:column;gap:var(--spacing-2xs);color:var(--color-text)}.tenant-alert__content strong{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.12em}.tenant-alert__content span{font-size:var(--font-size-body);color:var(--color-text-secondary)}.tenant-alert__dismiss{margin-left:auto;background:none;border:none;color:inherit;font-size:1.35rem;line-height:1;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.tenant-alert__dismiss:hover{background:var(--color-border-light)}.tenant-alert--success{background:var(--gradient-alert-success);border-color:var(--color-success-overlay-strong)}.tenant-alert--success .tenant-alert__icon{background:var(--gradient-alert-success-icon);color:var(--color-teal)}.tenant-alert--error{background:var(--gradient-alert-error);border-color:var(--color-error-overlay-strong)}.tenant-alert--error .tenant-alert__icon{background:var(--gradient-alert-error-icon);color:var(--color-error-dark)}.tenant-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--spacing-lg)}.tenant-summary-card{position:relative;padding:var(--spacing-lg);border-radius:var(--radius-xl);background:var(--color-surface-overlay-strong);border:1px solid var(--glass-border-strong);box-shadow:0 calc(2 * var(--spacing-xs)) var(--spacing-2xl) var(--shadow-color-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:var(--spacing-sm)}.tenant-summary-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--color-accent-overlay-light),transparent 60%);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.tenant-summary-card:hover:before{opacity:1}.tenant-summary-card__icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 var(--glass-border-strong)}.tenant-summary-card__icon svg{width:var(--icon-size-md);height:var(--icon-size-md);stroke-width:1.8}.tenant-summary-card__label{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary)}.tenant-summary-card__value{font-size:1.9rem;font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}.tenant-summary-card__description{font-size:var(--font-size-small);color:var(--color-text-secondary)}.tenant-summary-card[data-accent=primary] .tenant-summary-card__icon{background:var(--gradient-card-primary-soft);color:var(--color-primary-hover)}.tenant-summary-card[data-accent=info] .tenant-summary-card__icon{background:var(--gradient-alert-info);color:var(--color-info-dark)}.tenant-summary-card[data-accent=violet] .tenant-summary-card__icon{background:var(--color-accent-overlay-light);color:var(--color-accent-dark)}.tenant-summary-card[data-accent=success] .tenant-summary-card__icon{background:var(--color-success-overlay-light);color:var(--color-teal-dark)}.tenant-table-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-2xl);border:1px solid var(--glass-border-strong);background:var(--color-surface-overlay-strong);box-shadow:0 calc(3 * var(--spacing-3xs)) var(--spacing-3xl) var(--shadow-color-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tenant-table-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.tenant-table-card__header h2{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tenant-table-card__subtitle{margin:0;font-size:var(--font-size-small);color:var(--color-text-secondary)}.tenant-table-card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.tenant-table-card__body{position:relative;overflow-x:auto;border-radius:var(--radius-xl)}.tenants-table{width:100%;min-width:var(--modal-width-xl);border-collapse:collapse}.tenants-table thead th{padding:var(--spacing-md);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-align:left;color:var(--color-text);background:var(--gradient-panel-neutral);border-bottom:1px solid var(--color-border-light);text-transform:uppercase;letter-spacing:.08em}.tenants-table tbody tr{transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.tenants-table tbody tr:hover{transform:translateY(-2px);box-shadow:0 var(--spacing-xs) calc(3 * var(--spacing-3xs)) var(--color-border-light);background:var(--color-border-subtle)}.tenants-table td{padding:var(--spacing-md);border-bottom:1px solid var(--neutral-200);vertical-align:top;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.company-info,.contact-info{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.company-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text)}.company-slug,.company-domain,.contact-email,.contact-name,.contact-phone{font-size:var(--font-size-small);color:var(--color-text-secondary)}.plan-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:calc(.3 * var(--spacing-xs)) .8rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-inverse);box-shadow:inset 0 1px 0 var(--color-surface-overlay-strong)}.plan-basic{background:var(--gradient-button-primary-strong)}.plan-pro{background:var(--gradient-card-info-strong)}.plan-enterprise{background:var(--gradient-card-accent)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:calc(.3 * var(--spacing-xs)) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.status-active{background:var(--color-info-overlay-light);color:var(--color-info-dark);border:1px solid var(--color-info-overlay-medium)}.status-inactive{background:var(--neutral-100);color:var(--color-text-secondary);border:1px solid var(--color-border-muted)}.usage-cell{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.usage-value{font-weight:var(--font-weight-semibold);color:var(--color-text)}.usage-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.usage-over{color:var(--color-error-dark)}.usage-placeholder{color:var(--color-text-muted);font-size:var(--font-size-sm)}.action-buttons{display:inline-flex;gap:8px;align-items:center}.tenants-table .action-buttons .btn-icon.tenant-action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;padding:0;overflow:visible}.tenants-table .action-buttons .btn-icon.tenant-action-btn svg{width:16px;height:16px;min-width:16px;min-height:16px;stroke:#fff;color:#fff;stroke-width:2}.tenants-table .action-buttons .btn-icon.tenant-action-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.tenants-table .action-buttons .btn-icon.tenant-action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.tenant-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);border-radius:var(--radius-xl);background:var(--color-surface-overlay-medium);border:1px dashed var(--color-border-medium);text-align:center}.tenant-empty-state__icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-card-primary-soft);color:var(--color-primary-hover);box-shadow:inset 0 1px 0 var(--glass-border)}.tenant-empty-state__icon svg{width:var(--icon-size-xl);height:var(--icon-size-xl);stroke-width:1.8}.tenant-empty-state h3{margin:0;font-size:var(--font-size-h3);color:var(--color-text)}.tenant-empty-state p{margin:0;color:var(--color-text-secondary);max-width:var(--modal-width-sm)}.tenant-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) 0;color:var(--color-text-secondary)}.tenant-loading__spinner{width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:var(--radius-full);border:3px solid var(--color-border-muted);border-top-color:var(--color-primary);animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:var(--backdrop-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:var(--z-modal);animation:modalBackdropFadeIn .2s ease-out}.modal{width:min(720px,100%);max-height:calc(100vh - 3rem);display:flex;flex-direction:column;border-radius:var(--radius-2xl);background:var(--color-surface-bright);border:1px solid var(--glass-border-strong);box-shadow:0 calc(3 * var(--spacing-3xs)) var(--spacing-3xl) var(--shadow-color-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;animation:modalSlideIn .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-md);border-bottom:1px solid var(--neutral-200)}.modal-header h2{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal-close{background:none;border:none;font-size:1.75rem;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background:var(--color-border-light);color:var(--color-text)}.tenant-form{padding:var(--spacing-xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-group input,.form-group select{padding:var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--neutral-300);background:var(--backdrop-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--font-size-small);font-family:var(--font-family-primary);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);min-height:var(--touch-target)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-overlay-strong);box-shadow:var(--shadow-focus);background:var(--color-surface)}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-sm);border-top:1px solid var(--neutral-200);padding-top:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);min-height:var(--touch-target)}.btn-primary{background:var(--gradient-button-primary-strong);color:var(--color-text-inverse);box-shadow:0 var(--spacing-3xs) var(--spacing-xl) var(--color-primary-overlay-strong)}.btn-secondary{background:var(--shadow-color-xs);color:var(--color-text);border:1px solid var(--neutral-300)}.btn-secondary:hover{transform:translateY(-1px);background:var(--shadow-color-sm);box-shadow:0 var(--spacing-3xs) calc(2 * var(--spacing-xs)) var(--shadow-color-xs)}.btn-warning{background:var(--gradient-card-warning-strong);color:var(--color-text-inverse);box-shadow:0 var(--spacing-3xs) calc(2 * var(--spacing-xs)) var(--color-warning-overlay-light)}.btn-warning:hover{transform:translateY(-1px);box-shadow:0 var(--spacing-xs) calc(3 * var(--spacing-3xs)) var(--color-warning-overlay-medium)}.spin-icon{animation:spin .9s linear infinite}.password-reset-section{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:var(--color-primary-overlay-light);border:1px solid var(--color-primary-overlay-light)}.password-reset-section h3{margin:0;font-size:var(--font-size-h4);color:var(--color-text)}.password-reset-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tenant-info{display:grid;gap:var(--spacing-2xs);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--neutral-100);border:1px solid var(--neutral-200)}.password-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-reset-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.option-group{display:flex;flex-direction:column;gap:var(--spacing-3xs);font-size:var(--font-size-small);color:var(--color-text)}.option-group label{display:flex;gap:var(--spacing-xs);align-items:center;cursor:pointer}.option-group input{accent-color:var(--color-primary)}.option-help{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.credentials-modal .modal-header h2{font-size:var(--font-size-h3)}.credentials-content{padding:0 var(--spacing-xl) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.credentials-warning{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--gradient-alert-warning);border:1px solid var(--color-warning-overlay-medium);color:var(--color-warning-darker)}.credentials-warning svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8;flex-shrink:0}.warning-icon{font-size:1.5rem}.credentials-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.credential-item label{font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.credential-value{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-mono, "SFMono-Regular", Consolas, monospace);font-size:var(--font-size-small)}.credential-value code{padding:calc(.4 * var(--spacing-xs)) var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-border-light);border:1px solid var(--color-border-light)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-sm);height:var(--touch-target-sm);border-radius:var(--radius-full);border:1px solid var(--neutral-300);background:var(--color-border-light);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.copy-btn:hover{transform:translateY(-1px);border-color:var(--color-primary-overlay-medium);box-shadow:0 var(--spacing-3xs) calc(2 * var(--spacing-xs)) var(--shadow-color-sm)}.copy-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.credentials-actions{display:flex;justify-content:flex-end}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-error-overlay-medium);border:1px solid var(--color-error-overlay-medium);color:var(--color-error-dark)}.error-message svg{flex-shrink:0}.error-close{margin-left:auto;background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:var(--spacing-2xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.error-close:hover{background:var(--color-error-overlay-light)}.success-message{display:none}.modal-error{margin:0 var(--spacing-xl);background:var(--color-error-overlay-light);border:1px solid var(--color-error-overlay-medium);color:var(--color-error-dark);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md)}.modal-error .error-close{background:none;border:none;color:inherit;font-size:1.35rem;cursor:pointer;margin-left:auto}.empty-state,.loading-spinner,.success-message{display:none}@media (max-width: 1024px){.tenant-management{padding:var(--spacing-lg) var(--container-padding) var(--spacing-2xl)}.tenant-management__hero{flex-direction:column;align-items:stretch}.tenant-management__hero-actions{justify-content:flex-start}.tenant-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: var(--container-md)){.tenant-management__hero{padding:var(--spacing-xl)}.tenant-table-card{padding:var(--spacing-lg)}.tenant-btn{width:100%;justify-content:center}.tenant-table-card__actions{width:100%}.tenant-table-card__actions .tenant-btn{flex:1}.form-grid{grid-template-columns:1fr}}.toast{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);min-width:var(--container-xs);max-width:var(--modal-width-sm);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--spacing-xs);box-shadow:0 var(--spacing-xs) var(--spacing-xs) #10182826,0 0 0 1px var(--color-surface-elevated);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);z-index:10000;animation:slideInFromTop .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.toast-icon{font-size:1.25rem;flex-shrink:0}.toast-message{font-size:.95rem;font-weight:500;line-height:1.4}.toast-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.toast-undo-btn{background:var(--glass-border-strong);border:1px solid var(--backdrop-subtle);color:inherit;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-xs);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toast-undo-btn:hover{background:var(--backdrop-subtle);transform:scale(1.05)}.toast-undo-btn:active{transform:scale(.95)}.toast-close-btn{background:none;border:none;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:var(--icon-size-md);height:var(--icon-size-md);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.7}.toast-close-btn:hover{opacity:1;background:var(--shadow-color-sm)}.toast-success{background:var(--gradient-success);color:#fff}.toast-error{background:var(--gradient-danger);color:#fff}.toast-warning{background:var(--gradient-warning);color:var(--color-text)}.toast-info{background:var(--gradient-secondary);color:#fff}@media (max-width: var(--container-lg)){.toast{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm);min-width:unset;max-width:unset}}.toast:nth-child(2){top:90px}.toast:nth-child(3){top:var(--spacing-2xl)}.toast:nth-child(4){top:var(--spacing-3xl)}@media (prefers-color-scheme: dark){.toast{box-shadow:0 var(--spacing-xs) var(--spacing-xs) #1018284d,0 0 0 1px var(--glass-border)}.toast-warning{color:var(--color-text)}}.skeleton-wrapper{margin-bottom:var(--spacing-xs)}.skeleton{background:var(--gradient-divider-soft);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--spacing-xs)}.skeleton-text{height:var(--icon-size-sm);margin-bottom:var(--spacing-xs)}.skeleton-circle{border-radius:50%}.skeleton-button{height:var(--icon-size-xl);width:var(--container-3xs);border-radius:var(--spacing-xs)}.skeleton-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--spacing-xs);padding:var(--spacing-lg);box-shadow:0 1px 3px var(--shadow-color-sm)}.skeleton-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.skeleton-card-title{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-card-body{margin-bottom:var(--spacing-xs)}.skeleton-card-footer{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.skeleton-table{background:#fff;border:1px solid var(--color-border);border-radius:var(--spacing-xs);padding:var(--spacing-xs)}.skeleton-table-row{display:flex;gap:var(--spacing-xs);align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.skeleton-table-row:last-child{border-bottom:none}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,var(--backdrop-medium) 0%,var(--backdrop-medium) 50%,var(--backdrop-medium) 100%);background-size:200% 100%}.skeleton-card,.skeleton-table{background:var(--color-text);border-color:var(--backdrop-medium)}.skeleton-card-footer{border-top-color:var(--backdrop-medium)}.skeleton-table-row{border-bottom-color:var(--backdrop-medium)}}@media (max-width: var(--container-lg)){.skeleton-card{padding:var(--spacing-xs)}.skeleton-card-footer{flex-direction:column}.skeleton-button{width:100%}}.slideover-container{position:fixed;inset:0;z-index:var(--z-index-modal);overflow:hidden}.slideover-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}:root[data-theme=dark] .slideover-backdrop{background:#000000b3}.slideover-panel{position:fixed;right:0;top:0;bottom:0;height:100vh;background:var(--color-background);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}:root[data-theme=dark] .slideover-panel{background:var(--color-surface-elevated);box-shadow:-4px 0 24px #00000080}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.slideover-panel--sm{width:400px;max-width:90vw}.slideover-panel--md{width:500px;max-width:90vw}.slideover-panel--lg{width:640px;max-width:90vw}.slideover-panel--xl{width:800px;max-width:95vw}.slideover-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--color-border);flex-shrink:0}.slideover-header__text{flex:1;min-width:0;padding-right:16px}.slideover-title{font-size:20px;font-weight:600;line-height:1.4;color:var(--color-text);margin:0}.slideover-subtitle{font-size:14px;color:var(--color-text-secondary);margin:4px 0 0;line-height:1.5}@media (prefers-color-scheme: dark){.slideover-subtitle{color:var(--color-text)}}.slideover-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.slideover-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:6px;cursor:pointer;transition:all .2s}.slideover-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.slideover-close:active{transform:scale(.95)}.slideover-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:24px;color:var(--color-text)}.slideover-content label{color:var(--color-text-secondary)}.slideover-content input,.slideover-content select,.slideover-content textarea{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] .slideover-content input,:root[data-theme=dark] .slideover-content select,:root[data-theme=dark] .slideover-content textarea{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.slideover-footer{flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-surface);padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;box-shadow:0 -2px 8px #0000000d}.slideover-content::-webkit-scrollbar{width:8px}.slideover-content::-webkit-scrollbar-track{background:transparent}.slideover-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.slideover-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}@media (max-width: 640px){.slideover-panel--sm,.slideover-panel--md,.slideover-panel--lg,.slideover-panel--xl{width:100vw;max-width:100vw}.slideover-header,.slideover-content,.slideover-footer{padding:16px}.slideover-title{font-size:18px}}@media (prefers-reduced-motion: reduce){.slideover-backdrop,.slideover-panel{animation:none}}.slideover-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.wizard-overlay{position:fixed;inset:0;background:var(--backdrop-medium);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.wizard-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 var(--spacing-lg) var(--spacing-4xl) #1018284d;max-width:var(--container-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wizard-header{padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.wizard-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.wizard-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-xs);transition:all .2s}.wizard-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.wizard-close:disabled{opacity:.5;cursor:not-allowed}.wizard-steps{display:flex;padding:var(--spacing-2xl);border-bottom:1px solid var(--color-border);gap:var(--spacing-lg)}.wizard-step{flex:1;display:flex;align-items:flex-start;gap:var(--spacing-sm);position:relative}.wizard-step:after{content:"";position:absolute;top:var(--spacing-lg);left:calc(100% + var(--spacing-xs));width:calc(100% - var(--spacing-4xl));height:var(--divider-medium);background:var(--color-border);transition:background .3s}.wizard-step:last-child:after{display:none}.wizard-step.completed:after{background:var(--color-success)}.step-number{width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:50%;background:var(--neutral-100);color:var(--neutral-600);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);flex-shrink:0;transition:all .3s}.wizard-step.active .step-number{background:var(--color-primary);color:#fff;box-shadow:0 0 0 var(--spacing-2xs) #0066cc1a}.wizard-step.completed .step-number{background:var(--color-success);color:#fff}.step-info{flex:1}.step-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-2xs)}.wizard-step.active .step-title{color:var(--color-primary)}.step-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.wizard-body{flex:1;overflow-y:auto;padding:var(--spacing-2xl)}.wizard-content{max-width:var(--modal-width-lg);margin:0 auto}.step-header{margin-bottom:var(--spacing-2xl);text-align:center}.step-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.step-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.preselection-hint{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--neutral-900);font-size:var(--font-size-sm);line-height:1.5;box-shadow:inset 0 0 0 1px var(--color-primary-overlay-light)}.document-selection-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.select-all-btn{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:all .2s}.select-all-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.selection-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.document-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.document-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s}.document-card:hover{border-color:var(--color-primary);box-shadow:0 var(--spacing-xs) var(--spacing-xs) #0066cc1a;transform:translateY(-2px)}.document-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 var(--spacing-xs) var(--spacing-xs) #0066cc26}.document-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.document-icon{font-size:var(--font-size-4xl)}.document-checkbox{width:var(--icon-size-base);height:var(--icon-size-base);cursor:pointer}.document-card-body{flex:1}.document-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-xs) 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.document-meta{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.document-size,.document-date{display:flex;align-items:center}.recommendation-banner{background:linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.recommendation-icon{font-size:var(--font-size-2xl);flex-shrink:0}.recommendation-text{font-size:var(--font-size-sm);color:var(--color-warning-dark);line-height:1.5}.recommendation-text strong{font-weight:var(--font-weight-semibold)}.chatbot-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.wizard-content .chatbot-selection-grid .chatbot-card{background:var(--color-surface)!important;border:2px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:var(--spacing-sm)!important;cursor:pointer;transition:all .2s ease;position:relative;min-height:auto!important;height:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.wizard-content .chatbot-selection-grid .chatbot-card:hover{border-color:var(--color-primary)!important;box-shadow:0 var(--spacing-xs) var(--spacing-xs) #0066cc1a!important;transform:translateY(-2px)!important;background:var(--color-surface)!important}.wizard-content .chatbot-selection-grid .chatbot-card.selected{border-color:var(--color-primary)!important;background:var(--color-primary-light)!important;box-shadow:0 var(--spacing-xs) var(--spacing-xs) #0066cc26!important}.wizard-content .chatbot-selection-grid .chatbot-card.recommended{border-color:var(--color-warning)!important}.recommended-badge{position:absolute;top:calc(-1 * var(--spacing-xs));right:var(--spacing-md);background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%);color:#fff;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.chatbot-card-header{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.chatbot-card-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--neutral-800);margin:0;line-height:1.3;word-wrap:break-word;min-height:var(--spacing-lg)}.environment-badge{display:inline-block;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-lg);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.environment-badge.production{background:var(--color-primary-light);color:var(--color-primary-dark)}.environment-badge.staging{background:var(--color-warning-light);color:var(--color-warning-dark)}.chatbot-card-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.chatbot-stat{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.stat-label{color:var(--neutral-600)}.stat-value{font-weight:var(--font-weight-semibold);color:var(--neutral-800)}.stat-value.highlight{color:var(--color-primary)}.review-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);align-items:start}.review-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.review-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.review-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);max-height:var(--container-xs);overflow-y:auto}.review-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.review-icon{font-size:var(--font-size-xl);flex-shrink:0}.review-name{flex:1;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-size{color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-shrink:0}.review-summary{padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--neutral-700)}.review-chatbot{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-lg)}.review-chatbot-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--neutral-800);text-align:center}.impact-preview{background:var(--color-primary-light);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.impact-preview h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin:0 0 var(--spacing-md) 0}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.impact-stat{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.impact-label{font-size:var(--font-size-xs);color:var(--color-primary-dark);font-weight:var(--font-weight-medium)}.impact-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.impact-value.production{color:var(--color-primary-dark)}.impact-value.staging{color:var(--color-warning-dark)}.confirmation-note{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.note-icon{font-size:var(--font-size-xl);flex-shrink:0;color:var(--color-warning)}.confirmation-note p{margin:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}@media (prefers-color-scheme: dark){.confirmation-note{background:rgba(var(--warning-rgb),.18);border-color:rgba(var(--warning-rgb),.5)}.confirmation-note p{color:var(--color-text)}}.empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-lg);color:var(--neutral-600)}.empty-state p{margin:0;font-size:var(--font-size-sm)}.wizard-footer{padding:var(--spacing-lg) var(--spacing-2xl);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border-radius:0 0 var(--radius-md) var(--radius-md)}.wizard-footer-right{display:flex;gap:var(--spacing-sm)}.wizard-btn{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;border:none}.wizard-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.wizard-btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.wizard-btn-primary{background:var(--color-primary);color:#fff}.wizard-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 var(--spacing-xs) var(--spacing-xs) #0066cc4d}.wizard-btn-success{background:var(--gradient-success);color:#fff}.wizard-btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);box-shadow:0 var(--spacing-xs) var(--spacing-xs) #10b9814d}@media (max-width: var(--container-lg)){.wizard-container{max-height:95vh;margin:var(--spacing-sm)}.wizard-steps{flex-direction:column;padding:var(--spacing-lg)}.wizard-step:after{display:none}.document-cards-grid,.chatbot-selection-grid,.review-section{grid-template-columns:1fr}.review-arrow{transform:rotate(90deg);justify-self:center}.impact-stats{grid-template-columns:1fr}.wizard-footer{flex-direction:column;gap:var(--spacing-sm)}.wizard-footer-right{width:100%}.wizard-btn{flex:1}}.document-preview-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.document-preview-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90vw;max-width:1200px;height:90vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.preview-modal-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827}.preview-modal-actions{display:flex;align-items:center;gap:12px}.preview-download-btn,.preview-download-btn-large{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.preview-download-btn:hover,.preview-download-btn-large:hover{background:#2563eb}.preview-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;color:#6b7280;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.preview-close-btn:hover{background:#f3f4f6;color:#374151}.preview-document-info{padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.preview-file-details{display:flex;align-items:center;gap:12px}.preview-filename{font-size:16px;font-weight:500;color:#111827;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-file-meta{font-size:14px;color:#6b7280;white-space:nowrap}.preview-content-area{flex:1;overflow:hidden;position:relative}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#6b7280}.spinning{animation:spin 1s linear infinite}.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#dc2626;text-align:center;padding:20px}.preview-error p{margin:0;font-size:16px}.preview-pdf-iframe{width:100%;height:100%;border:none;background:#f8f9fa}.preview-text-content{width:100%;height:100%;margin:0;padding:20px;background:#f8f9fa;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;overflow:auto;border:none;outline:none}.preview-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;color:#6b7280;text-align:center;padding:40px}.preview-unsupported h3{margin:0;font-size:24px;font-weight:600;color:#374151}.preview-unsupported p{margin:0;font-size:16px}.preview-download-btn-large{padding:12px 24px;font-size:16px;font-weight:600}@media (max-width: 768px){.document-preview-modal-overlay{padding:10px}.document-preview-modal{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.preview-modal-header{padding:16px 20px}.preview-modal-title{font-size:16px}.preview-document-info{padding:12px 20px}.preview-text-content{padding:16px;font-size:13px}.preview-unsupported{padding:20px}.preview-unsupported h3{font-size:20px}}@media (prefers-color-scheme: dark){.document-preview-modal{background:#1f2937;color:#f9fafb}.preview-modal-header{background:#111827;border-bottom-color:#374151}.preview-modal-title{color:#f9fafb}.preview-document-info{background:#111827;border-bottom-color:#374151}.preview-filename{color:#f9fafb}.preview-file-meta{color:#9ca3af}.preview-pdf-iframe{background:#111827}.preview-text-content{background:#111827;color:#e5e7eb}.preview-unsupported{color:#9ca3af}.preview-unsupported h3{color:#e5e7eb}.preview-error{color:#f87171}}:root[data-theme=dark] .document-preview-modal{background:var(--color-surface-elevated);color:var(--color-text)}:root[data-theme=dark] .preview-modal-header,:root[data-theme=dark] .preview-document-info{background:var(--color-surface);border-bottom-color:var(--color-border)}:root[data-theme=dark] .preview-modal-title,:root[data-theme=dark] .preview-filename{color:var(--color-text)}:root[data-theme=dark] .preview-file-meta{color:var(--color-text-secondary)}:root[data-theme=dark] .preview-content-area{background:var(--color-background)}:root[data-theme=dark] .preview-pdf-iframe{background:var(--color-background)}:root[data-theme=dark] .preview-text-content{background:var(--color-background);color:var(--color-text)}:root[data-theme=dark] .preview-unsupported{color:var(--color-text-secondary)}:root[data-theme=dark] .preview-unsupported h3{color:var(--color-text)}.documents-page{max-width:var(--container-3xl);margin:0 auto;padding:var(--spacing-xl);min-height:100vh;display:flex;flex-direction:column;gap:var(--spacing-3xl)}.documents-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--spacing-2xl);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);background:radial-gradient(circle at 12% 18%,rgba(var(--primary-rgb),.18),transparent 55%),radial-gradient(circle at 80% 12%,rgba(var(--accent-pink-rgb),.18),transparent 55%),linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--accent-pink-rgb),.12));border:1px solid rgba(var(--primary-rgb),.18);box-shadow:var(--shadow-xl);color:var(--color-text)}.documents-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.28),transparent 65%);pointer-events:none}.documents-hero__primary{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.documents-hero__header{display:flex;align-items:center;gap:var(--spacing-md)}.documents-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.18);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;width:-moz-fit-content;width:fit-content}.documents-hero__primary h1{margin:0;font-size:clamp(2.25rem,2rem + 1vw,2.8rem);font-weight:var(--font-weight-bold);line-height:1.1}.documents-hero__primary p{margin:0;font-size:var(--font-size-lg);color:rgba(var(--neutral-800),.85);max-width:640px;line-height:var(--line-height-relaxed)}.documents-hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.documents-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);min-height:var(--touch-target-min);background:transparent;color:var(--color-text)}.documents-button svg{width:1rem;height:1rem}.documents-button--primary{background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);border-color:rgba(var(--primary-rgb),.28);box-shadow:0 12px 28px rgba(var(--primary-rgb),.25)}.documents-button--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.documents-button--ghost{border-color:rgba(var(--primary-rgb),.16);color:var(--color-primary)}.documents-button--ghost:hover{background:rgba(var(--primary-rgb),.12);color:var(--color-primary-dark)}.documents-hero__stats{position:relative;z-index:1;display:grid;gap:var(--spacing-lg);align-content:start}.documents-stat-card{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(var(--primary-rgb),.2);box-shadow:var(--shadow-md)}.documents-stat-card__icon{width:44px;height:44px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.14);color:var(--color-primary)}.documents-stat-card__value{display:block;font-size:1.9rem;font-weight:var(--font-weight-semibold);line-height:1.1}.documents-stat-card__label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--neutral-700),.75);margin-bottom:var(--spacing-2xs)}.documents-stat-card p{margin:0;font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.78)}.documents-dropzone{border:2px dashed rgba(var(--primary-rgb),.25);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);text-align:center;background:#ffffffe6;box-shadow:var(--shadow-lg);transition:var(--transition-all)}.documents-dropzone:hover{border-color:var(--color-primary);background:rgba(var(--primary-rgb),.08)}.documents-dropzone.is-active{border-color:var(--color-primary);background:rgba(var(--primary-rgb),.12);transform:scale(1.01)}.documents-dropzone__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.documents-dropzone__icon{color:var(--color-primary)}.documents-dropzone__content h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.documents-dropzone__content p{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.documents-file-input{display:none}.upload-progress-container{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.upload-progress-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upload-info{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.upload-filename{font-weight:var(--font-weight-semibold);color:var(--color-text)}.upload-status-text{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.upload-dismiss-btn{border:none;background:transparent;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-2xs);border-radius:var(--radius-full);transition:var(--transition-all)}.upload-dismiss-btn:hover{color:var(--color-error, #E94B3C);background:rgba(var(--error-rgb, 233, 75, 60),.12)}.upload-progress-bar{width:100%;height:6px;border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.1);overflow:hidden}.upload-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.upload-progress-fill.uploading,.upload-progress-fill.processing{background:var(--color-primary)}.upload-progress-fill.completed{background:var(--color-success, #12b76a)}.upload-progress-fill.error{background:var(--color-error, #E94B3C)}.documents-command-bar{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-2xl);background:#ffffffeb;border:1px solid rgba(var(--primary-rgb),.15);box-shadow:0 18px 38px #0f172a1f}:root[data-theme=dark] .documents-command-bar{background:var(--color-surface-elevated);border-color:var(--color-border);box-shadow:var(--shadow-md)}.documents-command-bar__row{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.documents-command-bar__nav{flex:0 0 auto}.documents-command-bar__row .documents-command-bar__search{flex:1 1 380px}@media (max-width: 520px){.documents-command-bar__nav .documents-button--link .button-label{display:none}}.documents-command-bar__search{position:relative;display:flex;align-items:center;border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.18);background:#fffffff5;padding:0 var(--spacing-md);box-shadow:inset 0 0 0 1px #ffffff59}:root[data-theme=dark] .documents-command-bar__search{background:var(--color-surface);border-color:var(--color-border);box-shadow:inset 0 0 0 1px #ffffff0f}.documents-command-bar__icon{color:rgba(var(--neutral-600),.7);margin-right:var(--spacing-sm)}:root[data-theme=dark] .documents-command-bar__icon,:root[data-theme=dark] .documents-command-bar__clear-input{color:#cbd5e1b3}.documents-command-bar__search input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text);padding:var(--spacing-sm) 0}:root[data-theme=dark] .documents-command-bar__search input::-moz-placeholder{color:var(--color-text-muted)}:root[data-theme=dark] .documents-command-bar__search input::placeholder{color:var(--color-text-muted)}.documents-command-bar__search input:focus{outline:none}.documents-command-bar__clear-input{background:transparent;border:none;color:rgba(var(--neutral-600),.7);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-2xs);border-radius:var(--radius-full);transition:var(--transition-all)}.documents-command-bar__clear-input:hover{color:var(--color-primary);background:rgba(var(--primary-rgb),.12)}:root[data-theme=dark] .slideover-content .bg-gray-50,:root[data-theme=dark] .slideover-content .bg-white{background:var(--color-surface)!important}:root[data-theme=dark] .slideover-content .border-gray-200,:root[data-theme=dark] .slideover-content .border-gray-300,:root[data-theme=dark] .slideover-content .border-gray-700{border-color:var(--color-border)!important}:root[data-theme=dark] .slideover-content .text-gray-900{color:var(--color-text)!important}:root[data-theme=dark] .slideover-content .text-gray-600,:root[data-theme=dark] .slideover-content .text-gray-500,:root[data-theme=dark] .slideover-content .text-gray-400{color:var(--color-text-secondary)!important}.documents-command-bar__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:center;justify-content:space-between}.documents-filter{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:rgba(var(--primary-rgb),.06);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-full)}.documents-filter__label{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--neutral-700),.7)}.documents-filter select{border:none;background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full)}.documents-filter select:focus{outline:none;background:rgba(var(--primary-rgb),.08)}.documents-command-bar__view{display:inline-flex;gap:var(--spacing-xs);background:rgba(var(--primary-rgb),.06);padding:var(--spacing-2xs);border-radius:var(--radius-full)}.documents-command-bar__view-btn{border:none;background:transparent;color:rgba(var(--neutral-600),.75);padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all)}.documents-command-bar__view-btn.is-active{background:var(--color-surface);color:var(--color-primary-dark);box-shadow:0 2px 6px rgba(var(--primary-rgb),.2)}.documents-command-bar__meta{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.documents-command-bar__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:rgba(var(--neutral-700),.85);padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.12)}.documents-command-bar__clear{border:none;background:transparent;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--spacing-2xs);cursor:pointer;padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);transition:var(--transition-all)}.documents-command-bar__clear:hover{background:rgba(var(--primary-rgb),.12)}.documents-selection-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.18);box-shadow:var(--shadow-md)}.documents-selection-bar__info{display:inline-flex;align-items:baseline;gap:var(--spacing-xs);color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.documents-selection-bar__count{font-size:var(--font-size-xl)}.documents-selection-bar__text{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.documents-selection-bar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.documents-selection-bar__environment{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:rgba(var(--primary-rgb),.1);padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.documents-selection-bar__environment select{border:none;background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.documents-selection-bar__environment select:focus{outline:none}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.documents-list{display:grid;gap:var(--spacing-md)}.document-card{position:relative;padding:var(--spacing-xl);border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.16);background:linear-gradient(150deg,#fffffff2,rgba(var(--primary-rgb),.08));box-shadow:0 24px 48px #0f172a24;display:flex;flex-direction:column;gap:var(--spacing-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.document-card:hover{transform:translateY(-4px);box-shadow:0 32px 60px #0f172a2e}.document-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2),0 32px 60px #0f172a2e}.card-header{display:flex;align-items:center;gap:var(--spacing-lg)}.card-checkbox{width:18px;height:18px;border-radius:var(--radius-sm);border:2px solid rgba(var(--primary-rgb),.3)}.file-icon-large{width:56px;height:56px;border-radius:var(--radius-xl);display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.12);color:var(--color-primary)}.card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);word-break:break-word}.document-meta,.document-stats{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.meta-separator{color:rgba(var(--neutral-500),.6)}.status-row{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.status-processed{background:rgba(var(--success-rgb),.18);color:var(--color-success, #12b76a)}.status-processing{background:rgba(var(--primary-rgb),.14);color:var(--color-primary-dark)}.status-failed{background:rgba(var(--error-rgb),.16);color:var(--color-error, #E94B3C)}.assignments-info{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.assignment-badge{padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.12);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.env-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.env-badge.staging{background:#3b82f62e;color:#0b4ecb}.env-badge.production{background:rgba(var(--success-rgb),.18);color:var(--color-success, #12b76a)}.manage-assignments-btn{border:none;background:transparent;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);transition:var(--transition-all)}.manage-assignments-btn:hover{background:rgba(var(--primary-rgb),.12)}.card-actions{display:flex;justify-content:flex-end}.action-icon-btn{border:none;background:transparent;color:rgba(var(--neutral-600),.8);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);transition:var(--transition-all)}.action-icon-btn:hover{color:var(--color-error, #E94B3C);background:rgba(var(--error-rgb),.12)}.empty-icon{color:var(--color-primary)}.empty-state h3{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.modal-content{background:var(--color-surface);border-radius:var(--radius-2xl);width:100%;max-width:640px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-2xl);border:1px solid rgba(var(--primary-rgb),.16);display:flex;flex-direction:column}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.modal-close{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full)}.modal-close:hover{color:var(--color-primary);background:rgba(var(--primary-rgb),.12)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.assignment-document-info{display:flex;gap:var(--spacing-md);align-items:center;background:rgba(var(--primary-rgb),.08);border-radius:var(--radius-xl);padding:var(--spacing-md)}.assignment-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.assignment-section h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.assignment-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.assignment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-lg);background:rgba(var(--primary-rgb),.06)}.assignment-info{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.chatbot-name{font-weight:var(--font-weight-semibold);color:var(--color-text);display:inline-flex;align-items:center;gap:var(--spacing-2xs)}.assignment-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.unassign-btn{border:none;background:transparent;color:rgba(var(--error-rgb),.8);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);transition:var(--transition-all)}.unassign-btn:hover{background:rgba(var(--error-rgb),.12)}.empty-assignments{text-align:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.text-muted{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}:root[data-theme=dark] .documents-page{background:var(--color-background)}:root[data-theme=dark] .documents-hero{background:radial-gradient(circle at 12% 20%,rgba(var(--primary-rgb),.22),transparent 55%),radial-gradient(circle at 80% 12%,rgba(var(--accent-pink-rgb),.2),transparent 55%),linear-gradient(135deg,#22304ed9,#121c30eb);border-color:rgba(var(--primary-rgb),.35)}:root[data-theme=dark] .documents-hero:after{background:linear-gradient(140deg,rgba(148,163,184,.12),transparent 60%)}:root[data-theme=dark] .documents-stat-card{background:var(--glass-background);border-color:rgba(var(--primary-rgb),.3)}:root[data-theme=dark] .documents-stat-card__icon{background:rgba(var(--primary-rgb),.28);color:var(--color-text-inverse)}:root[data-theme=dark] .documents-dropzone{background:var(--glass-background);border-color:rgba(var(--primary-rgb),.32);box-shadow:var(--shadow-lg)}:root[data-theme=dark] .documents-dropzone.is-active{background:#203050f2;border-color:rgba(var(--primary-rgb),.45)}:root[data-theme=dark] .upload-progress-container{background:var(--color-surface);box-shadow:var(--shadow-lg)}:root[data-theme=dark] .documents-command-bar{background:var(--glass-background);border-color:#2b3a5c99}:root[data-theme=dark] .documents-command-bar__search{border-color:rgba(var(--primary-rgb),.28);background:#172033f2}:root[data-theme=dark] .documents-filter{background:rgba(var(--primary-rgb),.18)}:root[data-theme=dark] .documents-command-bar__count{background:rgba(var(--primary-rgb),.18);color:var(--color-text)}:root[data-theme=dark] .documents-selection-bar{background:#172136eb;border-color:rgba(var(--primary-rgb),.3)}:root[data-theme=dark] .documents-selection-bar__environment{background:rgba(var(--primary-rgb),.2)}:root[data-theme=dark] .document-card{background:linear-gradient(150deg,#1c2840eb,#101828e0);border-color:rgba(var(--primary-rgb),.28);box-shadow:var(--shadow-xl)}:root[data-theme=dark] .document-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.32),var(--shadow-xl)}:root[data-theme=dark] .file-icon-large{background:rgba(var(--primary-rgb),.22);color:var(--color-text-inverse)}:root[data-theme=dark] .status-processed{background:rgba(var(--success-rgb),.22);color:var(--color-text)}:root[data-theme=dark] .status-processing{background:rgba(var(--primary-rgb),.26);color:var(--color-text)}:root[data-theme=dark] .status-failed{background:rgba(var(--error-rgb),.26);color:var(--color-text)}:root[data-theme=dark] .assignment-badge{background:rgba(var(--primary-rgb),.24);color:var(--color-text)}:root[data-theme=dark] .env-badge.staging{background:#60a5fa3d;color:#dbeafe}:root[data-theme=dark] .env-badge.production{background:rgba(var(--success-rgb),.28);color:#ccfbf1}:root[data-theme=dark] .manage-assignments-btn{color:var(--color-primary-hover)}:root[data-theme=dark] .documents-button--ghost{color:var(--color-primary-hover);border-color:rgba(var(--primary-rgb),.28)}:root[data-theme=dark] .documents-button--ghost:hover{background:rgba(var(--primary-rgb),.24);color:var(--color-text)}@media (max-width: 1180px){.documents-hero{grid-template-columns:1fr}.documents-hero__stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.documents-hero{padding:var(--spacing-xl)}.documents-hero__actions{flex-direction:column}.documents-command-bar{padding:var(--spacing-lg)}.documents-command-bar__filters{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.documents-selection-bar{flex-direction:column;align-items:flex-start}.document-card{padding:var(--spacing-lg)}.documents-grid{grid-template-columns:1fr}}.document-audit-log{padding:var(--spacing-xl);max-width:var(--container-full);margin:0 auto}.page-back-row{margin-bottom:var(--spacing-md)}.header-content h1{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--gradient-text-strong);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--letter-spacing-tight)}.header-content p{margin:0;color:var(--neutral-500);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.error-message{background:linear-gradient(135deg,var(--color-error-light) 0%,var(--color-error-light) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-error-overlay-medium);border-radius:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 var(--spacing-xs) var(--spacing-xs) -1px var(--color-error-overlay-light),0 var(--spacing-3xs) 4px -1px #ef44440f}.error-icon{display:flex;align-items:center;justify-content:center;color:var(--color-error-dark)}.error-close{background:none;border:none;cursor:pointer;color:var(--neutral-500);margin-left:auto;padding:var(--spacing-xs);border-radius:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.error-close:hover{background:var(--color-error-overlay-light);color:var(--color-error-dark)}.stats-overview{margin-bottom:var(--spacing-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.stat-card{position:relative;display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--gradient-glass-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--backdrop-subtle);border-radius:var(--spacing-xs);box-shadow:0 var(--spacing-sm) var(--spacing-xs) -3px var(--shadow-color-sm),0 var(--spacing-xs) var(--spacing-xs) -var(--spacing-3xs) var(--color-surface-elevated),inset 0 1px 0 0 var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--divider-thick);background:var(--gradient-primary-horizontal);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 var(--spacing-lg) calc(2 * var(--spacing-xs)) -5px var(--shadow-color-sm),0 var(--spacing-sm) 10px -5px var(--color-surface-elevated),inset 0 1px 0 0 var(--backdrop-light)}.stat-card:hover:before{opacity:1}.stat-icon-pod{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-button-primary-strong);color:#fff;flex-shrink:0;box-shadow:0 var(--spacing-xs) var(--spacing-xs) -1px #4f46e54d,0 var(--spacing-3xs) 4px -1px var(--color-primary-overlay-light);border:2px solid var(--glass-border-strong);transition:all .3s ease}.stat-card:hover .stat-icon-pod{transform:scale(1.1) rotate(5deg);box-shadow:0 var(--spacing-sm) var(--spacing-xs) -3px #4f46e566,0 var(--spacing-xs) var(--spacing-xs) -var(--spacing-3xs) #4f46e54d}.stat-content{flex:1}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--gradient-text-strong);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.stat-label{font-size:var(--font-size-sm);color:var(--neutral-500);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.filters-section{background:var(--gradient-glass-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--backdrop-subtle);border-radius:var(--spacing-xs);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 var(--spacing-sm) var(--spacing-xs) -3px var(--shadow-color-sm),0 var(--spacing-xs) var(--spacing-xs) -var(--spacing-3xs) var(--color-surface-elevated),inset 0 1px 0 0 var(--glass-border)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label{font-weight:var(--font-weight-semibold);color:var(--color-text-dark);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.filter-select{padding:var(--spacing-xs) var(--spacing-xs);border:1px solid var(--color-border-muted);border-radius:var(--spacing-xs);font-size:var(--font-size-base);background:var(--backdrop-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:var(--container-2xs);font-weight:var(--font-weight-medium);color:var(--color-text);transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px var(--color-primary-overlay-light),0 1px var(--spacing-3xs) 0 var(--color-surface-elevated);background:var(--backdrop-strong)}.filter-actions{display:flex;gap:var(--spacing-md)}.activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-section{background:var(--gradient-glass-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--backdrop-subtle);border-radius:var(--spacing-xs);padding:var(--spacing-xl);box-shadow:0 var(--spacing-sm) var(--spacing-xs) -3px var(--shadow-color-sm),0 var(--spacing-xs) var(--spacing-xs) -var(--spacing-3xs) var(--color-surface-elevated),inset 0 1px 0 0 var(--glass-border)}.summary-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.summary-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light);transition:all .2s ease}.summary-item:hover{padding-left:var(--spacing-xs)}.operation-icon,.user-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.operation-icon.op-upload{color:var(--color-success)}.operation-icon.op-assign{color:var(--color-primary)}.operation-icon.op-unassign{color:var(--color-secondary)}.operation-icon.op-delete{color:var(--color-error)}.operation-icon.op-process{color:var(--color-warning)}.operation-icon.op-view{color:var(--color-info)}.operation-name,.user-name{flex:1;font-weight:var(--font-weight-semibold);color:var(--color-text-dark);font-size:var(--font-size-base)}.operation-count,.user-count{font-weight:var(--font-weight-bold);color:var(--color-primary-hover);background:linear-gradient(135deg,var(--color-primary-overlay-light) 0%,var(--color-accent-overlay-light) 100%);padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-lg);font-size:var(--font-size-sm);border:1px solid var(--color-primary-overlay-light)}.audit-logs-section{background:var(--gradient-glass-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--backdrop-subtle);border-radius:var(--spacing-xs);box-shadow:0 var(--spacing-sm) var(--spacing-xs) -3px var(--shadow-color-sm),0 var(--spacing-xs) var(--spacing-xs) -var(--spacing-3xs) var(--color-surface-elevated),inset 0 1px 0 0 var(--glass-border);overflow:hidden}.section-header{padding:var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{margin:0;color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.audit-table-container{overflow-x:auto;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.audit-table{width:100%;border-collapse:separate;border-spacing:0}.audit-table th,.audit-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left}.audit-table th{background:linear-gradient(135deg,var(--color-surface-overlay-strong) 0%,var(--color-surface-overlay-strong) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:var(--font-weight-bold);color:var(--color-text-dark);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);position:sticky;top:0;z-index:10;border-bottom:var(--spacing-3xs) solid var(--color-primary-overlay-light)}.audit-table th:first-child{border-top-left-radius:12px}.audit-table th:last-child{border-top-right-radius:12px}.audit-table tbody tr{transition:all .2s ease;border-bottom:1px solid var(--color-border-subtle)}.audit-table tbody tr:hover{background:linear-gradient(135deg,var(--color-surface-overlay-medium) 0%,var(--color-surface-overlay-medium) 100%);transform:scale(1.005);box-shadow:0 var(--spacing-3xs) var(--spacing-xs) var(--color-surface-elevated)}.timestamp{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timestamp .date{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-base)}.timestamp .time{color:var(--neutral-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.operation-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);box-shadow:0 var(--spacing-3xs) var(--spacing-xs) var(--shadow-color-sm);border:1px solid var(--backdrop-subtle)}.op-icon{display:flex;align-items:center;justify-content:center}.document-audit-log .user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.document-audit-log .user-email{font-weight:var(--font-weight-semibold);color:var(--color-text-dark);font-size:var(--font-size-base);max-width:var(--container-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-info{display:flex;align-items:center;gap:var(--spacing-sm);max-width:var(--container-2xs)}.doc-icon{display:flex;align-items:center;justify-content:center;color:var(--neutral-500);flex-shrink:0}.doc-title{font-weight:var(--font-weight-semibold);color:var(--color-text-dark);font-size:var(--font-size-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-document{color:var(--color-text-tertiary);font-style:italic;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.details-cell{max-width:var(--modal-width-sm)}.details-content{display:flex;align-items:center;gap:var(--spacing-sm)}.details-text{flex:1;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-tooltip{flex-shrink:0;color:var(--color-text-tertiary);cursor:help;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.details-tooltip:hover{color:var(--color-primary-hover);transform:scale(1.1)}.no-details{color:var(--color-text-tertiary);font-style:italic;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ip-cell{padding:var(--spacing-sm) var(--spacing-md)}.ip-address{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--font-size-sm);color:var(--color-text);background:#ffffff14;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);border:1px solid rgba(255,255,255,.16);box-shadow:0 1px 2px #00000040 inset}:root[data-theme=dark] .ip-address{color:var(--color-text);background:#ffffff1f;border-color:#ffffff38}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl)}.empty-icon{color:var(--color-border);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center}.empty-state h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-dark);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.empty-state p{margin:0;color:var(--neutral-500);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.loading-spinner{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl)}.spinner{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border:4px solid var(--neutral-200);border-top:var(--spacing-xs) solid var(--color-primary-hover);border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite;margin:0 auto var(--spacing-lg) auto}.loading-spinner p{margin:0;color:var(--neutral-500);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--spacing-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-size:var(--font-size-base)}.btn-secondary{background:linear-gradient(135deg,var(--backdrop-medium) 0%,var(--color-surface-overlay-strong) 100%);color:var(--color-text-dark);border:1px solid var(--color-border-muted);box-shadow:0 1px var(--spacing-3xs) var(--color-surface-elevated)}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-surface-overlay-strong) 0%,var(--color-surface-overlay-strong) 100%);border-color:var(--color-primary-hover);box-shadow:0 var(--spacing-xs) var(--spacing-xs) -1px var(--shadow-color-sm),0 var(--spacing-3xs) 4px -1px var(--color-border-light);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}@media (max-width: var(--container-full)){.activity-summary{grid-template-columns:1fr}.audit-table th,.audit-table td{padding:var(--spacing-sm) var(--spacing-md)}.document-info{max-width:var(--container-xs)}.details-cell{max-width:var(--container-2xs)}}@media (max-width: var(--container-lg)){.document-audit-log{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:1fr}.filters-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.filter-select{width:100%;min-width:unset}.activity-summary{grid-template-columns:1fr}.audit-table-container{overflow-x:scroll}.audit-table{min-width:var(--modal-width-lg)}.stat-card{padding:var(--spacing-lg)}.stat-icon-pod{width:var(--icon-size-2xl);height:var(--icon-size-2xl)}}@media (max-width: var(--container-sm)){.document-audit-log{padding:var(--spacing-md)}.page-header{margin-bottom:var(--spacing-lg)}.header-content h1{font-size:var(--font-size-xl)}.stat-card{padding:var(--spacing-md);gap:var(--spacing-md)}.stat-icon-pod{width:var(--icon-size-xl);height:var(--icon-size-xl)}.stat-value{font-size:var(--font-size-lg)}.filters-section,.stats-overview,.summary-section{padding:var(--spacing-lg)}.audit-table th,.audit-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.operation-badge{padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--font-size-2xs)}.audit-table-container{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}}.floating-staging-chat-widget{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:10000;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.floating-chat-window{width:var(--widget-width);height:var(--widget-height);background:var(--chat-background, var(--color-surface));border-radius:var(--border-radius, var(--spacing-xs));box-shadow:0 var(--spacing-xs) var(--spacing-3xl) var(--shadow-dark-medium);display:flex;flex-direction:column;overflow:hidden;animation:floatingSlideIn .3s ease-out}@keyframes floatingSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.floating-chat-header{background-color:var(--header-background, var(--primary-color, var(--color-primary)));color:var(--header-text, var(--color-text-inverse));padding:var(--spacing-xs) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--white-overlay-subtle)}.floating-chat-header h3{margin:0;font-size:var(--header-font-size, var(--font-size-base));font-weight:var(--font-weight-semibold)}.floating-chat-logo{margin:0;max-height:var(--icon-size-md);-o-object-fit:contain;object-fit:contain}.floating-header-actions{display:flex;gap:var(--spacing-xs);align-items:center}.clear-chat-btn{background:none;border:none;color:var(--header-text, var(--color-text-inverse));font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--spacing-xs);transition:background-color .2s;opacity:.7}.clear-chat-btn:hover{background-color:var(--white-overlay-subtle);opacity:1}.close-button{background:none;border:none;color:var(--header-text, var(--color-text-inverse));font-size:var(--font-size-lg);cursor:pointer;padding:0;width:var(--icon-size-md);height:var(--icon-size-md);display:flex;align-items:center;justify-content:center;border-radius:var(--spacing-xs);transition:background-color .2s}.minimize-btn{background:none;border:none;color:var(--header-text, var(--color-text-inverse));font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--spacing-xs);transition:background-color .2s;opacity:.7}.minimize-btn:hover{background-color:var(--white-overlay-subtle);opacity:1}.close-button:hover{background-color:var(--white-overlay-subtle)}.floating-chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:var(--chat-background, var(--color-surface-elevated))}.floating-chat-messages::-webkit-scrollbar{width:var(--divider-scrollbar)}.floating-chat-messages::-webkit-scrollbar-track{background:var(--color-surface-hover)}.floating-chat-messages::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}.floating-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.floating-message{display:flex;flex-direction:column;max-width:85%;animation:floatingFadeIn .3s ease-out}@keyframes floatingFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.floating-message.user{align-self:flex-end}.floating-message.bot{align-self:flex-start}.floating-message-content{background:var(--bot-message-background, var(--color-surface));color:var(--bot-message-text, var(--neutral-800));padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-xs);box-shadow:0 1px var(--spacing-3xs) var(--color-border);position:relative;max-width:100%;display:flex;align-items:flex-start}.floating-message-avatar{display:inline-block;vertical-align:middle;margin-right:var(--spacing-xs);flex-shrink:0}.floating-message.user .floating-message-content{background:var(--user-message-background, var(--primary-color, var(--color-primary)));color:var(--user-message-text, var(--color-text-inverse));border-bottom-right-radius:6px}.floating-message.bot .floating-message-content{border-bottom-left-radius:6px}:root[data-theme=dark] .floating-message.bot .floating-message-content{background:var(--bot-message-background-dark, var(--color-surface-elevated));color:var(--bot-message-text-dark, var(--color-text));box-shadow:0 1px 4px #00000073}.floating-message-text{font-size:var(--message-font-size, var(--font-size-sm));line-height:1.6;word-wrap:break-word}.floating-message-text p{margin:0 0 var(--spacing-xs) 0}.floating-message-text p:last-child{margin-bottom:0}.floating-message-text strong{font-weight:var(--font-weight-semibold)}.floating-message-text em{font-style:italic}.floating-message-text ol,.floating-message-text ul{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.floating-message-text li{margin:var(--spacing-3xs) 0}.floating-message-text code{background-color:var(--black-overlay-subtle);padding:2px var(--spacing-3xs);border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.floating-message-text pre{background-color:var(--black-overlay-subtle);padding:var(--spacing-xs);border-radius:var(--spacing-3xs);overflow-x:auto;margin:var(--spacing-xs) 0}.floating-message-text pre code{background-color:transparent;padding:0}.floating-message-text a{color:var(--color-primary);text-decoration:underline}.floating-message-text a:hover{text-decoration:none}.floating-message.user .floating-message-text code,.floating-message.user .floating-message-text pre{background-color:var(--white-overlay-medium)}.floating-message.user .floating-message-text a{color:var(--color-surface);font-weight:var(--font-weight-semibold)}.floating-message-time{font-size:var(--font-size-2xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);text-align:right}.floating-message.bot .floating-message-time{text-align:left}.floating-message-sources{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.floating-message.user .floating-message-sources{border-top-color:var(--white-overlay-medium)}.floating-message-sources small{font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--spacing-xs)}.floating-source-item{margin:var(--spacing-3xs) 0}.floating-source-item small{font-weight:400;opacity:.8}.floating-typing-indicator{display:flex;gap:var(--spacing-xs);align-items:center}.floating-typing-indicator span{width:var(--divider-scrollbar-lg);height:var(--divider-scrollbar-lg);border-radius:50%;background-color:var(--neutral-400);animation:floatingTyping 1.4s infinite ease-in-out}.floating-typing-indicator span:nth-child(1){animation-delay:-.32s}.floating-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes floatingTyping{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.floating-chat-input{padding:var(--spacing-xs);background:var(--input-background, var(--color-surface-elevated));border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-xs);align-items:flex-end}.floating-chat-input textarea{flex:1;border:1px solid var(--color-border);border-radius:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--input-font-size, var(--font-size-sm));font-family:inherit;resize:none;outline:none;max-height:var(--container-3xs);min-height:var(--icon-size-xl);transition:border-color .2s;background-color:var(--input-background, var(--color-surface));color:var(--input-text, var(--neutral-800))}.floating-chat-input textarea:focus{border-color:var(--primary-color, var(--color-primary))}.floating-chat-input textarea:disabled{background-color:var(--color-surface-elevated);cursor:not-allowed}.floating-chat-input button{width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:50%;border:none;background-color:var(--primary-color, var(--color-primary));color:#fff;font-size:var(--font-size-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.floating-chat-input button:hover:not(:disabled){transform:scale(1.05)}.floating-chat-input button:disabled{background-color:var(--color-border);cursor:not-allowed;transform:none}@media (max-width: var(--container-sm)){.floating-staging-chat-widget{top:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm);bottom:var(--spacing-sm);transform:none}.floating-chat-window{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}}:root[data-theme=dark] .floating-chat-window{background:#000;color:var(--color-text)}:root[data-theme=dark] .floating-chat-messages{background-color:#000}:root[data-theme=dark] .floating-message.bot .floating-message-content{background:var(--color-surface-hover);color:var(--color-text)}:root[data-theme=dark] .floating-chat-input{background:var(--color-surface-elevated);border-top-color:var(--color-border)}:root[data-theme=dark] .floating-chat-input textarea{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] .floating-chat-input textarea::-moz-placeholder{color:var(--color-text-muted)}:root[data-theme=dark] .floating-chat-input textarea::placeholder{color:var(--color-text-muted)}.floating-staging-chat-widget.minimized .floating-chat-window{display:none}.floating-staging-chat-widget.minimized:after{content:"💬";position:absolute;bottom:0;right:0;width:var(--touch-target-lg);height:var(--touch-target-lg);background-color:var(--primary-color, var(--color-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);cursor:pointer;box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--shadow-dark-medium);transition:all .3s ease;animation:minimizedPulse 2s infinite}.floating-staging-chat-widget.minimized:hover:after{transform:scale(1.05);box-shadow:0 var(--spacing-xs) var(--spacing-md) var(--shadow-dark-strong)}@keyframes minimizedPulse{0%,to{box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--shadow-dark-medium)}50%{box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--shadow-dark-medium),0 0 0 4px var(--accent-primary-overlay-subtle)}}.prompt-management{display:flex;flex-direction:column;gap:var(--spacing-xl)}.prompt-management__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);background:radial-gradient(circle at 6% -12%,var(--accent-primary-overlay-subtle),transparent 60%),radial-gradient(circle at 94% 0%,var(--accent-pink-overlay-subtle),transparent 55%),var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.prompt-management__summary{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:var(--modal-width-md)}.prompt-management__eyebrow{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.prompt-management__summary h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.prompt-management__summary p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.prompt-management__meta{display:inline-flex;flex-direction:column;gap:var(--spacing-2xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);min-width:var(--container-xs)}.prompt-management__meta-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.prompt-management__meta-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.prompt-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid;box-shadow:var(--shadow-xs)}.prompt-alert--error{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error-border)}.prompt-alert--success{background:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success-border)}.prompt-alert__icon{font-size:var(--font-size-lg)}.prompt-alert__message{flex:1;font-size:var(--font-size-base)}.prompt-alert__close{border:none;background:transparent;color:inherit;font-size:var(--font-size-xl);line-height:var(--line-height-none);cursor:pointer;width:var(--icon-size-lg);height:var(--icon-size-lg);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-base)}.prompt-alert__close:hover{background:var(--overlay-dark-subtle)}.prompt-onboarding{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:var(--gradient-primary);color:var(--color-text-inverse);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.prompt-onboarding__icon{font-size:var(--font-size-xl);flex-shrink:0}.prompt-onboarding__content h2{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.prompt-onboarding__content p{margin:0;line-height:var(--line-height-relaxed);opacity:.9}.prompt-onboarding__dismiss{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--white-overlay-medium);border:none;color:var(--color-text-inverse);width:var(--touch-target-sm);height:var(--touch-target-sm);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-base)}.prompt-onboarding__dismiss:hover{background:var(--white-overlay-stronger)}.prompt-management__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--spacing-xl)}.prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative}.prompt-card__header{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;align-items:flex-start}.prompt-card__header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.prompt-card__header p{margin:var(--spacing-2xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-width:38ch}.prompt-card__actions{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-sm)}.prompt-card--staging{background:var(--gradient-surface-subtle)}.prompt-card--production{min-height:100%}.prompt-card--embed{gap:var(--spacing-lg)}.prompt-editor textarea{width:100%;min-height:var(--container-xs);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);font-family:var(--font-family-mono);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.prompt-editor textarea:hover{border-color:var(--color-border-strong)}.prompt-editor textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--color-surface)}.prompt-guidance{padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-background);border:1px solid var(--color-border);border-left:var(--spacing-xs) solid var(--color-primary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.prompt-guidance h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.prompt-guidance ul{margin:0;padding-left:var(--spacing-lg);display:grid;gap:var(--spacing-xs)}.prompt-guidance li{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.prompt-production{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-background);padding:var(--spacing-lg);max-height:460px;overflow-y:auto}.prompt-production pre{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);white-space:pre-wrap}.prompt-embed{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.prompt-embed__item{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-xs)}.prompt-embed__item header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.prompt-embed__item header p{margin:var(--spacing-2xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.prompt-embed__code{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm)}.prompt-embed__code pre{margin:0;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-background);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text);white-space:pre-wrap}.prompt-embed__code .btn{align-self:flex-end}.modal-overlay{position:fixed;inset:0;background:var(--backdrop-dark);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:var(--z-modal)}.audit-log-modal{width:min(720px,100%);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 4rem)}.audit-log-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.audit-log-modal .modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.audit-log-modal .modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-base)}.audit-log-modal .modal-close:hover{color:var(--color-primary)}.audit-log-content{padding:var(--spacing-lg) var(--spacing-xl);overflow-y:auto}.audit-log-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.audit-log-table th,.audit-log-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);text-align:left}.audit-log-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-surface-elevated)}.audit-log-table tbody tr:hover{background:var(--color-background)}.audit-log-diff{margin-top:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);align-items:flex-start}.audit-log-diff__column{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);box-shadow:var(--shadow-xs)}.audit-log-diff__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.audit-log-diff__header h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.audit-log-diff__column pre{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text);white-space:pre-wrap;max-height:var(--container-xs);overflow-y:auto}.audit-log-diff__empty{padding:var(--spacing-xl);text-align:center;background:var(--color-background);border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-secondary)}.audit-log-diff__empty h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.audit-log-diff__empty p{margin:0;font-size:var(--font-size-sm)}@media (max-width: var(--container-full)){.prompt-management__grid{grid-template-columns:1fr}}@media (max-width: var(--container-lg)){.prompt-management__header{flex-direction:column;align-items:stretch}.prompt-management__summary,.prompt-management__meta{width:100%}.prompt-card{padding:var(--spacing-lg)}.prompt-card__actions{width:100%}.prompt-card__actions .btn{flex:1 1 auto;justify-content:center}.prompt-editor textarea{min-height:260px}}@media (max-width: 640px){.prompt-onboarding{flex-direction:column;padding-right:var(--spacing-xl)}.prompt-onboarding__dismiss{position:static;align-self:flex-end;margin-top:var(--spacing-sm)}}.conversation-history{padding:var(--spacing-lg);max-width:var(--container-full);margin:0 auto}.conversation-history-header{margin-bottom:var(--spacing-2xl)}.conversation-history-header h2{color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}.filter-controls{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-group label{font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap}.filter-group select{padding:var(--spacing-2xs) var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--spacing-2xs);font-size:var(--font-size-sm);background:#fff;cursor:pointer;transition:border-color .2s}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-info-overlay-light)}.filter-group .form-check{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);margin:0;flex-shrink:0}.filter-group .form-check-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap}.btn-refresh{background-color:var(--color-success);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--spacing-2xs);cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color .2s}.btn-refresh:hover{background-color:var(--color-success-hover)}.error-message{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--spacing-xs);font-weight:var(--font-weight-medium);background-color:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error-border)}.error-icon{margin-right:var(--spacing-sm);font-size:var(--font-size-lg)}.close-button{margin-left:auto;background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:inherit;padding:0;width:var(--icon-size-md);height:var(--icon-size-md);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:var(--color-border)}.conversation-container{display:grid;grid-template-columns:var(--container-sm) 1fr;gap:var(--spacing-2xl);height:calc(100vh - 200px);min-height:var(--container-md)}.conversation-list,.conversation-detail{background:#fff;border-radius:var(--spacing-sm);box-shadow:0 var(--spacing-3xs) var(--spacing-sm) var(--color-border);overflow:hidden;display:flex;flex-direction:column}.conversation-list ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.conversation-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);cursor:pointer;transition:all .2s;position:relative}.conversation-item.selected{background-color:var(--color-primary-light);border-left:var(--spacing-2xs) solid var(--color-primary)}.conversation-item:last-child{border-bottom:none}.conversation-item-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.source-icon{font-size:var(--font-size-base)}.source-label{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm)}.active-badge{background-color:var(--color-success);color:#fff;padding:var(--spacing-3xs) var(--spacing-2xs);border-radius:var(--spacing-sm);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.staging-badge{background-color:var(--color-primary);color:#fff;padding:var(--spacing-3xs) var(--spacing-2xs);border-radius:var(--spacing-sm);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.conversation-item-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.user-identifier{font-weight:var(--font-weight-medium);color:var(--neutral-600);font-size:var(--font-size-sm);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-count{color:var(--color-secondary);font-size:var(--font-size-xs);background-color:var(--color-surface-elevated);padding:var(--spacing-3xs) var(--spacing-xs);border-radius:var(--spacing-sm)}.conversation-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-secondary)}.duration{font-weight:var(--font-weight-medium);color:var(--color-primary)}.timestamp{text-align:right}.conversation-detail-header{padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-elevated)}.conversation-detail-header h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-xs)}.conversation-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--neutral-600)}.conversation-meta div{display:flex;align-items:center;gap:var(--spacing-xs)}.conversation-meta div:before{content:"•";color:var(--color-secondary);font-weight:700}.conversation-metadata{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface-elevated);border-radius:var(--spacing-xs);border-left:var(--spacing-2xs) solid var(--color-primary);grid-column:1 / -1}.conversation-metadata h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:var(--font-size-base)}.conversation-metadata div{margin-bottom:var(--spacing-xs)}.conversation-metadata details{margin-top:var(--spacing-sm)}.conversation-metadata summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--neutral-600)}.system-prompt{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-border);border-radius:var(--spacing-2xs);font-size:var(--font-size-2xs);white-space:pre-wrap;max-height:var(--container-xs);overflow-y:auto}.conversation-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.message{padding:var(--spacing-md);border-radius:var(--spacing-sm);position:relative}.message.user{background-color:var(--color-primary);color:#fff;align-self:flex-end;max-width:70%;margin-left:auto}.message.assistant{background-color:var(--color-surface-elevated);color:var(--color-text);align-self:flex-start;max-width:70%;border:1px solid var(--color-border)}.message.system{background-color:var(--color-warning-light);color:var(--color-warning-dark);align-self:center;max-width:80%;border:1px solid var(--color-warning-light);font-style:italic}.message-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);opacity:.8}.message-role{font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.message-time{font-size:var(--font-size-2xs)}.message-tokens{font-size:var(--font-size-2xs);background-color:var(--glass-border-strong);padding:var(--spacing-3xs) var(--spacing-2xs);border-radius:var(--spacing-xs)}.message.user .message-header{justify-content:flex-end}.message.user .message-tokens{background-color:var(--backdrop-subtle)}.message-content{line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message-context{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-border-light);border-radius:var(--spacing-xs);border-left:var(--spacing-2xs) solid var(--color-primary)}.message.user .message-context{background-color:var(--glass-border);border-left-color:var(--color-surface-overlay-strong)}.message-context summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.message-context pre{margin:0;font-size:var(--font-size-xs);line-height:1.4;white-space:pre-wrap;word-break:break-all;max-height:var(--container-xs);overflow-y:auto}.loading,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;color:var(--color-secondary)}.loading{animation:pulse 2s infinite}.empty-state p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--neutral-600)}.empty-state small{font-size:var(--font-size-sm);color:var(--color-secondary)}@media (max-width: var(--container-full)){.conversation-container{grid-template-columns:350px 1fr;gap:var(--spacing-lg)}}@media (max-width: var(--container-lg)){.conversation-history{padding:var(--spacing-md)}.conversation-history-header h2{font-size:var(--font-size-2xl)}.filter-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.filter-group{justify-content:space-between}.conversation-container{grid-template-columns:1fr;height:auto;min-height:500px}.conversation-list{max-height:var(--container-xs)}.conversation-item{padding:var(--spacing-sm) var(--spacing-md)}.conversation-item-details,.conversation-item-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-2xs)}.message.user,.message.assistant{max-width:85%}.conversation-meta{grid-template-columns:1fr;gap:var(--spacing-2xs)}}@media (max-width: var(--container-sm)){.conversation-history-header h2{font-size:var(--font-size-xl)}.message.user,.message.assistant{max-width:95%}.message-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2xs)}.message.user .message-header{align-items:flex-end}}:root[data-theme=dark] .conversation-list,:root[data-theme=dark] .conversation-detail{background:var(--color-surface-elevated);box-shadow:var(--shadow-md)}:root[data-theme=dark] .conversation-list ul{background:transparent}:root[data-theme=dark] .filter-group select{background-color:var(--color-input-background);border-color:var(--color-input-border);color:var(--color-text)}:root[data-theme=dark] .empty-state p{color:var(--color-text-secondary)}.widget-customization-container{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;gap:var(--spacing-xl);box-sizing:border-box}.widget-customization-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);background:radial-gradient(circle at 12% -20%,var(--color-primary-overlay-medium),transparent 60%),radial-gradient(circle at 92% 0%,var(--accent-pink-overlay-light),transparent 55%),var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.widget-toolbar-left{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.view-mode-toggle{display:flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.view-mode-toggle button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-surface);border:none;cursor:pointer;font-size:var(--font-size-sm);transition:all .2s;color:var(--color-text-secondary)}.view-mode-toggle button:hover{background-color:var(--color-border);color:var(--color-text)}.view-mode-toggle button.active{background-color:var(--color-primary);color:var(--color-text-inverse)}.last-update-info{display:flex;flex-direction:column;gap:var(--spacing-3xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.last-update-label{text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-2xs);color:var(--color-text-muted)}.last-update-value{font-weight:var(--font-weight-semibold);color:var(--color-text)}.action-buttons{display:flex;gap:var(--spacing-sm);margin-left:auto}.action-buttons button{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);border:none;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.save-button{background-color:var(--color-success);color:var(--color-text-inverse)}.save-button:hover:not(:disabled){background-color:var(--color-success-hover)}.publish-button{background-color:var(--color-primary);color:var(--color-text-inverse)}.publish-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.diff-button{background-color:var(--color-secondary);color:var(--color-text-inverse)}.diff-button:hover{background-color:var(--color-secondary-hover)}.action-buttons button:disabled{background-color:var(--color-border);cursor:not-allowed}.success-message{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-success-light);color:var(--color-success-dark);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.error-message{padding:var(--spacing-md);background-color:var(--color-error-light);color:var(--color-error-dark);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:var(--container-xs);font-size:var(--font-size-lg);color:var(--color-text-secondary)}.widget-customization-content{display:grid;grid-template-columns:minmax(var(--container-xs),1.25fr) minmax(var(--container-xs),1fr);gap:var(--spacing-xl);align-items:flex-start;min-height:var(--container-md)}.settings-panel{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.settings-tabs{display:flex;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.settings-tabs button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s;color:var(--color-text-secondary)}.settings-tabs button:hover{background-color:var(--color-border);color:var(--color-text)}.settings-tabs button.active{background-color:var(--color-text-inverse);border-bottom-color:var(--color-primary);color:var(--color-primary)}.settings-content{flex:1;padding:var(--spacing-lg);overflow-y:auto}.settings-section{margin-bottom:var(--spacing-2xl)}.settings-section h3{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--container-2xs),1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.setting-item{display:flex;flex-direction:column}.setting-item label{margin-bottom:var(--spacing-2xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.setting-item input[type=text],.setting-item input[type=number],.setting-item select,.setting-item textarea{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.setting-item input[type=checkbox]{width:var(--icon-size-xs);height:var(--icon-size-xs);margin-top:var(--spacing-2xs);cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.color-input-container{display:flex;align-items:center;gap:var(--spacing-sm)}.color-input-container input[type=color]{width:var(--touch-target-sm);height:var(--touch-target-sm);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.color-input-container input[type=text]{flex:1}.color-description{margin-top:var(--spacing-3xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3;font-style:italic}.production-view-message{padding:var(--spacing-lg);background-color:var(--color-surface-elevated);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-align:center}.preview-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);background-color:var(--color-surface)}.preview-controls{display:flex;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.preview-device-selector{display:flex}.preview-device-selector button{padding:var(--spacing-2xs) var(--spacing-sm);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);cursor:pointer;font-size:var(--font-size-2xs);transition:all .2s;color:var(--color-text-secondary)}.preview-device-selector button:hover{background-color:var(--color-border);border-color:var(--neutral-400)}.preview-device-selector button:first-child{border-top-left-radius:var(--spacing-3xs);border-bottom-left-radius:var(--spacing-3xs)}.preview-device-selector button:last-child{border-top-right-radius:var(--spacing-3xs);border-bottom-right-radius:var(--spacing-3xs)}.preview-device-selector button.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.preview-toggle{display:flex;gap:var(--spacing-md)}.preview-toggle label{display:flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-2xs);cursor:pointer}.preview-toggle input[type=checkbox]{width:var(--icon-size-xs);height:var(--icon-size-xs);margin:0;cursor:pointer;accent-color:var(--color-primary)}.preview-frame{flex:1;display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-surface-elevated);overflow-y:auto;align-items:flex-start;flex-wrap:wrap}.preview-frame.tablet{padding-inline:clamp(3rem,8vw,5rem)}.preview-frame.mobile{padding-inline:clamp(3.5rem,12vw,6rem)}.preview-widget{flex:1 1 var(--container-2xs);display:flex;flex-direction:column;position:relative}.preview-label{position:absolute;top:calc(-1 * var(--spacing-sm));left:50%;transform:translate(-50%);background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--spacing-3xs) var(--spacing-sm);border-radius:var(--spacing-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);z-index:1}.preview-widget.staging .preview-label{background-color:var(--color-success)}.preview-widget.production .preview-label{background-color:var(--color-error)}.preview-content{flex:1;border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:var(--color-text-inverse);padding:var(--spacing-lg);gap:var(--spacing-md)}.preview-action-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary-color, var(--color-primary));color:var(--header-text, var(--color-surface));border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--spacing-md);transition:all .2s}.preview-action-button:hover{background-color:var(--secondary-color, var(--color-primary-hover))}.widget-appearance-preview{display:flex;flex-direction:column;width:100%;border:1px solid var(--color-border);border-radius:var(--border-radius, var(--spacing-sm));overflow:hidden;background-color:var(--chat-background, white);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);box-shadow:0 var(--spacing-xs) calc(2 * var(--spacing-xs)) var(--color-border-light)}.preview-header{padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--backdrop-medium);background-color:var(--header-background, var(--primary-color, var(--color-primary)));color:var(--header-text, var(--color-surface));font-size:var(--header-font-size, var(--font-size-base))}.preview-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.preview-messages{padding:var(--spacing-md);min-height:var(--container-2xs);display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:var(--chat-background, var(--color-surface-elevated));flex:1;overflow-y:auto}.preview-user-message,.preview-bot-message{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--spacing-md);max-width:80%;font-size:var(--message-font-size, 14px);line-height:1.4;box-shadow:0 1px var(--spacing-3xs) var(--color-border-light)}.preview-user-message{align-self:flex-end;border-bottom-right-radius:var(--spacing-3xs);background-color:var(--user-message-background, var(--primary-color, var(--color-primary)));color:var(--user-message-text, var(--color-surface))}.preview-bot-message{align-self:flex-start;border-bottom-left-radius:var(--spacing-3xs);background-color:var(--bot-message-background, var(--color-surface));color:var(--bot-message-text, var(--neutral-800))}.preview-bot-content{display:flex;align-items:flex-start;gap:var(--spacing-xs)}.preview-input{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-light);font-size:var(--input-font-size, 14px);color:var(--input-text, var(--neutral-800));background-color:var(--input-background, var(--color-surface));display:flex;align-items:center;gap:var(--spacing-sm)}.color-preview{width:var(--touch-target-sm);height:var(--touch-target-sm);border-radius:50%;border:1px solid var(--color-border)}.color-preview.primary-color{width:var(--touch-target-lg);height:var(--touch-target-lg)}.font-preview{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;width:80%}.widget-placeholder{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.preview-placeholder{flex:1;color:var(--input-text, var(--neutral-800));opacity:.7;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-send-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);border-radius:50%;background-color:var(--primary-color, var(--color-primary));color:var(--header-text, var(--color-surface));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);box-shadow:0 var(--spacing-xs) var(--spacing-xs) #0f172a1f}.preview-close-button{background:var(--glass-border);border:none;color:var(--header-text, var(--color-surface));border-radius:50%;width:var(--icon-size-md);height:var(--icon-size-md);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.preview-close-button:hover{background:var(--color-surface-overlay-medium)}.preview-header-title{font-weight:var(--font-weight-semibold)}.preview-timestamp{font-size:var(--font-size-2xs);margin-top:var(--spacing-3xs);opacity:.7}.preview-logo{width:var(--icon-size-md);height:var(--icon-size-md);-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm)}.preview-avatar{width:var(--icon-size-md);height:var(--icon-size-md);border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.diff-view{padding:var(--spacing-lg);overflow-y:auto}.diff-view h3{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.diff-table{width:100%;border-collapse:collapse}.diff-table th,.diff-table td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);text-align:left}.diff-table th{background-color:var(--color-surface);font-weight:var(--font-weight-medium)}.diff-staging{background-color:var(--color-success-light)}.diff-production{background-color:var(--color-error-light)}@media (max-width: var(--container-full)){.widget-customization-content{grid-template-columns:1fr}}.help-tooltip-container{display:inline-block;margin-left:var(--spacing-xs);position:relative}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);border-radius:50%;background-color:var(--color-secondary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:help;border:none;transition:background-color .2s}.help-icon:hover{background-color:var(--color-secondary-hover)}.help-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--color-text);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--spacing-2xs);font-size:var(--font-size-2xs);line-height:1.4;white-space:normal;z-index:1000;margin-bottom:var(--spacing-xs);max-width:var(--container-2xs);overflow-wrap:break-word;box-shadow:0 var(--spacing-3xs) var(--spacing-xs) #10182826}.help-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:var(--spacing-2xs) solid transparent;border-top-color:var(--color-text)}@media (max-width: var(--container-lg)){.widget-customization-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.widget-toolbar-left{width:100%;flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.view-mode-toggle,.last-update-info{width:100%}.view-mode-toggle{justify-content:space-between}.action-buttons{width:100%;flex-direction:column}.settings-grid{grid-template-columns:1fr}.action-buttons button{width:100%}}@media (max-width: 640px){.view-mode-toggle button{flex:1}}.modal-overlay{position:fixed;inset:0;background:var(--backdrop-medium);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:modalBackdropFadeIn .2s ease-out}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--backdrop-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:var(--spacing-xs);border:1px solid var(--glass-border-strong);box-shadow:0 var(--spacing-2xl) var(--spacing-4xl) var(--shadow-color-sm);max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out;transform-origin:center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-small{width:100%;max-width:var(--container-sm)}.modal-medium{width:100%;max-width:var(--container-md)}.modal-large{width:100%;max-width:var(--modal-width-lg)}.modal-xlarge{width:100%;max-width:var(--container-full)}.modal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--gradient-modal-header);border-radius:var(--spacing-xs) var(--spacing-md) 0 0}.modal-icon-pod{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-modal-icon);box-shadow:inset 0 1px 0 var(--glass-border-strong);flex-shrink:0}.modal-icon-pod svg{width:var(--icon-size-md);height:var(--icon-size-md);stroke-width:1.8;color:var(--color-primary-hover)}.modal-title{flex:1;margin:0;font-size:clamp(1.125rem,2vw,1.25rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.modal-close-button{width:var(--icon-size-xl);height:var(--icon-size-xl);min-height:var(--icon-size-xl);border-radius:var(--radius-full);border:none;background:var(--color-surface-elevated);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.modal-close-button:hover{background:var(--color-error-overlay-light);color:var(--danger-dark);transform:scale(1.05)}.modal-close-button:focus-visible{outline:2px solid var(--color-primary-overlay-strong);outline-offset:2px;box-shadow:0 0 0 var(--spacing-xs) var(--color-primary-overlay-light)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.modal-body::-webkit-scrollbar{width:var(--divider-scrollbar-lg)}.modal-body::-webkit-scrollbar-track{background:var(--color-surface-elevated);border-radius:var(--spacing-xs)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-primary-overlay-strong);border-radius:var(--spacing-xs)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary-overlay-strong)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-surface-overlay-medium);border-radius:0 0 var(--spacing-xs) var(--spacing-md)}@media (max-width: var(--container-lg)){.modal-overlay{padding:var(--spacing-md)}.modal-container{max-height:95vh}.modal-header{padding:var(--spacing-lg)}.modal-icon-pod{width:var(--icon-size-xl);height:var(--icon-size-xl)}.modal-icon-pod svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.modal-title{font-size:1.125rem}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);flex-wrap:wrap}.modal-footer>*{flex:1;min-width:var(--container-3xs)}}@media (max-width: var(--container-sm)){.modal-overlay{padding:var(--spacing-sm)}.modal-header{padding:var(--spacing-md);gap:var(--spacing-sm)}.modal-icon-pod{width:var(--icon-size-xl);height:var(--icon-size-xl)}.modal-icon-pod svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.modal-title{font-size:var(--font-size-base)}.modal-body{padding:var(--spacing-md)}.modal-footer{padding:var(--spacing-sm) var(--spacing-md)}}@media (prefers-color-scheme: dark){.modal-overlay{background:var(--backdrop-dark)}.modal-container{background:var(--backdrop-dark);border-color:var(--glass-border)}.modal-header{background:var(--gradient-card-primary-soft);border-bottom-color:var(--glass-border)}.modal-title{color:var(--text-primary)}.modal-close-button{background:var(--backdrop-medium);color:var(--text-secondary)}.modal-close-button:hover{background:var(--color-error-overlay-medium)}.modal-footer{background:var(--backdrop-medium);border-top-color:var(--glass-border)}.modal-body::-webkit-scrollbar-track{background:var(--glass-border)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-primary-overlay-strong)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary-overlay-strong)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-container,.modal-close-button{animation:none;transition:none}}.shared-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;font-family:inherit;white-space:nowrap;letter-spacing:.01em}.shared-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-overlay-light)}.shared-button-small{padding:8px 16px;font-size:.813rem;min-height:36px;gap:6px}.shared-button-medium{padding:10px 20px;font-size:.875rem;min-height:40px;gap:8px}.shared-button-large{padding:12px 24px;font-size:1rem;min-height:48px;gap:10px}.shared-button-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-inverse);box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000d inset,0 1px 3px var(--color-primary-overlay-light)}.shared-button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-dark) 100%);transform:translateY(-1px);box-shadow:0 4px 8px var(--color-primary-overlay-medium),0 2px 4px #0000001a,0 0 0 1px #0000000d inset}.shared-button-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--color-primary-overlay-medium),0 0 0 1px #0000000d inset}.shared-button-secondary{background:#fce8ed;color:var(--color-text);border:1.5px solid #f4e5e9;box-shadow:0 1px 2px #0000000a}.shared-button-secondary:hover:not(:disabled){background:#fadfe6;border-color:#f0d4dc;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.shared-button-secondary:active:not(:disabled){transform:translateY(0);background:#f8d5de;box-shadow:0 1px 2px #0000000a}.shared-button-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--color-error-overlay-medium)}.shared-button-danger:hover:not(:disabled){background:var(--gradient-danger);transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-md) var(--color-error-overlay-strong)}.shared-button-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 var(--spacing-3xs) var(--spacing-xs) var(--color-error-overlay-medium)}.shared-button-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000d inset,0 1px 3px #10b98140}.shared-button-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d,0 2px 4px #0000001a,0 0 0 1px #0000000d inset}.shared-button-success:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #10b98140,0 0 0 1px #0000000d inset}.shared-button-ghost{background:transparent;color:var(--text-primary);border:1px solid transparent}.shared-button-ghost:hover:not(:disabled){background:var(--color-primary-overlay-light);border-color:var(--color-primary-overlay-strong)}.shared-button-ghost:active:not(:disabled){background:var(--color-primary-overlay-medium)}.shared-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:grayscale(.5)}.shared-button-loading{pointer-events:none;min-width:120px}.shared-button-full-width{width:100%}.shared-button-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.shared-button-small .shared-button-icon svg{width:14px;height:14px;stroke-width:2}.shared-button-medium .shared-button-icon svg{width:16px;height:16px;stroke-width:2}.shared-button-large .shared-button-icon svg{width:18px;height:18px;stroke-width:2}.button-group{display:inline-flex;align-items:center;gap:12px}.button-group-vertical{display:flex;flex-direction:column;gap:12px}.view-page-actions{display:inline-flex;align-items:center;gap:12px}.shared-button-text{display:inline-flex;align-items:center}.shared-button-spinner{display:inline-flex;align-items:center;justify-content:center}.shared-button-spinner-icon{animation:spin 1s linear infinite}.shared-button-small .shared-button-spinner-icon,.shared-button-medium .shared-button-spinner-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.shared-button-large .shared-button-spinner-icon{width:var(--icon-size-xs);height:var(--icon-size-xs)}.shared-button-spinner-track{opacity:.25}.shared-button-spinner-path{opacity:.75}@media (max-width: var(--container-lg)){.shared-button-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;min-height:var(--touch-target-sm)}.shared-button-medium{padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem;min-height:40px}.shared-button-large{padding:var(--spacing-md) var(--spacing-lg);font-size:.9rem;min-height:var(--icon-size-2xl)}}@media (prefers-color-scheme: dark){.shared-button-secondary{background:var(--backdrop-dark);border-color:var(--glass-border);color:var(--text-primary)}.shared-button-secondary:hover:not(:disabled){background:var(--backdrop-dark);border-color:var(--glass-border-strong)}.shared-button-ghost{color:var(--text-primary)}.shared-button-ghost:hover:not(:disabled){background:var(--color-primary-overlay-medium);border-color:var(--color-primary-overlay-strong)}}:root[data-theme=dark] .shared-button-secondary{background:linear-gradient(135deg,rgba(var(--primary-rgb),.28),rgba(var(--accent-pink-rgb, 236,72,153),.28));color:var(--color-text-inverse);border:1.5px solid rgba(var(--primary-rgb),.4);box-shadow:0 8px 20px rgba(var(--primary-rgb),.22)}:root[data-theme=dark] .shared-button-secondary:hover:not(:disabled){background:linear-gradient(135deg,rgba(var(--primary-rgb),.34),rgba(var(--accent-pink-rgb, 236,72,153),.34));border-color:rgba(var(--primary-rgb),.5);transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--primary-rgb),.28)}:root[data-theme=dark] .shared-button-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 16px rgba(var(--primary-rgb),.22)}@media (prefers-reduced-motion: reduce){.shared-button,.shared-button-spinner-icon{animation:none;transition:none}}:root[data-theme=dark] .shared-button.shared-button-secondary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-inverse);border:none;box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000d inset,0 1px 3px var(--color-primary-overlay-light)}:root[data-theme=dark] .shared-button.shared-button-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-dark) 100%);transform:translateY(-1px);box-shadow:0 4px 8px var(--color-primary-overlay-medium),0 2px 4px #0000001a,0 0 0 1px #0000000d inset}:root[data-theme=dark] .shared-button.shared-button-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--color-primary-overlay-medium),0 0 0 1px #0000000d inset}.shared-alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--spacing-xs);border:1px solid;animation:alertSlideIn .25s ease-out}.shared-alert-icon-pod{width:var(--icon-size-xl);height:var(--icon-size-xl);min-width:var(--icon-size-xl);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.shared-alert-content{flex:1;min-width:0}.shared-alert-title{font-weight:600;font-size:.875rem;margin-bottom:var(--spacing-xs);letter-spacing:-.01em}.shared-alert-message{font-size:.875rem;line-height:1.5;color:inherit}.shared-alert-close{width:var(--touch-target-sm);height:var(--touch-target-sm);min-width:var(--touch-target-sm);min-height:var(--touch-target-sm);border-radius:var(--radius-full);border:none;background:var(--color-surface-elevated);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.shared-alert-close:hover{background:var(--color-border-light);transform:scale(1.05)}.shared-alert-close:focus-visible{outline:2px solid var(--color-primary-overlay-strong);outline-offset:2px;box-shadow:0 0 0 var(--spacing-xs) var(--color-primary-overlay-light)}.shared-alert-success{background:var(--gradient-alert-success);border-color:var(--color-success-overlay-strong);color:var(--color-success)}.shared-alert-success .shared-alert-icon-pod{background:var(--gradient-alert-success-icon);box-shadow:inset 0 1px 0 var(--glass-border-strong);color:var(--color-success)}.shared-alert-error{background:var(--gradient-alert-error);border-color:var(--color-error-overlay-medium);color:var(--color-error-darker)}.shared-alert-error .shared-alert-icon-pod{background:var(--gradient-alert-error-icon);box-shadow:inset 0 1px 0 var(--glass-border-strong);color:var(--color-error-dark)}.shared-alert-warning{background:var(--gradient-alert-warning);border-color:var(--color-warning-overlay-medium);color:var(--color-warning-darker)}.shared-alert-warning .shared-alert-icon-pod{background:var(--gradient-alert-warning);box-shadow:inset 0 1px 0 var(--glass-border-strong);color:var(--color-warning-dark)}.shared-alert-info{background:var(--gradient-alert-info);border-color:var(--color-info-overlay-medium);color:var(--color-info-darker)}.shared-alert-info .shared-alert-icon-pod{background:var(--gradient-alert-info);box-shadow:inset 0 1px 0 var(--glass-border-strong);color:var(--color-info-dark)}@media (max-width: var(--container-lg)){.shared-alert{padding:var(--spacing-md);gap:var(--spacing-sm)}.shared-alert-icon-pod{width:var(--icon-size-xl);height:var(--icon-size-xl);min-width:var(--icon-size-xl)}.shared-alert-icon-pod svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.shared-alert-title,.shared-alert-message{font-size:.8rem}.shared-alert-close{width:var(--icon-size-lg);height:var(--icon-size-lg);min-width:var(--icon-size-lg);min-height:var(--icon-size-lg)}.shared-alert-close svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}}@media (max-width: var(--container-sm)){.shared-alert{padding:var(--spacing-sm)}.shared-alert-icon-pod{width:var(--touch-target-sm);height:var(--touch-target-sm);min-width:var(--touch-target-sm)}.shared-alert-icon-pod svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}}@media (prefers-color-scheme: dark){.shared-alert-success{background:var(--gradient-alert-success);border-color:var(--color-success-overlay-medium);color:var(--color-success)}.shared-alert-error{background:var(--gradient-alert-error);border-color:var(--color-error-overlay-medium);color:var(--color-error)}.shared-alert-warning{background:var(--gradient-alert-warning);border-color:var(--color-warning-overlay-medium);color:var(--color-warning)}.shared-alert-info{background:var(--gradient-alert-info);border-color:var(--color-info-overlay-medium);color:var(--color-info)}.shared-alert-close{background:var(--backdrop-medium)}.shared-alert-close:hover{background:var(--glass-border)}}@media (prefers-reduced-motion: reduce){.shared-alert{animation:none}.shared-alert-close{transition:none}}.custom-select-container{position:relative;width:100%}.custom-select-label{display:block;font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.custom-select-required{color:var(--color-error, #ef4444);margin-left:4px}.custom-select{position:relative;width:100%;min-height:44px;padding:10px 16px;background:var(--color-surface, #ffffff);border:1.5px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;gap:12px}.custom-select:hover:not(.custom-select--disabled){border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.custom-select:focus-visible{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.custom-select--open{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.custom-select--disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-disabled, #f5f5f5)}.custom-select--error{border-color:var(--color-error, #ef4444)}.custom-select--error:hover{box-shadow:0 0 0 3px #ef44441a}.custom-select__value{flex:1;display:flex;align-items:center;gap:8px}.custom-select__selected{display:flex;align-items:center;gap:8px;width:100%}.custom-select__icon{display:flex;align-items:center;flex-shrink:0}.custom-select__text{font-size:15px;font-weight:500;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select__placeholder{font-size:15px;color:var(--color-text-secondary, #9ca3af)}.custom-select__chevron{flex-shrink:0;color:var(--color-text-secondary, #9ca3af);transition:transform .2s cubic-bezier(.4,0,.2,1)}.custom-select__chevron--open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;z-index:1000;max-height:320px;overflow:hidden;animation:slideDown .15s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-search{padding:8px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .1))}.custom-select-search__input{width:100%;padding:8px 12px;border:1.5px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:6px;font-size:14px;outline:none;transition:all .2s;background:var(--color-surface, #ffffff);color:var(--color-text, #1f2937)}.custom-select-search__input:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.custom-select-search__input::-moz-placeholder{color:var(--color-text-secondary, #9ca3af)}.custom-select-search__input::placeholder{color:var(--color-text-secondary, #9ca3af)}.custom-select-options{max-height:280px;overflow-y:auto;padding:4px}.custom-select-options::-webkit-scrollbar{width:8px}.custom-select-options::-webkit-scrollbar-track{background:transparent}.custom-select-options::-webkit-scrollbar-thumb{background:var(--color-border, rgba(0, 0, 0, .2));border-radius:4px}.custom-select-options::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover, rgba(0, 0, 0, .3))}.custom-select-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);margin-bottom:2px}.custom-select-option:hover,.custom-select-option--highlighted{background:var(--color-surface-hover, rgba(59, 130, 246, .08))}.custom-select-option--selected{background:var(--color-surface-hover, rgba(59, 130, 246, .1))}.custom-select-option__content{display:flex;align-items:center;gap:10px;flex:1}.custom-select-option__icon{display:flex;align-items:center;flex-shrink:0}.custom-select-option__text{display:flex;flex-direction:column;gap:2px;flex:1}.custom-select-option__label{font-size:14px;font-weight:500;color:var(--color-text, #1f2937)}.custom-select-option__description{font-size:12px;color:var(--color-text-secondary, #6b7280)}.custom-select-option__check{color:var(--color-primary, #3b82f6);flex-shrink:0;animation:checkFadeIn .2s ease-out}@keyframes checkFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.custom-select-empty{padding:24px 16px;text-align:center;font-size:14px;color:var(--color-text-secondary, #9ca3af)}.custom-select-error{margin-top:6px;font-size:13px;color:var(--color-error, #ef4444);font-weight:500}:root[data-theme=dark] .custom-select{background:#ffffff0d;border-color:#ffffff26}:root[data-theme=dark] .custom-select:hover:not(.custom-select--disabled){border-color:var(--color-primary, #60a5fa);box-shadow:0 0 0 3px #60a5fa26}:root[data-theme=dark] .custom-select--open{border-color:var(--color-primary, #60a5fa);box-shadow:0 0 0 3px #60a5fa26}:root[data-theme=dark] .custom-select--disabled{background:#ffffff05}:root[data-theme=dark] .custom-select__text{color:#fffffff2}:root[data-theme=dark] .custom-select__placeholder{color:#fff6}:root[data-theme=dark] .custom-select__chevron{color:#ffffff80}:root[data-theme=dark] .custom-select-dropdown{background:var(--color-surface, #1f2937);border-color:#ffffff1a;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 1px #ffffff0d}:root[data-theme=dark] .custom-select-search{border-bottom-color:#ffffff1a}:root[data-theme=dark] .custom-select-search__input{background:#ffffff0d;border-color:#ffffff26;color:#fffffff2}:root[data-theme=dark] .custom-select-search__input:focus{border-color:var(--color-primary, #60a5fa);box-shadow:0 0 0 3px #60a5fa26}:root[data-theme=dark] .custom-select-search__input::-moz-placeholder{color:#fff6}:root[data-theme=dark] .custom-select-search__input::placeholder{color:#fff6}:root[data-theme=dark] .custom-select-option:hover,:root[data-theme=dark] .custom-select-option--highlighted{background:#60a5fa1f}:root[data-theme=dark] .custom-select-option--selected{background:#60a5fa2e}:root[data-theme=dark] .custom-select-option__label{color:#fffffff2}:root[data-theme=dark] .custom-select-option__description{color:#ffffff80}:root[data-theme=dark] .custom-select-option__check{color:var(--color-primary, #60a5fa)}:root[data-theme=dark] .custom-select-empty{color:#fff6}:root[data-theme=dark] .custom-select-options::-webkit-scrollbar-thumb{background:#fff3}:root[data-theme=dark] .custom-select-options::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.custom-select-dropdown{max-height:240px}.custom-select-options{max-height:200px}}.actions-menu-container{display:flex;gap:var(--spacing-xs);align-items:center;position:relative}.btn-icon{padding:var(--spacing-sm);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.actions-dropdown{position:static;display:inline-block}.dropdown-menu{min-width:160px;background:var(--color-surface, #ffffff);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;overflow:hidden;animation:dropdownFadeIn .15s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;text-align:left;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);transition:background .15s ease;font-family:inherit}.dropdown-menu button:hover{background:var(--color-surface-hover)}.dropdown-menu button:focus{outline:none;background:var(--color-surface-hover)}.dropdown-menu button.danger{color:var(--color-error)}.dropdown-menu button.danger:hover{background:var(--color-error-light);color:var(--color-error-dark)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}@media (prefers-color-scheme: dark){.dropdown-menu{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 4px 12px #0006,0 0 0 1px #ffffff1a}.dropdown-menu button{color:var(--text-primary)}.dropdown-menu button:hover{background:var(--surface-darker)}.dropdown-divider{background:var(--border-dark)}}@media (max-width: 768px){.dropdown-menu{min-width:140px;font-size:var(--font-size-xs)}.dropdown-menu button{padding:var(--spacing-xs) var(--spacing-sm)}}.bot-tool-assignment{padding:var(--spacing-xl);max-width:var(--container-3xl);margin:0 auto}.assignment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-xl)}.assignment-header .header-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.assignment-header .header-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.assignment-header .header-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.info-banner{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-category-communication) 0%,var(--color-category-data) 100%);border-left:var(--spacing-xs) solid var(--color-primary);border-radius:var(--spacing-xs);margin-bottom:var(--spacing-xl);color:var(--color-text-inverse)}.info-banner .info-icon{font-size:var(--font-size-xl);flex-shrink:0}.info-banner .info-content{flex:1}.info-banner .info-content strong{display:block;color:var(--color-text-inverse);margin-bottom:var(--spacing-2xs);font-weight:var(--font-weight-semibold)}.info-banner .info-content p{color:#ffffffe6;margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.assignments-section{margin-top:var(--spacing-xl)}.empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);background:var(--color-background-secondary);border-radius:var(--spacing-xs);border:2px dashed var(--color-border)}.empty-state .empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.empty-state p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;max-width:var(--modal-width-sm);margin-left:auto;margin-right:auto}.empty-state .empty-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic;margin-top:var(--spacing-md)}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.assignment-card{background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--spacing-xs);overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow-sm)}.assignment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.assignment-card.inactive{opacity:.6;background:var(--color-background-secondary)}.assignment-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--gradient-surface)}.assignment-card .tool-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.assignment-card .tool-icon{font-size:var(--font-size-2xl);flex-shrink:0}.assignment-card .tool-details h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2xs) 0}.assignment-card .tool-type{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);color:var(--color-primary);background:var(--color-primary-light);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--spacing-xs)}.assignment-card .card-body{padding:var(--spacing-lg)}.assignment-card .tool-description{margin-bottom:var(--spacing-md)}.assignment-card .tool-description p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.environment-badge{margin-bottom:var(--spacing-md)}.environment-badge .badge{display:inline-block;padding:calc(.37 * var(--spacing-xs)) var(--spacing-sm);border-radius:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.environment-badge .badge.staging{background:linear-gradient(135deg,var(--color-category-automation) 0%,var(--color-warning-light) 100%);color:var(--color-category-automation-dark);border:1px solid var(--color-warning)}.environment-badge .badge.production{background:linear-gradient(135deg,var(--color-category-analytics) 0%,var(--color-success-light) 100%);color:var(--color-category-analytics-dark);border:1px solid var(--color-success)}.instructions-section{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--spacing-xs);border-left:3px solid var(--color-primary)}.instructions-section label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.instructions-section .instructions-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-wrap}.instruction-block{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--spacing-2xs);border:1px solid var(--color-border-light)}.instruction-block:first-of-type{margin-top:var(--spacing-xs)}.instruction-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.env-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-3xs) var(--spacing-xs);border-radius:var(--spacing-3xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.env-badge.staging{background:var(--color-category-communication);color:var(--color-category-communication-dark);border:1px solid var(--color-category-communication-dark)}.env-badge.production{background:var(--color-category-analytics);color:var(--color-category-analytics-dark);border:1px solid var(--color-success)}.instruction-diff-notice{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-warning-light);border-left:3px solid var(--color-warning);border-radius:var(--spacing-2xs);font-size:var(--font-size-xs);color:var(--color-warning-dark);font-weight:var(--font-weight-medium)}.assignment-card .card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.assignment-card .meta-item{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.assignment-card .card-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-secondary);border-top:1px solid var(--color-border)}.assignment-card .card-footer .btn{flex:1}@media (max-width: var(--container-lg)){.bot-tool-assignment{padding:var(--spacing-md)}.assignment-header{flex-direction:column;gap:var(--spacing-md)}.assignment-header .header-actions{width:100%}.assignment-header .header-actions button{flex:1}.assignments-grid{grid-template-columns:1fr}.assignment-card .card-footer{flex-direction:column}}@media (prefers-color-scheme: dark){.info-banner{background:linear-gradient(135deg,var(--color-admin-dark) 0%,var(--color-super-admin-dark) 100%)}.assignment-card .card-header{background:linear-gradient(135deg,var(--surface-dark-tooltip) 0%,var(--surface-dark-primary) 100%)}}.environment-activation-section{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.environment-activation-section>label{display:block;font-weight:600;font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.environment-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.env-control{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background:#fff;transition:all .2s ease}.env-control.active{border-color:var(--color-success);background:var(--color-success-light, #f0fdf4)}.env-control.inactive{border-color:var(--color-border);background:var(--color-bg-tertiary, #f9fafb);opacity:.8}.env-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.env-badge{padding:4px 12px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;display:inline-flex;align-items:center;gap:4px}.env-badge.staging{background:#3b82f6;color:#fff}.env-badge.production{background:#ef4444;color:#fff}.env-control-header button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease}.env-control-header button:disabled{opacity:.5;cursor:not-allowed}.env-instructions{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary, #f9fafb);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-info, #3b82f6);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.env-instructions strong{color:var(--color-text-primary);font-weight:600}.env-warning{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-warning-light, #fef3c7);border-left:3px solid var(--color-warning, #f59e0b);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}:root[data-theme=dark] .environment-activation-section{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .env-control{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .env-control.active{background:rgba(var(--success-rgb),.12);border-color:var(--color-success, #16a34a)}:root[data-theme=dark] .env-control.inactive{background:var(--color-surface-elevated);opacity:1}:root[data-theme=dark] .env-instructions{background:var(--color-surface-elevated);border-left-color:var(--color-info, #3b82f6);color:var(--color-text-secondary)}:root[data-theme=dark] .env-warning{background:rgba(var(--warning-rgb),.14);border-left-color:var(--color-warning, #f59e0b);color:var(--color-text)}@media (max-width: 768px){.environment-controls{grid-template-columns:1fr}.env-control-header{flex-wrap:wrap;gap:var(--spacing-sm)}}.chatbot-management{width:100%;display:flex;flex-direction:column;gap:var(--spacing-3xl)}.chatbot-management--detail{gap:var(--spacing-2xl);padding-top:var(--spacing-xl)}.chatbots-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--spacing-2xl);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);background:radial-gradient(circle at 12% 20%,rgba(var(--primary-rgb),.18),transparent 55%),radial-gradient(circle at 82% 12%,rgba(var(--accent-pink-rgb),.18),transparent 55%),linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--accent-pink-rgb),.14));border:1px solid rgba(var(--primary-rgb),.18);box-shadow:var(--shadow-xl);color:var(--color-text)}.chatbots-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.28),transparent 60%);pointer-events:none}.chatbots-hero__primary{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.chatbots-hero__header{display:flex;align-items:center;gap:var(--spacing-md)}.chatbots-back-button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--primary-rgb),.4)!important;background:var(--gradient-button-primary-strong, var(--color-primary))!important;color:var(--color-text-inverse)!important;border-radius:9999px;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)!important}.chatbots-back-button:hover{filter:brightness(1.05);border-color:rgba(var(--primary-rgb),.5);transform:translate(-2px)}.chatbots-back-button .label{font-size:14px;font-weight:600;color:var(--color-text-inverse)!important}@media (max-width: 520px){.chatbots-back-button .label{display:none}}.chatbots-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.18);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;width:-moz-fit-content;width:fit-content;margin-left:var(--spacing-xs)}.chatbots-hero__primary h1{margin:0;font-size:clamp(2.2rem,2rem + 1vw,2.8rem);font-weight:var(--font-weight-bold);line-height:1.1}.chatbots-hero__primary p{margin:0;font-size:var(--font-size-lg);color:rgba(var(--neutral-800),.85);max-width:620px;line-height:var(--line-height-relaxed)}.chatbots-hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.chatbots-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);min-height:var(--touch-target-min);background:transparent;color:var(--color-text)}.chatbots-button svg{width:1rem;height:1rem}.chatbots-button--primary{background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 12px 28px rgba(var(--primary-rgb),.25)}.chatbots-button--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.chatbots-button--ghost{border-color:rgba(var(--primary-rgb),.18);color:var(--color-primary)}.chatbots-button--ghost:hover{background:rgba(var(--primary-rgb),.12);color:var(--color-primary-dark)}.chatbots-hero__stats{position:relative;z-index:1;display:grid;gap:var(--spacing-lg);align-content:start}.chatbots-stat-card{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(var(--primary-rgb),.22);box-shadow:var(--shadow-md)}.chatbots-stat-card__icon{width:44px;height:44px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.14);color:var(--color-primary)}.chatbots-stat-card__value{display:block;font-size:1.9rem;font-weight:var(--font-weight-semibold);line-height:1.1}.chatbots-stat-card__label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--neutral-700),.75);margin-bottom:var(--spacing-2xs)}.chatbots-stat-card p{margin:0;font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.78)}.success-banner,.error-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid transparent;box-shadow:var(--shadow-sm)}.success-banner p{margin:0;flex:1}.error-banner p{margin:0;flex:1}.chatbots-command-bar{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-2xl);background:#ffffffeb;border:1px solid rgba(var(--primary-rgb),.15);box-shadow:0 18px 38px #0f172a1f}.chatbots-command-bar__search{position:relative;display:flex;align-items:center;border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.18);background:#fffffff5;padding:0 var(--spacing-md);box-shadow:inset 0 0 0 1px #ffffff59}.chatbots-command-bar__icon{color:rgba(var(--neutral-600),.7);margin-right:var(--spacing-sm)}.chatbots-command-bar__search input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text);padding:var(--spacing-sm) 0}.chatbots-command-bar__search input:focus{outline:none}.chatbots-command-bar__clear-input{background:transparent;border:none;color:rgba(var(--neutral-600),.7);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-2xs);border-radius:var(--radius-full);transition:var(--transition-all)}.chatbots-command-bar__clear-input:hover{color:var(--color-primary);background:rgba(var(--primary-rgb),.12)}.chatbots-command-bar__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:center;justify-content:space-between}.chatbots-segment{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:rgba(var(--primary-rgb),.06);padding:var(--spacing-2xs);border-radius:var(--radius-full)}.chatbots-segment__label{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--neutral-700),.7);padding:var(--spacing-1) var(--spacing-sm)}.chatbots-segment__option{border:none;background:transparent;padding:var(--spacing-1) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:rgba(var(--neutral-600),.85);transition:var(--transition-all)}.chatbots-segment__option.is-active{background:rgba(var(--primary-rgb),.12);color:var(--color-primary-dark);border:1px solid rgba(var(--primary-rgb),.25);border-radius:var(--radius-md);box-shadow:none}.chatbots-command-bar__meta{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.chatbots-command-bar__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:rgba(var(--neutral-700),.85);padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.12)}.chatbots-command-bar__clear,.chatbots-command-bar__quick{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;background:transparent;padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);transition:var(--transition-all)}.chatbots-command-bar__clear{color:var(--color-primary)}.chatbots-command-bar__clear:hover{background:rgba(var(--primary-rgb),.12)}.chatbots-command-bar__quick{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--spacing-1) var(--spacing-md)}.chatbots-command-bar__quick:hover{filter:brightness(1.05)}.empty-state{text-align:center;padding:var(--spacing-3xl);border-radius:var(--radius-2xl);border:2px dashed rgba(var(--primary-rgb),.18);background:var(--color-surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.empty-state h3{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.empty-state p{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:420px}.chatbots-grid{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.chatbot-card{position:relative;padding:var(--spacing-2xl);border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.16);background:linear-gradient(150deg,#fffffff2,rgba(var(--primary-rgb),.08));box-shadow:0 28px 60px #0f172a1f;display:flex;flex-direction:column;gap:var(--spacing-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.chatbot-card:hover{transform:translateY(-4px);box-shadow:0 34px 70px #0f172a29}.chatbot-card__gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--primary-rgb),.12),transparent 65%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.chatbot-card:hover .chatbot-card__gradient{opacity:1}.chatbot-card--inactive{opacity:.7}.chatbot-card__header{position:relative;z-index:1;display:flex;gap:var(--spacing-lg);align-items:flex-start}.chatbot-card__avatar{width:56px;height:56px;border-radius:var(--radius-xl);background:rgba(var(--primary-rgb),.12);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.chatbot-card__header-text{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.chatbot-card__title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.chatbot-card__title-row h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.chatbot-card__status{padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.chatbot-card__status--active{background:rgba(var(--success-rgb),.18);color:var(--color-success, #12b76a)}.chatbot-card__status--inactive{background:rgba(var(--warning-rgb),.18);color:var(--color-warning, #f79009)}.chatbot-card__badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chatbot-card__badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.chatbot-card__badge--default{background:rgba(var(--success-rgb),.18);color:var(--color-success, #12b76a)}.chatbot-card__badge--purpose{background:rgba(var(--primary-rgb),.16);color:var(--color-primary-dark)}.chatbot-card__description{margin:0;font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.85);line-height:var(--line-height-relaxed)}.chatbot-card__stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.chatbot-card__stat{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid rgba(var(--primary-rgb),.15);box-shadow:var(--shadow-sm)}.chatbot-card__stat-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--neutral-700),.65)}.chatbot-card__stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.chatbot-card__meta{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-lg)}.chatbot-card__meta-item{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.chatbot-card__meta-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--neutral-700),.6)}.chatbot-card__meta-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.chatbot-card__actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.chatbot-card__action-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.chatbot-card__action{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid rgba(var(--primary-rgb),.16);background:rgba(var(--primary-rgb),.08);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;flex:1 1 140px;justify-content:center;transition:var(--transition-all)}.chatbot-card__action svg{width:14px;height:14px}.chatbot-card__action:hover{border-color:rgba(var(--primary-rgb),.26);background:rgba(var(--primary-rgb),.16)}.chatbot-card__action--primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.chatbot-card__action--primary:hover{filter:brightness(1.05)}.chatbot-card__action--ghost{background:rgba(var(--neutral-500),.08);color:rgba(var(--neutral-700),.85)}.chatbot-card__action--ghost:hover{background:rgba(var(--neutral-500),.16);color:var(--color-primary)}.chatbot-card__action--danger{background:rgba(var(--error-rgb),.18);color:var(--color-error, #E94B3C);border-color:rgba(var(--error-rgb),.26)}.chatbot-card__action--danger:hover{background:rgba(var(--error-rgb),.26)}.chatbot-card__action-group--secondary{justify-content:flex-start}.detail-hero{background:linear-gradient(135deg,#fffffff2,rgba(var(--primary-rgb),.08));border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.16);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.detail-hero__back{display:flex;justify-content:space-between;align-items:center}.detail-hero__back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);border:1px solid rgba(var(--primary-rgb),.4)!important;background:var(--gradient-button-primary-strong, var(--color-primary))!important;color:var(--color-text-inverse)!important;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:var(--transition-all);box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)!important}.detail-hero__back-btn:hover{filter:brightness(1.05);transform:translate(-2px)}.chatbots-back-button svg,.detail-hero__back-btn svg{color:var(--color-text-inverse)!important;stroke:currentColor!important}.detail-hero__body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.detail-hero__heading{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:640px}.detail-hero__eyebrow{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--neutral-700),.7)}.detail-hero__heading h2{margin:0;font-size:clamp(1.9rem,1.6rem + .8vw,2.4rem);font-weight:var(--font-weight-semibold)}.detail-hero__heading p{margin:0;font-size:var(--font-size-base);color:rgba(var(--neutral-700),.8);line-height:var(--line-height-relaxed)}.detail-hero__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-lg)}.detail-hero__meta-item{display:flex;flex-direction:column;gap:var(--spacing-2xs);padding:var(--spacing-md);border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.14);background:#ffffffd9}.detail-hero__meta-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--neutral-700),.6)}.detail-hero__meta-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tab-view{display:flex;flex-direction:column;gap:var(--spacing-xl)}.tab-body{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.14);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--color-text-secondary)}.loading-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(var(--primary-rgb),.18);border-top-color:var(--color-primary);animation:spin 1s linear infinite}:root[data-theme=dark] .chatbots-hero{background:radial-gradient(circle at 14% 22%,rgba(var(--primary-rgb),.26),transparent 55%),radial-gradient(circle at 82% 14%,rgba(var(--accent-pink-rgb),.24),transparent 55%),linear-gradient(135deg,#1c2a46f2,#0e1626eb);border-color:rgba(var(--primary-rgb),.38);color:var(--color-text)}:root[data-theme=dark] .chatbots-hero:after{background:linear-gradient(145deg,rgba(148,163,184,.12),transparent 60%)}:root[data-theme=dark] .chatbots-hero__eyebrow{background:rgba(var(--primary-rgb),.32);color:var(--color-text-inverse)}:root[data-theme=dark] .chatbots-hero__primary p{color:#e2e8f0d1}:root[data-theme=dark] .chatbots-button--ghost{color:var(--color-primary-hover);border-color:rgba(var(--primary-rgb),.3)}:root[data-theme=dark] .chatbots-button--ghost:hover{background:rgba(var(--primary-rgb),.26);color:var(--color-text)}:root[data-theme=dark] .chatbots-stat-card{background:var(--glass-background);border-color:rgba(var(--primary-rgb),.32);box-shadow:var(--shadow-lg)}:root[data-theme=dark] .chatbots-stat-card__icon{background:rgba(var(--primary-rgb),.3);color:var(--color-text-inverse)}:root[data-theme=dark] .chatbots-stat-card__label{color:#cbd5e1b8}:root[data-theme=dark] .chatbots-stat-card p{color:#cbd5e1b3}:root[data-theme=dark] .success-banner{background:rgba(var(--success-rgb),.2);border-color:rgba(var(--success-rgb),.32);color:var(--color-text)}:root[data-theme=dark] .error-banner{background:rgba(var(--error-rgb),.2);border-color:rgba(var(--error-rgb),.35);color:var(--color-text)}:root[data-theme=dark] .chatbots-command-bar{background:var(--color-surface-elevated);border-color:var(--color-border);box-shadow:var(--shadow-md)}:root[data-theme=dark] .chatbots-command-bar__search{background:var(--color-surface);border-color:var(--color-border);box-shadow:inset 0 0 0 1px #ffffff0f}:root[data-theme=dark] .chatbots-command-bar__icon,:root[data-theme=dark] .chatbots-command-bar__clear-input{color:#cbd5e1ad}:root[data-theme=dark] .chatbots-command-bar__clear-input:hover{background:rgba(var(--primary-rgb),.2);color:var(--color-text)}:root[data-theme=dark] .chatbots-segment{background:rgba(var(--primary-rgb),.16)}:root[data-theme=dark] .chatbots-segment__label{color:#cbd5e1bf}:root[data-theme=dark] .chatbots-segment__option{color:#e2e8f0b3}:root[data-theme=dark] .chatbots-segment__option.is-active{background:#ffffff1a;color:var(--color-text);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);box-shadow:none}:root[data-theme=dark] .chatbots-command-bar__count{background:rgba(var(--primary-rgb),.2);color:var(--color-text)}:root[data-theme=dark] .chatbots-command-bar__clear{color:var(--color-primary-hover)}:root[data-theme=dark] .chatbots-command-bar__clear:hover{background:rgba(var(--primary-rgb),.2);color:var(--color-text)}:root[data-theme=dark] .empty-state{background:#10192af0;border-color:rgba(var(--primary-rgb),.3);color:var(--color-text)}:root[data-theme=dark] .empty-state p{color:#cbd5e1bf}:root[data-theme=dark] .chatbot-card{background:linear-gradient(155deg,#1a2640f5,#0c1424eb);border-color:rgba(var(--primary-rgb),.32);box-shadow:var(--shadow-xl)}:root[data-theme=dark] .chatbot-card__gradient{background:linear-gradient(180deg,rgba(var(--primary-rgb),.26),transparent 68%)}:root[data-theme=dark] .chatbot-card__avatar{background:rgba(var(--primary-rgb),.3);color:var(--color-text-inverse)}:root[data-theme=dark] .chatbot-card__status--active{background:rgba(var(--success-rgb),.24);color:#6ee7b7}:root[data-theme=dark] .chatbot-card__status--inactive{background:rgba(var(--warning-rgb),.26);color:#fbbf24}:root[data-theme=dark] .chatbot-card__badge--default{background:rgba(var(--success-rgb),.22);color:#bbf7d0}:root[data-theme=dark] .chatbot-card__badge--purpose{background:rgba(var(--primary-rgb),.22);color:var(--color-text)}:root[data-theme=dark] .chatbot-card__description{color:#e2e8f0bf}:root[data-theme=dark] .chatbot-card__stat{background:var(--glass-background);border-color:rgba(var(--primary-rgb),.3)}:root[data-theme=dark] .chatbot-card__stat-label,:root[data-theme=dark] .chatbot-card__meta-label{color:#cbd5e1b3}:root[data-theme=dark] .chatbot-card__action{background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.32);color:var(--color-text)}:root[data-theme=dark] .chatbot-card__action:hover{background:rgba(var(--primary-rgb),.26);border-color:rgba(var(--primary-rgb),.4)}:root[data-theme=dark] .chatbot-card__action--ghost{background:#94a3b82e;color:#e2e8f0eb}:root[data-theme=dark] .chatbot-card__action--ghost:hover{background:#94a3b847;color:var(--color-text)}:root[data-theme=dark] .chatbot-card__action--danger{background:rgba(var(--error-rgb),.24);color:#fecaca;border-color:rgba(var(--error-rgb),.38)}:root[data-theme=dark] .detail-hero{background:linear-gradient(140deg,#18243cf5,#0c1424eb);border-color:rgba(var(--primary-rgb),.3)}:root[data-theme=dark] .detail-hero__back-btn{background:var(--gradient-button-primary-strong)!important;border-color:rgba(var(--primary-rgb),.5)!important;color:var(--color-text-inverse)!important}:root[data-theme=dark] .detail-hero__back-btn:hover{filter:brightness(1.05)}:root[data-theme=dark] .detail-hero__eyebrow,:root[data-theme=dark] .detail-hero__heading p{color:#cbd5e1b8}:root[data-theme=dark] .detail-hero__meta-item{background:var(--glass-background);border-color:rgba(var(--primary-rgb),.28)}:root[data-theme=dark] .detail-hero__meta-label{color:#cbd5e1b3}:root[data-theme=dark] .tab-body{background:#101b2ef2;border-color:rgba(var(--primary-rgb),.3);box-shadow:var(--shadow-xl)}:root[data-theme=dark] .loading-container{color:#cbd5e1b3}:root[data-theme=dark] .loading-spinner{border-color:rgba(var(--primary-rgb),.32);border-top-color:var(--color-primary)}@media (max-width: 1180px){.chatbots-hero{grid-template-columns:1fr}.chatbots-hero__stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chatbots-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 768px){.chatbots-hero{padding:var(--spacing-xl)}.chatbots-hero__actions{flex-direction:column}.chatbots-command-bar{padding:var(--spacing-lg)}.chatbots-command-bar__filters{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.chatbots-command-bar__meta{width:100%}.chatbots-grid{grid-template-columns:1fr}.chatbot-card{padding:var(--spacing-xl)}.chatbot-card__stats{grid-template-columns:1fr}.chatbot-card__action{flex:1 1 100%}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.loading-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);animation:fadeIn var(--transition-fast) ease-out}.loading-overlay__content{text-align:center}.loading-overlay__message{margin-top:var(--spacing-md);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);min-height:200px}.loading-state__message{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.loading-spinner{width:48px;height:48px;animation:rotate 1s linear infinite}.loading-spinner__svg{width:100%;height:100%}.loading-spinner__circle{stroke:var(--tenant-primary, var(--color-primary));stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.loading-dots{display:flex;align-items:center;gap:var(--spacing-sm)}.loading-dot{width:12px;height:12px;border-radius:var(--border-radius-full);background:var(--tenant-primary, var(--color-primary));animation:bounce 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-skeleton{width:100%;max-width:400px}.loading-skeleton__line{height:16px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface-hover) 50%,var(--color-border) 75%);background-size:200% 100%;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);animation:shimmer 1.5s infinite}.loading-skeleton__line--short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.loading-spinner,.loading-dot,.loading-skeleton__line{animation:none}.loading-spinner__circle{animation:none;stroke-dasharray:90,150}.loading-dot{opacity:1;transform:scale(1)}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.error-alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-base);border:1px solid;margin-bottom:var(--spacing-lg);animation:slideIn var(--transition-base) ease-out}.error-alert--error{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.error-alert--warning{background:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}.error-alert--info{background:#3b82f61a;border-color:var(--color-info);color:var(--color-info)}:root[data-theme=dark] .error-alert--error{background:#ef444426}:root[data-theme=dark] .error-alert--warning{background:#f59e0b26}:root[data-theme=dark] .error-alert--info{background:#3b82f626}.error-alert__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-alert__content{flex:1;min-width:0}.error-alert__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text)}.error-alert__message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;color:var(--color-text-secondary)}.error-alert__actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.error-alert__button{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-colors)}.error-alert__button--retry{background:var(--color-error);border-color:var(--color-error);color:#fff}.error-alert__button--retry:hover{background:var(--color-error-hover, #dc2626)}.error-alert__button--dismiss{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.error-alert__button--dismiss:hover{background:var(--color-surface-hover)}.error-alert__close{flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-colors)}.error-alert__close:hover{color:var(--color-text-secondary);background:#0000000d}:root[data-theme=dark] .error-alert__close:hover{background:#ffffff1a}.error-alert__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.error-alert{padding:var(--spacing-md)}.error-alert__actions{flex-direction:column;align-items:stretch}.error-alert__button{width:100%}}@media (prefers-reduced-motion: reduce){.error-alert{animation:none}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.page-layout-header{margin-bottom:var(--page-header-margin-bottom)}.page-layout-header__content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--page-header-padding)}.page-layout-header__title-section{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.page-layout-header__text{flex:1;min-width:0}.page-layout-header__breadcrumbs{margin-bottom:var(--breadcrumb-margin-bottom)}.page-layout-header__pretitle{display:flex;align-items:center;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--breadcrumb-gap);list-style:none;padding:0;margin:0;font-size:var(--breadcrumb-font-size);color:var(--color-text-secondary)}.breadcrumb-item{display:flex;align-items:center;gap:var(--breadcrumb-gap)}.breadcrumb-icon{display:inline-flex;align-items:center;width:var(--icon-size-sm);height:var(--icon-size-sm)}.breadcrumb-link{color:var(--tenant-primary, var(--color-primary));text-decoration:none;transition:var(--transition-colors)}.breadcrumb-link:hover{color:var(--tenant-primary-hover, var(--color-primary-hover));text-decoration:underline}.breadcrumb-link:focus-visible{outline:var(--focus-ring-width) solid var(--tenant-primary, var(--focus-ring-color));outline-offset:var(--focus-ring-offset);border-radius:var(--border-radius-sm)}.breadcrumb-button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.breadcrumb-current{color:var(--color-text);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--color-text-tertiary);margin:0 var(--spacing-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-layout-header__title{font-size:var(--page-header-title-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0;padding:0}.page-layout-header__subtitle{font-size:var(--page-header-subtitle-size);color:var(--color-text-secondary);margin:var(--page-header-gap) 0 0 0;padding:0;line-height:var(--line-height-normal)}.page-layout-header__logo{flex-shrink:0;width:120px;height:40px;display:flex;align-items:center}.tenant-logo{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.page-layout-header__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.page-layout-header__actions>*{flex-shrink:0}@media (max-width: 1024px){.page-layout-header__content{flex-direction:column;align-items:flex-start}.page-layout-header__actions{width:100%;justify-content:flex-end}}@media (max-width: 640px){.page-layout-header__title{font-size:var(--font-size-2xl)}.breadcrumbs-list{font-size:var(--font-size-xs)}.page-layout-header__logo{width:100px;height:32px}.page-layout-header__title-section{flex-direction:column;align-items:flex-start}.page-layout-header__actions{gap:8px;flex-wrap:wrap}.page-layout-header__actions--stack{flex-direction:column;width:100%}.page-layout-header__actions--stack>*{width:100%}}@media print{.page-layout-header__actions{display:none}.breadcrumb-separator{margin:0 4px}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.page-layout-content{display:flex;flex-direction:column;gap:var(--page-section-gap)}@media (max-width: 640px){.page-layout-content{gap:var(--page-section-gap-mobile)}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.page-layout-actions{display:flex;align-items:center;gap:12px;margin-top:var(--form-actions-margin-top);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border)}.page-layout-actions--left{justify-content:flex-start}.page-layout-actions--right{justify-content:flex-end}.page-layout-actions--center{justify-content:center}.page-layout-actions--between{justify-content:space-between}.page-layout-actions--sticky{position:sticky;bottom:0;background:var(--color-background);border-top:1px solid var(--color-border);padding:var(--spacing-lg);margin:var(--spacing-xl) calc(-1 * var(--spacing-lg)) 0;z-index:var(--z-index-sticky);box-shadow:0 -2px 8px #0000000d}:root[data-theme=dark] .page-layout-actions--sticky{box-shadow:0 -2px 8px #0000004d}@media (max-width: 640px){.page-layout-actions{gap:var(--spacing-sm);flex-direction:column-reverse;align-items:stretch}.page-layout-actions--left,.page-layout-actions--right,.page-layout-actions--center{justify-content:stretch}.page-layout-actions--sticky{padding:var(--spacing-md)}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.page-layout-card{background:var(--color-surface);border:var(--card-border-width) solid var(--color-border);border-radius:var(--card-border-radius);transition:var(--transition-all)}.page-layout-card--shadow{box-shadow:var(--card-shadow)}.page-layout-card--shadow:hover{box-shadow:var(--card-shadow-hover)}.page-layout-card--padding-sm{padding:var(--card-padding-sm)}.page-layout-card--padding-base{padding:var(--card-padding)}.page-layout-card--padding-lg{padding:var(--card-padding-lg)}.page-layout-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.page-layout-card__title-section{flex:1;min-width:0}.page-layout-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;padding:0}.page-layout-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0;padding:0}.page-layout-card__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 640px){.page-layout-card__header{flex-direction:column;align-items:flex-start}.page-layout-card__actions{width:100%;justify-content:flex-end}.page-layout-card--padding-base,.page-layout-card--padding-lg{padding:var(--card-padding-sm)}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.page-layout{position:relative;width:100%;min-height:calc(100vh - var(--top-action-bar-height, 64px));padding:var(--page-padding);background:var(--color-background);color:var(--color-text);font-family:var(--tenant-font-family, var(--font-sans))}.page-layout[data-loading=true]{pointer-events:none;opacity:.7}.page-layout__container{margin:0 auto;width:100%}.page-layout--sm .page-layout__container{max-width:var(--page-max-width-sm)}.page-layout--md .page-layout__container{max-width:var(--page-max-width-md)}.page-layout--lg .page-layout__container{max-width:var(--page-max-width-lg)}.page-layout--xl .page-layout__container{max-width:var(--page-max-width-xl)}.page-layout--full .page-layout__container{max-width:var(--page-max-width-full)}@media (max-width: 1024px){.page-layout{padding:var(--page-padding-mobile)}}@media (max-width: 640px){.page-layout{padding:var(--spacing-md)}.page-layout--sm .page-layout__container,.page-layout--md .page-layout__container,.page-layout--lg .page-layout__container{max-width:100%}}@media print{.page-layout{background:#fff;color:#000;padding:0}.page-layout__container{max-width:100%}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:var(--form-section-padding);margin-bottom:var(--form-section-gap)}:root[data-theme=dark] .form-section{background:var(--color-surface-elevated);border-color:var(--color-border);box-shadow:0 8px 24px #00000040 inset}.form-section__header{margin-bottom:var(--form-section-header-margin);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.form-section__header--collapsible{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-colors)}.form-section__header--collapsible:hover{color:var(--tenant-primary, var(--color-primary))}.form-section__header--collapsible:focus-visible{outline:var(--focus-ring-width) solid var(--tenant-primary, var(--focus-ring-color));outline-offset:var(--focus-ring-offset);border-radius:var(--border-radius-sm)}.form-section__title-section{flex:1}.form-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;padding:0}:root[data-theme=dark] .form-section__title{color:var(--color-text)}.form-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0;padding:0}.form-section__toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:var(--transition-transform)}.form-section__toggle--open{transform:rotate(180deg)}.form-section__content{display:flex;flex-direction:column;gap:var(--form-field-gap)}@media (max-width: 640px){.form-section{padding:var(--spacing-lg)}.form-section__title{font-size:var(--font-size-base)}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.form-actions{display:flex;align-items:center;gap:var(--form-actions-gap);margin-top:var(--form-actions-margin-top);padding:var(--form-actions-padding) 0}.form-actions--left{justify-content:flex-start}.form-actions--right{justify-content:flex-end}.form-actions--center{justify-content:center}.form-actions--between{justify-content:space-between}.form-actions--sticky{position:sticky;bottom:0;background:var(--color-background);border-top:1px solid var(--color-border);padding:var(--form-actions-padding);margin:var(--form-actions-margin-top) calc(-1 * var(--form-section-padding)) 0;z-index:var(--z-index-sticky);box-shadow:0 -2px 8px #0000000d}:root[data-theme=dark] .form-actions--sticky{box-shadow:0 -2px 8px #0000004d}@media (max-width: 640px){.form-actions{gap:var(--spacing-sm);flex-direction:column-reverse;align-items:stretch}.form-actions button{width:100%}.form-actions--left,.form-actions--right,.form-actions--center{justify-content:stretch}.form-actions--sticky{padding:var(--spacing-md)}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.form-page-layout{width:100%}.form-page-layout input:not([type=checkbox]):not([type=radio]):focus,.form-page-layout textarea:focus,.form-page-layout select:focus{border-color:var(--tenant-primary, var(--color-primary));outline:none;box-shadow:0 0 0 3px rgba(var(--tenant-primary-rgb, 99, 102, 241),.1)}:root[data-theme=dark] .form-page-layout input:not([type=checkbox]):not([type=radio]),:root[data-theme=dark] .form-page-layout textarea,:root[data-theme=dark] .form-page-layout select{background:#ffffff0a;border-color:var(--color-border);color:var(--color-text)}:root[data-theme=dark] .form-page-layout input::-moz-placeholder,:root[data-theme=dark] .form-page-layout textarea::-moz-placeholder{color:var(--color-text-muted)}:root[data-theme=dark] .form-page-layout input::placeholder,:root[data-theme=dark] .form-page-layout textarea::placeholder{color:var(--color-text-muted)}:root[data-theme=dark] .form-page-layout input:focus,:root[data-theme=dark] .form-page-layout textarea:focus,:root[data-theme=dark] .form-page-layout select:focus{box-shadow:0 0 0 3px rgba(var(--tenant-primary-rgb, 129, 140, 248),.2)}.form-page-layout input[type=checkbox]:checked,.form-page-layout input[type=radio]:checked{background-color:var(--tenant-primary, var(--color-primary));border-color:var(--tenant-primary, var(--color-primary))}.form-page-layout button[type=submit],.form-page-layout .btn-primary{background:var(--tenant-primary, var(--color-primary));border-color:var(--tenant-primary, var(--color-primary));color:#fff;transition:var(--transition-colors)}.form-page-layout button[type=submit]:hover:not(:disabled),.form-page-layout .btn-primary:hover:not(:disabled){background:var(--tenant-primary-hover, var(--color-primary-hover));border-color:var(--tenant-primary-hover, var(--color-primary-hover))}.form-page-layout button[type=submit]:disabled,.form-page-layout .btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-page-layout .field-error,.form-page-layout [aria-invalid=true]{border-color:var(--color-error)}.form-page-layout .field-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-page-layout .error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}@media (max-width: 768px){.form-page-layout{max-width:100%}}.form-page-layout[data-dirty=true]:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-warning);z-index:var(--z-index-fixed);animation:pulse 2s ease-in-out infinite}.form-page-layout .required:after{content:"*";color:var(--color-error);margin-left:var(--spacing-xs)}:root[data-theme=dark] .form-page-layout label{color:var(--color-text)}:root[data-theme=dark] .form-page-layout .form-hint,:root[data-theme=dark] .form-page-layout small{color:var(--color-text-secondary)}.form-page-layout *:focus-visible{outline:var(--focus-ring-width) solid var(--tenant-primary, var(--focus-ring-color));outline-offset:var(--focus-ring-offset)}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.view-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:var(--view-section-padding);margin-bottom:var(--view-section-gap)}.view-section__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.view-section__title-section{flex:1;min-width:0}.view-section__title-section--collapsible{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-colors)}.view-section__title-section--collapsible:hover .view-section__title{color:var(--tenant-primary, var(--color-primary))}.view-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;padding:0;transition:var(--transition-colors)}.view-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0;padding:0}.view-section__toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:var(--transition-transform)}.view-section__toggle--open{transform:rotate(180deg)}.view-section__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 640px){.view-section{padding:var(--spacing-md)}.view-section__header{flex-direction:column;align-items:flex-start}.view-section__actions{width:100%;justify-content:flex-end}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.view-grid{display:grid;gap:var(--view-grid-gap);margin:0;padding:0}.view-grid--columns-1{grid-template-columns:1fr}.view-grid--columns-2{grid-template-columns:repeat(2,1fr)}.view-grid--columns-3{grid-template-columns:repeat(3,1fr)}.view-grid__item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.view-grid__item--span-2{grid-column:span 2}.view-grid__item--span-3{grid-column:span 3}.view-grid__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0;padding:0;display:flex;align-items:center;gap:var(--spacing-xs)}.view-grid__icon{display:inline-flex;align-items:center;width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--tenant-accent, var(--color-accent))}.view-grid__value{font-size:var(--font-size-base);color:var(--color-text);margin:0;padding:0;word-break:break-word}.view-grid__empty{color:var(--color-text-tertiary);font-style:italic}@media (max-width: 1024px){.view-grid--columns-3{grid-template-columns:repeat(2,1fr)}.view-grid__item--span-3{grid-column:span 2}}@media (max-width: 640px){.view-grid--columns-2,.view-grid--columns-3{grid-template-columns:1fr}.view-grid__item--span-2,.view-grid__item--span-3{grid-column:span 1}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.view-page-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.view-page-layout:has(.view-page-layout__aside){grid-template-columns:1fr auto}.view-page-layout__main{min-width:0}.view-page-layout__aside{width:var(--aside-width);flex-shrink:0}@media (max-width: 1024px){.view-page-layout:has(.view-page-layout__aside){grid-template-columns:1fr}.view-page-layout__aside{width:100%}}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}.list-toolbar{display:flex;align-items:center;gap:var(--list-toolbar-gap);padding:var(--list-toolbar-padding);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-base);min-height:var(--list-toolbar-height)}.list-toolbar__search{flex:1;min-width:0}.list-toolbar__search-input{width:100%;height:var(--input-height-base);padding:0 var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm);transition:var(--transition-colors)}.list-toolbar__search-input:focus{border-color:var(--tenant-primary, var(--color-primary));outline:none;box-shadow:0 0 0 3px rgba(var(--tenant-primary-rgb, 99, 102, 241),.1)}.list-toolbar__content{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 640px){.list-toolbar,.list-toolbar__content{flex-direction:column;align-items:stretch}.list-toolbar__content button{width:100%}}:root{--spacing-unit: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}:root{--border-radius-none: 0;--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--border-radius-full: 9999px}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .35);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06)}:root[data-theme=dark]{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}:root{--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-fixed: 1200;--z-index-modal-backdrop: 1300;--z-index-modal: 1400;--z-index-popover: 1500;--z-index-tooltip: 1600;--z-index-notification: 1700}:root{--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-colors: color var(--transition-base) var(--ease-in-out), background-color var(--transition-base) var(--ease-in-out), border-color var(--transition-base) var(--ease-in-out);--transition-transform: transform var(--transition-base) var(--ease-out);--transition-all: all var(--transition-base) var(--ease-in-out)}:root{--input-height-sm: 32px;--input-height-base: 40px;--input-height-lg: 48px;--button-height-sm: 32px;--button-height-base: 40px;--button-height-lg: 48px;--button-padding-x-sm: 12px;--button-padding-x-base: 16px;--button-padding-x-lg: 24px;--icon-size-xs: 12px;--icon-size-sm: 16px;--icon-size-base: 20px;--icon-size-lg: 24px;--icon-size-xl: 32px;--icon-size-2xl: 48px}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--touch-target-min: 44px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-primary, #6366f1);--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-background), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}*:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}*:focus:not(:focus-visible){outline:none}:root{--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-select{-moz-user-select:none;user-select:none;-webkit-user-select:none}.smooth-scroll{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}:root{--page-max-width: 1440px;--page-max-width-sm: 640px;--page-max-width-md: 800px;--page-max-width-lg: 1024px;--page-max-width-xl: 1440px;--page-max-width-full: 100%;--page-padding: var(--spacing-lg);--page-padding-mobile: var(--spacing-md);--page-section-gap: var(--spacing-2xl);--page-section-gap-mobile: var(--spacing-xl);--page-header-height: 64px;--page-header-margin-bottom: var(--spacing-xl)}:root{--sidebar-width: 280px;--sidebar-width-collapsed: 64px;--sidebar-padding: var(--spacing-md);--top-action-bar-height: 64px;--top-action-bar-padding: var(--spacing-md);--main-content-padding: var(--spacing-lg);--main-content-padding-mobile: var(--spacing-md)}:root{--card-padding: var(--spacing-lg);--card-padding-sm: var(--spacing-md);--card-padding-lg: var(--spacing-xl);--card-gap: var(--spacing-lg);--card-border-width: 1px;--card-border-radius: var(--border-radius-base);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md)}:root{--form-max-width: 800px;--form-padding: var(--spacing-lg);--form-section-gap: var(--spacing-xl);--form-section-padding: var(--spacing-lg);--form-section-header-margin: var(--spacing-md);--form-field-gap: 16px;--form-grid-column-gap: 16px;--form-label-margin: var(--spacing-xs);--form-actions-height: 72px;--form-actions-padding: var(--spacing-lg);--form-actions-gap: 12px;--form-actions-margin-top: var(--spacing-2xl)}:root{--view-section-gap: var(--spacing-xl);--view-section-padding: var(--spacing-lg);--view-grid-gap: var(--spacing-md);--view-grid-column-gap: var(--spacing-lg);--view-toolbar-height: 56px;--view-toolbar-gap: var(--spacing-sm);--view-toolbar-margin-bottom: var(--spacing-lg)}:root{--list-toolbar-height: 56px;--list-toolbar-padding: var(--spacing-md);--list-toolbar-gap: var(--spacing-md);--list-toolbar-margin-bottom: var(--spacing-lg);--list-filters-width: 280px;--list-filters-padding: var(--spacing-lg);--list-item-padding: var(--spacing-md);--list-item-gap: var(--spacing-sm);--table-cell-padding: var(--spacing-md);--table-header-padding: var(--spacing-md);--table-row-gap: var(--spacing-xs)}:root{--page-header-padding: var(--spacing-lg) 0;--page-header-title-size: var(--font-size-3xl);--page-header-subtitle-size: var(--font-size-sm);--page-header-gap: var(--spacing-sm);--breadcrumb-height: 24px;--breadcrumb-gap: var(--spacing-xs);--breadcrumb-margin-bottom: var(--spacing-md);--breadcrumb-font-size: var(--font-size-sm)}:root{--aside-width: 320px;--aside-padding: var(--spacing-lg);--aside-gap: var(--spacing-lg);--aside-width-mobile: 100%}:root{--tenant-primary: var(--color-primary, #6366f1);--tenant-primary-hover: var(--color-primary-hover, #4f46e5);--tenant-accent: var(--color-accent, #f59e0b);--tenant-font-family: var(--font-sans);--tenant-logo-light: url(/logo-light.svg);--tenant-logo-dark: url(/logo-dark.svg)}@media (max-width: 1024px){:root{--page-padding: var(--page-padding-mobile);--main-content-padding: var(--main-content-padding-mobile);--page-section-gap: var(--page-section-gap-mobile);--sidebar-width: var(--sidebar-width-collapsed);--form-max-width: 100%}}@media (max-width: 640px){:root{--card-padding: var(--card-padding-sm);--form-section-padding: 16px;--form-section-gap: 20px;--aside-width: var(--aside-width-mobile);--page-header-title-size: var(--font-size-2xl)}}.loading-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal)}:root[data-theme=dark] .loading-overlay{background:#000000b3}.error-alert{margin-bottom:var(--spacing-lg)}.empty-state{padding:var(--spacing-2xl);text-align:center}.list-page-layout__toolbar{margin-bottom:var(--list-toolbar-margin-bottom)}.list-page-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.list-page-layout:has(.list-page-layout__filters){grid-template-columns:var(--list-filters-width) 1fr}.list-page-layout__filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:var(--list-filters-padding);height:-moz-fit-content;height:fit-content;position:sticky;top:var(--spacing-lg)}.list-page-layout__content{min-width:0}@media (max-width: 1024px){.list-page-layout:has(.list-page-layout__filters){grid-template-columns:1fr}.list-page-layout__filters{position:static}}.tool-catalog-page{padding:var(--spacing-6);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--spacing-6)}.page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.page-header p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.success-banner,.error-banner{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.success-banner{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.error-banner{background-color:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.catalog-filters{margin-bottom:var(--spacing-6);display:flex;gap:var(--spacing-4);flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:300px}.search-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.category-filters{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.category-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.category-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-alpha)}.category-btn.active{background-color:var(--color-primary);color:var(--color-bg-primary);border-color:var(--color-primary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-5)}.tool-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);transition:all .3s;display:flex;flex-direction:column}.tool-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tool-card-header{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.tool-icon{width:48px;height:48px;border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain}.tool-title h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.tool-category{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.tool-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4);flex:1}.tool-capabilities{margin-bottom:var(--spacing-4)}.tool-capabilities h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.tool-capabilities ul{list-style:none;padding:0;margin:0}.tool-capabilities li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-1) 0;padding-left:var(--spacing-4);position:relative}.tool-capabilities li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-top:auto;padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.availability-badge{flex:1}.badge-public,.badge-private{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-public{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.badge-private{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.btn-manage{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.btn-manage:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.no-tools{grid-column:1 / -1;text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.loading-spinner{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.close-btn{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s}.close-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-5)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.radio-option{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.radio-option:hover{border-color:var(--color-primary);background-color:var(--color-primary-alpha)}.radio-option input[type=radio]{margin-top:var(--spacing-1);cursor:pointer}.radio-option input[type=radio]:checked+div{color:var(--color-primary)}.radio-option strong{display:block;font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.radio-option p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.info-box{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-md);padding:var(--spacing-4);margin-top:var(--spacing-4)}.info-box h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-info-text);margin:0 0 var(--spacing-2) 0}.info-box p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5);border-top:1px solid var(--color-border)}.btn-primary,.btn-secondary{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-text-primary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.tenant-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2);background-color:var(--color-bg-secondary)}.tenant-checkbox{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.tenant-checkbox:hover{background-color:var(--color-bg-tertiary)}.tenant-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.tenant-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.tenant-info strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.tenant-domain{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.help-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-2);font-style:italic}.loading-text{text-align:center;padding:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width: 768px){.tool-catalog-page{padding:var(--spacing-4)}.catalog-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.tools-grid{grid-template-columns:1fr}.modal-content{max-width:100%;margin:var(--spacing-2)}}.marketplace-page .page-layout-header{margin-bottom:var(--spacing-3xl)}.marketplace-header{align-items:flex-start}.marketplace-header-actions{display:inline-flex;gap:var(--spacing-sm);flex-wrap:wrap}.marketplace-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid transparent;transition:var(--transition-all);min-height:var(--touch-target-min);background:transparent;color:var(--color-text)}.marketplace-button svg{width:1rem;height:1rem}.marketplace-button--primary{background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);box-shadow:0 8px 20px rgba(var(--primary-rgb),.25);border-color:rgba(var(--primary-rgb),.4)}.marketplace-button--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.marketplace-button--secondary{background:var(--color-surface);color:var(--color-text);border-color:rgba(var(--primary-rgb),.25)}.marketplace-button--secondary:hover{background:rgba(var(--primary-rgb),.08);border-color:var(--color-primary)}.marketplace-button--ghost{background:transparent;color:var(--color-primary);border-color:rgba(var(--primary-rgb),.15)}.marketplace-button--ghost:hover{background:rgba(var(--primary-rgb),.08);color:var(--color-primary-dark)}.marketplace-button--back{background:var(--gradient-button-primary-strong, var(--color-primary))!important;color:var(--color-text-inverse)!important;border-color:rgba(var(--primary-rgb),.4)!important;box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)!important;padding:var(--spacing-sm) var(--spacing-lg);min-height:var(--touch-target-min)}.marketplace-button--back:hover{filter:brightness(1.05);border-color:rgba(var(--primary-rgb),.5);transform:translate(-2px)}.marketplace-button--back .label,.marketplace-button--back svg{color:var(--color-text-inverse)!important;stroke:currentColor!important}@media (prefers-color-scheme: dark){.marketplace-button--back{background:var(--gradient-button-primary-strong)!important;color:var(--color-text-inverse)!important}}.marketplace-button--back .label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}@media (max-width: 520px){.marketplace-button--back .label{display:none}}.marketplace-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--spacing-2xl);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);background:radial-gradient(circle at 15% 20%,rgba(var(--primary-rgb),.16),transparent 55%),radial-gradient(circle at 80% 10%,rgba(var(--accent-pink-rgb),.12),transparent 50%),linear-gradient(135deg,rgba(var(--primary-rgb),.18),rgba(var(--accent-pink-rgb),.18));border:1px solid rgba(var(--primary-rgb),.18);color:var(--color-text);overflow:hidden;margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-xl)}.marketplace-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.24),transparent 55%);pointer-events:none}.marketplace-hero__primary{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.marketplace-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.16);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;width:-moz-fit-content;width:fit-content}.marketplace-hero__headline{font-size:clamp(2.5rem,3vw,3rem);font-weight:var(--font-weight-bold);line-height:1.1;margin:0;color:var(--color-text)}.marketplace-hero__subtitle{margin:0;font-size:var(--font-size-lg);color:rgba(var(--neutral-800),.85);max-width:640px}.marketplace-hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.marketplace-hero__trust{display:flex;flex-wrap:wrap;gap:var(--spacing-md);color:rgba(var(--neutral-800),.85);font-size:var(--font-size-sm)}.marketplace-hero__metric{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6)}.marketplace-hero__panel{position:relative;z-index:1;padding:var(--spacing-xl);border-radius:var(--radius-2xl);background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.45);box-shadow:var(--shadow-lg);display:flex;align-items:center}.marketplace-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg);width:100%}.marketplace-stat-chip{position:relative;padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.16);background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:140px}.marketplace-stat-chip[data-index="0"]{background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),#ffffffd6);color:var(--color-text)}.marketplace-stat-chip__icon{width:36px;height:36px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.12);color:var(--color-primary-dark)}.marketplace-stat-chip__value{font-size:2rem;font-weight:var(--font-weight-semibold);line-height:1.1}.marketplace-stat-chip__label{text-transform:uppercase;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;color:rgba(var(--neutral-700),.8)}.marketplace-stat-chip__helper{margin:0;font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.75)}.marketplace-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;box-shadow:var(--shadow-sm)}.marketplace-banner--success{background:rgba(var(--success-rgb),.12);color:var(--color-success, #12b76a);border-color:rgba(var(--success-rgb),.3)}.marketplace-banner--error{background:rgba(var(--error-rgb),.12);color:var(--color-error, #E94B3C);border-color:rgba(var(--error-rgb),.3)}.marketplace-command-bar{position:sticky;top:calc(var(--top-action-bar-height, 64px) + var(--spacing-lg));z-index:var(--z-index-sticky);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-2xl);background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(var(--primary-rgb),.15);box-shadow:0 20px 40px #0f172a1a}.marketplace-command-bar__primary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.marketplace-search{flex:1;min-width:240px;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.15);background:#ffffffe6;box-shadow:inset 0 0 0 1px #ffffff59}.marketplace-search input{border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text);width:100%}.marketplace-search input:focus{outline:none}.marketplace-chip-group{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.marketplace-chip{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.2);background:#ffffffbf;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:var(--transition-all)}.marketplace-chip.is-active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:0 10px 18px rgba(var(--primary-rgb),.28)}.marketplace-command-bar__meta{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.marketplace-command-bar__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:rgba(var(--neutral-700),.85);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.12)}.marketplace-command-bar__toggle,.marketplace-command-bar__clear{background:transparent;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);transition:var(--transition-all)}.marketplace-command-bar__toggle:hover,.marketplace-command-bar__clear:hover{background:rgba(var(--primary-rgb),.12)}.marketplace-command-bar__secondary{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding-top:var(--spacing-sm);border-top:1px solid rgba(var(--primary-rgb),.16)}.marketplace-segment{display:flex;flex-direction:column;gap:var(--spacing-xs)}.marketplace-segment__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:rgba(var(--neutral-700),.8)}.marketplace-segment__group{display:inline-flex;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.08)}.marketplace-segment__option{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);border:none;background:transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;color:rgba(var(--neutral-700),.8);transition:var(--transition-all)}.marketplace-segment__option.is-active{background:var(--color-surface);color:var(--color-primary-dark);box-shadow:0 2px 6px rgba(var(--primary-rgb),.2)}.marketplace-main{margin-bottom:var(--spacing-xl)}.marketplace-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) minmax(280px,.35fr);align-items:start}.marketplace-tools-grid,.marketplace-loading-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.marketplace-empty{grid-column:1 / -1;padding:var(--spacing-2xl);text-align:center;border-radius:var(--radius-2xl);border:1px dashed rgba(var(--primary-rgb),.2);background:rgba(var(--primary-rgb),.05);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.marketplace-empty h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.marketplace-empty p{margin:0;color:var(--color-text-secondary);max-width:520px}.marketplace-empty__actions{display:inline-flex;gap:var(--spacing-sm);flex-wrap:wrap}.marketplace-tool-card{background:linear-gradient(145deg,#fffffff2,rgba(var(--primary-rgb),.06));border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.14);box-shadow:0 20px 45px #0f172a14;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:var(--transition-all);position:relative;overflow:hidden}.marketplace-tool-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--primary-rgb),.08),transparent 60%);opacity:0;transition:var(--transition-all);pointer-events:none}.marketplace-tool-card:hover{transform:translateY(-4px);box-shadow:0 28px 56px #0f172a1f}.marketplace-tool-card:hover:after{opacity:1}.marketplace-tool-card__header{display:flex;align-items:center;gap:var(--spacing-md)}.marketplace-tool-card__icon{width:56px;height:56px;border-radius:var(--radius-xl);background:rgba(var(--primary-rgb),.12);border:1px solid rgba(var(--primary-rgb),.16);display:flex;align-items:center;justify-content:center;overflow:hidden}.marketplace-tool-card__icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))}:root[data-theme=dark] .marketplace-tool-card__icon{background:#ffffff14;border:1px solid rgba(255,255,255,.12)}:root[data-theme=dark] .marketplace-tool-card{background:linear-gradient(145deg,var(--color-surface),var(--color-surface-elevated));border-color:var(--color-border);box-shadow:var(--shadow-md)}:root[data-theme=dark] .marketplace-tool-card:after{background:linear-gradient(180deg,var(--white-overlay-subtle),transparent 60%)}.marketplace-tool-card__meta{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.marketplace-tool-card__title{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.marketplace-tool-card__title h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.marketplace-tool-card__category{font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.7)}.marketplace-availability{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent}.marketplace-availability--selective{background:rgba(var(--accent-pink-rgb),.18);color:var(--color-accent);border-color:rgba(var(--accent-pink-rgb),.28)}.marketplace-availability--global{background:rgba(var(--primary-rgb),.14);color:var(--color-primary-dark);border-color:rgba(var(--primary-rgb),.22)}:root[data-theme=dark] .marketplace-availability--selective{background:rgba(var(--accent-pink-rgb),.28);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] .marketplace-availability--global{background:rgba(var(--primary-rgb),.28);color:var(--color-text);border-color:var(--color-border)}.marketplace-tool-card__description{margin:0;color:rgba(var(--neutral-700),.85);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.marketplace-tool-card__capabilities{display:flex;flex-direction:column;gap:var(--spacing-xs)}.marketplace-tool-card__capabilities-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;color:rgba(var(--neutral-700),.7);text-transform:uppercase}.marketplace-tag-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.marketplace-tag{padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-lg);background:rgba(var(--primary-rgb),.12);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.02em;white-space:nowrap}.marketplace-tag--more{background:rgba(var(--accent-pink-rgb),.12);color:var(--color-accent)}.marketplace-tag--highlight{background:rgba(var(--success-rgb),.16);color:var(--color-success, #12b76a);border:1px solid rgba(var(--success-rgb),.3)}.marketplace-tool-card__footer{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.marketplace-card-action{flex:1;min-width:140px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.marketplace-card-action--primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.marketplace-card-action--primary:hover{background:var(--color-primary-hover)}.marketplace-card-action--secondary{background:rgba(var(--primary-rgb),.08);color:var(--color-primary-dark);border-color:rgba(var(--primary-rgb),.12)}.marketplace-card-action--secondary:hover{background:rgba(var(--primary-rgb),.15)}:root[data-theme=dark] .marketplace-card-action--secondary{background:var(--color-secondary-light);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] .marketplace-card-action--secondary:hover{background:var(--color-interactive-hover)}.marketplace-search input:focus-visible,.marketplace-chip:focus-visible,.marketplace-card-action:focus-visible,.marketplace-command-bar__toggle:focus-visible,.marketplace-command-bar__clear:focus-visible,.marketplace-carousel-link:focus-visible,.marketplace-rail-card__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.marketplace-rail{display:flex;flex-direction:column;gap:var(--spacing-xl);position:sticky;top:calc(var(--top-action-bar-height, 64px) + var(--spacing-3xl))}.marketplace-rail-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.14);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.marketplace-rail-card__header{display:flex;justify-content:space-between;align-items:center}.marketplace-rail-card__label{display:inline-flex;align-items:center;gap:var(--spacing-xs);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.08em;font-weight:var(--font-weight-semibold);color:rgba(var(--neutral-700),.7)}.marketplace-rail-card__link{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary-dark);background:transparent;border:none;display:inline-flex;align-items:center;gap:var(--spacing-2xs);cursor:pointer}.marketplace-rail-card__link:hover{color:var(--color-primary)}.marketplace-spotlight__skeleton{display:flex;flex-direction:column;gap:var(--spacing-md)}.marketplace-spotlight__hero{display:flex;gap:var(--spacing-md);align-items:flex-start}.marketplace-spotlight__icon{width:56px;height:56px;border-radius:var(--radius-xl);background:rgba(var(--primary-rgb),.12);border:1px solid rgba(var(--primary-rgb),.16);display:flex;align-items:center;justify-content:center;overflow:hidden}.marketplace-spotlight__icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))}:root[data-theme=dark] .marketplace-spotlight__icon{background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.marketplace-spotlight__hero h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.marketplace-spotlight__hero p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.marketplace-video-teaser{position:relative;border-radius:var(--radius-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),rgba(var(--accent-pink-rgb),.24));color:var(--color-text-inverse);display:flex;align-items:center;justify-content:space-between}.marketplace-video-teaser__badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase}.marketplace-spotlight__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.marketplace-spotlight__list li{display:flex;align-items:center;gap:var(--spacing-sm)}.marketplace-spotlight__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.marketplace-spotlight__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);text-align:center}.marketplace-playbook-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.marketplace-playbook-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm)}.marketplace-playbook-list__index{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:rgba(var(--neutral-700),.5);letter-spacing:.16em;text-transform:uppercase}.marketplace-playbook-list h5{margin:0 0 var(--spacing-2xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.marketplace-playbook-list p{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.marketplace-concierge{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.04))}.marketplace-concierge__actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.marketplace-discovery{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.marketplace-carousel-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.marketplace-carousel-header{display:flex;align-items:center;gap:var(--spacing-md)}.marketplace-carousel-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.marketplace-carousel-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.marketplace-carousel-link{margin-left:auto;background:transparent;border:none;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.marketplace-carousel{display:grid;gap:var(--spacing-lg);grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);overflow-x:auto;padding-bottom:var(--spacing-sm)}.marketplace-carousel::-webkit-scrollbar{height:6px}.marketplace-carousel::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.2);border-radius:var(--radius-full)}.marketplace-carousel-card{padding:var(--spacing-xl);border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.14);background:var(--color-surface);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:220px;position:relative}.marketplace-carousel-card--bundle{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--accent-pink-rgb),.1))}.marketplace-carousel-card__badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-full);background:rgba(var(--success-rgb),.16);color:var(--color-success, #12b76a);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.marketplace-carousel-card h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.marketplace-carousel-card p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);flex:1}.marketplace-carousel-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-lg)}.marketplace-trust{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.12);background:rgba(var(--primary-rgb),.06);flex-wrap:wrap}.marketplace-trust__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--neutral-700),.7)}.marketplace-trust__logos{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;color:rgba(var(--neutral-700),.6);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase}.marketplace-support{display:grid;gap:var(--spacing-2xl);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.marketplace-support-card{padding:var(--spacing-2xl);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border);display:flex;justify-content:space-between;gap:var(--spacing-xl);align-items:center;box-shadow:var(--shadow-xl)}.marketplace-support-card h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.marketplace-support-card p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:420px}@media (prefers-color-scheme: dark){.marketplace-support-card{background:var(--color-surface);border-color:var(--color-border)}}.marketplace-faq{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid rgba(var(--primary-rgb),.14);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.marketplace-faq details{border-radius:var(--radius-xl);padding:var(--spacing-md);background:rgba(var(--primary-rgb),.05);border:1px solid transparent;transition:var(--transition-all)}.marketplace-faq details[open]{border-color:rgba(var(--primary-rgb),.2);background:rgba(var(--primary-rgb),.08);box-shadow:inset 0 1px #fff6}.marketplace-faq summary{cursor:pointer;font-weight:var(--font-weight-semibold);list-style:none}.marketplace-faq summary::-webkit-details-marker{display:none}.marketplace-faq p{margin:var(--spacing-sm) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.slideover-form{display:flex;flex-direction:column;min-height:100%}.slideover-body{flex:1 1 auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-base);color:var(--color-text);transition:var(--transition-all)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.form-group textarea{resize:vertical}.info-box{background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.info-box h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em}.info-box ul{margin:0;padding-left:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.error-message{background:rgba(var(--error-rgb),.12);color:var(--color-error, #E94B3C);border:1px solid rgba(var(--error-rgb),.3);border-radius:var(--radius-lg);padding:var(--spacing-md);font-size:var(--font-size-sm)}.slideover-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-xl);border-top:1px solid var(--color-border);margin-top:auto;flex-shrink:0}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:var(--transition-all)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:rgba(var(--primary-rgb),.1);color:var(--color-primary-dark)}@media (max-width: 1180px){.marketplace-hero{grid-template-columns:1fr}.marketplace-hero__stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.marketplace-grid{grid-template-columns:1fr}.marketplace-rail{position:static}.marketplace-support{grid-template-columns:1fr}}@media (max-width: 768px){.marketplace-page .page-layout-header{margin-bottom:var(--spacing-2xl)}.marketplace-hero{padding:var(--spacing-xl)}.marketplace-header-actions,.marketplace-hero__actions{width:100%}.marketplace-header-actions{justify-content:flex-start}.marketplace-hero__actions{flex-direction:column}.marketplace-command-bar{padding:var(--spacing-md)}.marketplace-command-bar__primary{flex-direction:column;align-items:stretch}.marketplace-command-bar__meta{justify-content:flex-end;width:100%}.marketplace-search{width:100%}.marketplace-tools-grid,.marketplace-loading-grid{grid-template-columns:1fr}.marketplace-carousel{grid-auto-columns:80%}.marketplace-support-card,.marketplace-trust{flex-direction:column;align-items:flex-start}}:root[data-theme=dark] .marketplace-hero__panel,:root[data-theme=dark] .marketplace-stat-chip{color:var(--color-text-inverse)}:root[data-theme=dark] .slideover-body .form-group label{color:var(--color-text)}:root[data-theme=dark] .slideover-body .field-hint{color:var(--color-text);opacity:1}:root[data-theme=dark] .slideover-body input::-moz-placeholder,:root[data-theme=dark] .slideover-body textarea::-moz-placeholder{color:var(--color-text-secondary);opacity:.95}:root[data-theme=dark] .slideover-body input::placeholder,:root[data-theme=dark] .slideover-body textarea::placeholder{color:var(--color-text-secondary);opacity:.95}:root[data-theme=dark] .marketplace-stat-chip__label,:root[data-theme=dark] .marketplace-stat-chip__helper{color:var(--neutral-500)}:root[data-theme=dark] .marketplace-search input{color:var(--color-text)}:root[data-theme=dark] .marketplace-search input::-moz-placeholder{color:var(--color-text-muted)}:root[data-theme=dark] .marketplace-search input::placeholder{color:var(--color-text-muted)}:root[data-theme=dark] .marketplace-command-bar{background:var(--color-surface-elevated);border-color:var(--color-border);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-md)}:root[data-theme=dark] .marketplace-search{background:var(--color-surface);border-color:var(--color-border);box-shadow:inset 0 0 0 1px #ffffff0f}:root[data-theme=dark] .marketplace-chip{background:var(--color-secondary-light);color:var(--color-text-secondary);border-color:var(--color-border)}:root[data-theme=dark] .marketplace-chip.is-active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}:root[data-theme=dark] .marketplace-hero__trust{color:var(--color-text-secondary)}:root[data-theme=dark] .marketplace-hero__metric{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--color-text);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=dark] .marketplace-hero__panel{background:var(--color-surface-elevated);border-color:var(--color-border);box-shadow:var(--shadow-md);color:var(--color-text)}:root[data-theme=dark] .marketplace-stat-chip{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root[data-theme=dark] .marketplace-stat-chip__value,:root[data-theme=dark] .marketplace-stat-chip__label,:root[data-theme=dark] .marketplace-stat-chip__helper{color:var(--color-text)}.my-tools-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--spacing-2xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);border-radius:var(--radius-2xl);background:radial-gradient(circle at 12% 18%,rgba(var(--primary-rgb),.16),transparent 55%),radial-gradient(circle at 90% 10%,rgba(var(--accent-pink-rgb),.18),transparent 50%),linear-gradient(135deg,rgba(var(--primary-rgb),.18),rgba(var(--accent-pink-rgb),.12));border:1px solid rgba(var(--primary-rgb),.18);color:var(--color-text);box-shadow:var(--shadow-xl)}.my-tools-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.24),transparent 58%);pointer-events:none}.my-tools-hero__primary{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.my-tools-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.16);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;width:-moz-fit-content;width:fit-content}.my-tools-hero__primary h1{margin:0;font-size:clamp(2.25rem,2.5vw,2.75rem);font-weight:var(--font-weight-bold);line-height:1.1}.my-tools-hero__primary p{margin:0;font-size:var(--font-size-lg);color:rgba(var(--neutral-800),.85);max-width:580px}.my-tools-hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.my-tools-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);min-height:var(--touch-target-min)}.my-tools-button svg{width:1rem;height:1rem}.my-tools-button--primary{background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);border-color:rgba(var(--primary-rgb),.35);box-shadow:0 10px 25px rgba(var(--primary-rgb),.25)}.my-tools-button--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.my-tools-button--ghost{background:rgba(var(--primary-rgb),.08);color:var(--color-primary);border-color:rgba(var(--primary-rgb),.2);box-shadow:0 2px 4px rgba(var(--primary-rgb),.08)}.my-tools-button--ghost:hover{background:rgba(var(--primary-rgb),.15);color:var(--color-primary-dark);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 4px 8px rgba(var(--primary-rgb),.15);transform:translateY(-1px)}.my-tools-button--danger{background:#fee2e2;color:#dc2626;border:2px solid #dc2626;font-weight:600;box-shadow:0 2px 8px #dc262633}.my-tools-button--danger:hover{background:#dc2626;color:#fff;border-color:#b91c1c;box-shadow:0 4px 12px #dc262666;transform:translateY(-1px)}:root[data-theme=dark] .my-tools-button--ghost{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.3);color:var(--color-primary, #60a5fa)}:root[data-theme=dark] .my-tools-button--ghost:hover{background:rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.4)}:root[data-theme=dark] .my-tools-button--danger{background:#7f1d1d;color:#fca5a5;border:2px solid #dc2626;box-shadow:0 2px 8px #dc26264d}:root[data-theme=dark] .my-tools-button--danger:hover{background:#dc2626;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #dc262680}.my-tools-hero__stats{position:relative;z-index:1;display:grid;gap:var(--spacing-lg);align-content:start}.my-tools-stat-card{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--primary-rgb),.18);box-shadow:var(--shadow-md)}:root[data-theme=dark] .my-tools-stat-card{background:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-md)}:root[data-theme=dark] .my-tools-stat-card__label,:root[data-theme=dark] .my-tools-stat-card p{color:var(--color-text-secondary)}:root[data-theme=dark] .my-tools-stat-card__icon{background:#ffffff14;color:var(--color-primary);border:1px solid rgba(255,255,255,.08)}.my-tools-stat-card__icon{width:42px;height:42px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);background:rgba(var(--primary-rgb),.12)}.my-tools-stat-card__icon--primary{background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),#ffffffb3);color:var(--color-text)}.my-tools-stat-card__value{display:block;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:1.1;color:var(--color-text)}:root[data-theme=dark] .my-tools-stat-card__value{color:var(--color-text)}.my-tools-stat-card__label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--neutral-700),.75);margin-bottom:var(--spacing-2xs)}.my-tools-stat-card p{margin:0;font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.8)}.success-banner,.error-banner{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.success-banner{background:rgba(var(--success-rgb),.12);color:var(--color-success, #12b76a);border-color:rgba(var(--success-rgb),.3)}.error-banner{background:rgba(var(--error-rgb),.12);color:var(--color-error, #E94B3C);border-color:rgba(var(--error-rgb),.3)}.empty-state{text-align:center;padding:var(--spacing-3xl);border-radius:var(--radius-2xl);background:var(--color-surface);border:2px dashed rgba(var(--primary-rgb),.18);box-shadow:var(--shadow-lg)}.empty-state h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.empty-state p{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.my-tools-header-actions .shared-button-secondary{background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);border:1px solid rgba(var(--primary-rgb),.4);box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)}.my-tools-header-actions .shared-button-secondary:hover:not(:disabled){filter:brightness(1.05);transform:translate(-2px)}.my-tools-header-actions .shared-button-secondary .shared-button-text,.my-tools-header-actions .shared-button-secondary .label,.my-tools-header-actions .shared-button-secondary svg{color:var(--color-text-inverse);stroke:currentColor}@media (prefers-color-scheme: dark){.my-tools-header-actions .shared-button-secondary{background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);border-color:rgba(var(--primary-rgb),.5)}}.my-tools-back{background:var(--gradient-button-primary-strong, var(--color-primary))!important;color:var(--color-text-inverse)!important;border-color:rgba(var(--primary-rgb),.5)!important;box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)!important}.my-tools-back:hover{filter:brightness(1.05);transform:translate(-2px)}.my-tools-back .shared-button-text,.my-tools-back .label,.my-tools-back svg{color:var(--color-text-inverse)!important;stroke:currentColor!important}:root[data-theme=dark] .my-tools-back{background:var(--gradient-button-primary-strong)!important}.tools-collection{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.tool-instance-card{position:relative;overflow:hidden;padding:var(--spacing-2xl);border-radius:var(--radius-2xl);background:linear-gradient(150deg,#fffffffa,rgba(var(--primary-rgb),.04));border:1px solid rgba(var(--primary-rgb),.18);box-shadow:0 4px 20px #0f172a14,0 1px 3px #0f172a0f;display:flex;flex-direction:column;gap:var(--spacing-xl);transition:var(--transition-all)}.tool-instance-card:hover{border-color:rgba(var(--primary-rgb),.28);box-shadow:0 12px 40px #0f172a1f,0 4px 12px #0f172a14;transform:translateY(-2px)}:root[data-theme=dark] .tool-instance-card{background:var(--color-surface-elevated, #1e293b);border-color:#ffffff1a;box-shadow:0 4px 20px #0006,0 1px 3px #0000004d}:root[data-theme=dark] .tool-instance-card:hover{border-color:rgba(var(--primary-rgb),.4);box-shadow:0 12px 40px #00000080,0 4px 12px rgba(var(--primary-rgb),.2)}.tool-instance-card__gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--primary-rgb),.1),transparent 50%);opacity:0;transition:var(--transition-all);pointer-events:none}.tool-instance-card:hover .tool-instance-card__gradient{opacity:1}.tool-instance-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);position:relative;z-index:1}.tool-instance-card__identity{display:flex;align-items:flex-start;gap:var(--spacing-md)}.tool-instance-card__icon{width:64px;height:64px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.08));border:1px solid rgba(var(--primary-rgb),.2);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px rgba(var(--primary-rgb),.12),inset 0 1px #fff9;flex-shrink:0}.tool-instance-card__icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}:root[data-theme=dark] .tool-instance-card__icon{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a}.tool-instance-card__icon.fallback{color:var(--color-primary);background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.12))}.tool-instance-card__identity h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tool-instance-card__connection{margin:var(--spacing-1) 0;font-size:var(--font-size-xs);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:rgba(var(--neutral-700),.75);letter-spacing:.04em}.tool-instance-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tool-instance-card__badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.1));color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(var(--primary-rgb),.2);box-shadow:0 1px 3px rgba(var(--primary-rgb),.08)}.tool-instance-card__status{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;box-shadow:0 1px 3px #00000014}.tool-instance-card__status.is-live{background:linear-gradient(135deg,rgba(var(--success-rgb),.18),rgba(var(--success-rgb),.12));color:var(--color-success, #12b76a);border-color:rgba(var(--success-rgb),.25);box-shadow:0 1px 3px rgba(var(--success-rgb),.15)}.tool-instance-card__status.is-dormant{background:linear-gradient(135deg,rgba(var(--warning-rgb),.15),rgba(var(--warning-rgb),.1));color:var(--color-warning, #f79009);border-color:rgba(var(--warning-rgb),.2);box-shadow:0 1px 3px rgba(var(--warning-rgb),.12)}:root[data-theme=dark] .tool-instance-card__badge{background:rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.3);color:var(--color-primary, #60a5fa)}:root[data-theme=dark] .tool-instance-card__status.is-live{background:rgba(var(--success-rgb),.2);border-color:rgba(var(--success-rgb),.35);color:#34d399}:root[data-theme=dark] .tool-instance-card__status.is-dormant{background:rgba(var(--warning-rgb),.18);border-color:rgba(var(--warning-rgb),.3);color:#fbbf24}.tool-instance-card__header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.tool-instance-card__description{margin:0;font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.85);line-height:var(--line-height-relaxed);position:relative;z-index:1}.tool-instance-card__meta-row{position:relative;z-index:1;display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.tool-instance-card__meta{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.tool-instance-card__meta span{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--neutral-700),.7)}.tool-instance-card__meta strong{font-size:var(--font-size-sm);color:var(--color-text)}.tool-instance-card__environments{position:relative;z-index:1;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.environment-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.14);background:#fffffff2;box-shadow:0 2px 8px #0f172a0f,inset 0 1px #fffc;transition:var(--transition-all)}.environment-panel:hover{border-color:rgba(var(--primary-rgb),.24);box-shadow:0 4px 12px #0f172a14,inset 0 1px #fffc}.environment-panel.is-enabled{border-color:rgba(var(--success-rgb),.35);background:linear-gradient(135deg,rgba(var(--success-rgb),.12),#fffffff2);box-shadow:0 2px 8px rgba(var(--success-rgb),.12),inset 0 1px #ffffffe6}.environment-panel.is-enabled:hover{border-color:rgba(var(--success-rgb),.45);box-shadow:0 4px 12px rgba(var(--success-rgb),.18),inset 0 1px #ffffffe6}:root[data-theme=dark] .environment-panel{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}:root[data-theme=dark] .environment-panel:hover{border-color:#ffffff1f}:root[data-theme=dark] .environment-panel.is-enabled{background:linear-gradient(135deg,rgba(var(--success-rgb),.15),#ffffff0d);border-color:rgba(var(--success-rgb),.3);box-shadow:0 2px 8px rgba(var(--success-rgb),.2),inset 0 1px rgba(var(--success-rgb),.1)}:root[data-theme=dark] .environment-panel.is-enabled:hover{border-color:rgba(var(--success-rgb),.4)}.environment-panel__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.environment-panel__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--neutral-800),.9)}.environment-panel__toggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;cursor:pointer;transition:var(--transition-all);background:rgba(var(--primary-rgb),.12);color:var(--color-primary-dark)}.environment-panel__toggle.is-on{background:rgba(var(--success-rgb),.2);color:var(--color-success, #12b76a);box-shadow:inset 0 0 0 1px rgba(var(--success-rgb),.3)}.environment-panel__toggle.is-off{background:rgba(var(--neutral-500),.12);color:rgba(var(--neutral-700),.8)}.environment-panel__toggle:hover{transform:translateY(-1px)}.environment-panel__status{margin:0;font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.8)}.environment-panel__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.environment-panel__action{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);border:1px solid rgba(var(--primary-rgb),.16);background:rgba(var(--primary-rgb),.08);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;cursor:pointer;transition:var(--transition-all)}.environment-panel__action svg{width:14px;height:14px}.environment-panel__action:hover{background:rgba(var(--primary-rgb),.16);border-color:rgba(var(--primary-rgb),.28)}.environment-panel__action--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.environment-panel__action--primary:hover{filter:brightness(1.05)}.modal-overlay{position:fixed;inset:0;background:#10182899;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-4)}.modal-content{background:var(--color-surface);border-radius:var(--radius-2xl);width:100%;max-height:95vh;overflow:hidden;box-shadow:var(--shadow-2xl);border:1px solid rgba(var(--primary-rgb),.16)}.modal-content.small{max-width:480px}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.close-btn{background:transparent;border:none;font-size:var(--font-size-3xl);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-lg);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-all)}.close-btn:hover{background:rgba(var(--primary-rgb),.1);color:var(--color-text)}.modal-body{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm)}.warning-text{color:var(--color-error, #E94B3C);font-weight:var(--font-weight-medium)}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);color:var(--color-text-secondary)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(var(--primary-rgb),.08)}.btn-danger{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);border:none;background:var(--color-error, #E94B3C);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.btn-danger:hover{filter:brightness(.95)}.my-tools-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.my-tools-header-actions button{min-height:var(--touch-target-min)}@media (max-width: 520px){.my-tools-header-actions button .label{display:none}}@media (max-width: 1180px){.my-tools-hero{grid-template-columns:1fr}.my-tools-hero__stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.tools-list-view{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-lg)}.tools-list-header{display:grid;grid-template-columns:2fr 1fr .8fr 1.8fr 1fr 2fr;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--primary-rgb),.04));border-bottom:2px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}:root[data-theme=dark] .tools-list-header{background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.06))}.tools-list-header__col{display:flex;align-items:center}.tools-list-item{display:grid;grid-template-columns:2fr 1fr .8fr 1.8fr 1fr 2fr;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);transition:var(--transition-all);background:var(--color-surface)}.tools-list-item:hover{background:linear-gradient(90deg,rgba(var(--primary-rgb),.03),transparent);border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-xl) - 3px)}:root[data-theme=dark] .tools-list-item:hover{background:linear-gradient(90deg,rgba(var(--primary-rgb),.08),transparent)}.tools-list-item:last-child{border-bottom:none}.tools-list-item__col{display:flex;align-items:center}.tools-list-item__col--tool{min-width:0}.tools-list-item__identity{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.tools-list-item__icon{width:48px;height:48px;min-width:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.06));border:1px solid rgba(var(--primary-rgb),.2);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(var(--primary-rgb),.1)}.tools-list-item__icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tools-list-item__icon.fallback{color:var(--color-primary)}.tools-list-item__name{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-list-item__description{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-list-item__badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.08));color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid rgba(var(--primary-rgb),.2)}.tools-list-item__status{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.tools-list-item__status.is-live{color:var(--color-success, #12b76a);background:rgba(var(--success-rgb),.12);border:1px solid rgba(var(--success-rgb),.25)}.tools-list-item__status.is-dormant{color:var(--color-warning, #f79009);background:rgba(var(--warning-rgb),.12);border:1px solid rgba(var(--warning-rgb),.2)}.tools-list-item__env-toggles{display:flex;flex-direction:column;gap:var(--spacing-2xs);width:100%}.env-toggle{display:flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);width:100%;justify-content:space-between}.env-toggle span:not(.env-toggle__indicator){flex:1;text-align:left}.env-toggle__indicator{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);padding:2px var(--spacing-2xs);border-radius:var(--radius-sm);letter-spacing:.05em}.env-toggle.is-on{background:rgba(var(--success-rgb),.1);color:var(--color-success, #12b76a);border-color:rgba(var(--success-rgb),.25)}.env-toggle.is-on .env-toggle__indicator{background:rgba(var(--success-rgb),.2);color:var(--color-success, #12b76a)}.env-toggle.is-off{background:rgba(var(--neutral-500),.08);color:var(--color-text-secondary);border-color:var(--color-border)}.env-toggle.is-off .env-toggle__indicator{background:rgba(var(--neutral-500),.15);color:var(--color-text-secondary)}.env-toggle:hover{transform:translate(2px);border-color:var(--color-primary)}.tools-list-item__col--updated{flex-direction:column;align-items:flex-start;gap:var(--spacing-2xs)}.tools-list-item__date{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.tools-list-item__time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tools-list-item__actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:flex-end}.action-button{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);border:1.5px solid transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.action-button svg{width:16px;height:16px}.action-button--configure{background:rgba(var(--primary-rgb),.08);color:var(--color-primary);border-color:rgba(var(--primary-rgb),.2)}.action-button--configure:hover{background:rgba(var(--primary-rgb),.15);border-color:rgba(var(--primary-rgb),.35);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.15)}.action-button--promote{background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.1));color:var(--color-primary);border-color:rgba(var(--primary-rgb),.25)}.action-button--promote:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.25)}.action-button--delete{background:#fee2e2;color:#dc2626;border-color:#dc2626;font-weight:600}.action-button--delete:hover{background:#dc2626;color:#fff;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 8px #dc262659}:root[data-theme=dark] .action-button--delete{background:#7f1d1d;color:#fca5a5;border-color:#dc2626}:root[data-theme=dark] .action-button--delete:hover{background:#dc2626;color:#fff;border-color:#ef4444}@media (max-width: 768px){.my-tools-hero{padding:var(--spacing-xl)}.my-tools-hero__actions{flex-direction:column}.tools-collection{grid-template-columns:1fr}.tool-instance-card{padding:var(--spacing-xl)}.tool-instance-card__header{flex-direction:column;align-items:flex-start}.tool-instance-card__header-actions{width:100%;justify-content:space-between}.tool-instance-card__environments{grid-template-columns:1fr}.tools-list-header{display:none}.tools-list-item{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-lg)}.tools-list-item__col{width:100%}.tools-list-item__actions{justify-content:flex-start;width:100%}.action-button{flex:1}}.crm-config{max-width:var(--modal-width-lg);margin:0 auto}.config-section{margin-bottom:calc(3 * var(--spacing-3xs));padding:calc(2 * var(--spacing-xs));background:#fff;border-radius:var(--spacing-xs);box-shadow:0 var(--spacing-3xs) var(--spacing-xs) var(--color-border)}.section-title{margin:0 0 var(--spacing-xs) 0;color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.section-description{margin:0 0 var(--spacing-lg) 0;color:var(--color-secondary);font-size:var(--font-size-sm);line-height:1.5}.subsection-title{margin:0 0 var(--spacing-xs) 0;color:var(--neutral-600);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.subsection-description{margin:0 0 var(--spacing-xs) 0;color:var(--color-secondary);font-size:var(--font-size-2xs);line-height:1.4}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xs)}.action-item{padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--spacing-xs);background:var(--color-surface-elevated);transition:all .2s}.action-item:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.action-label{display:block;cursor:pointer;margin:0}.action-content{display:block;margin-top:var(--spacing-xs)}.action-content strong{display:block;color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.action-description{color:var(--color-secondary);font-size:var(--font-size-xs);line-height:1.4}.form-row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xs)}.form-row:last-child{margin-bottom:0}.form-group label{font-weight:var(--font-weight-medium);color:var(--neutral-600);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);cursor:pointer}.form-group input[type=checkbox]{width:auto;margin-right:var(--spacing-xs)}.form-group input,.form-group select{padding:var(--spacing-xs) var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--spacing-xs);font-size:var(--font-size-sm);transition:border-color .2s,box-shadow .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 var(--spacing-3xs) #007bff40}.form-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--divider-scrollbar);background:var(--color-border);outline:none;border-radius:3px}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--icon-size-xs);height:var(--icon-size-xs);border-radius:50%;background:var(--color-primary);cursor:pointer}.form-group input[type=range]::-moz-range-thumb{width:var(--icon-size-xs);height:var(--icon-size-xs);border-radius:50%;background:var(--color-primary);cursor:pointer;border:none}.range-value{display:inline-block;margin-left:var(--spacing-xs);padding:var(--spacing-3xs) var(--spacing-xs);background:var(--color-primary);color:#fff;border-radius:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.field-description{margin:var(--spacing-xs) 0 0 0;color:var(--color-secondary);font-size:var(--font-size-xs);line-height:1.4}.status-info{background:var(--color-surface-elevated);border-radius:var(--spacing-xs);padding:var(--spacing-lg)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xs)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.status-item:last-child{border-bottom:none}.status-label{font-weight:var(--font-weight-medium);color:var(--neutral-600);font-size:var(--font-size-sm)}.status-value{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm)}.status-value.enabled{color:var(--color-success)}.status-value.disabled{color:var(--color-secondary)}.error-message{background:var(--color-error-light);color:var(--color-error-dark);padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-xs);margin-bottom:var(--spacing-lg);border:1px solid var(--color-error-border);font-size:var(--font-size-sm)}@media (max-width: var(--container-lg)){.crm-config{margin:0 var(--spacing-sm)}.config-section{padding:var(--spacing-xs)}.actions-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:var(--spacing-xs)}.status-grid{grid-template-columns:1fr}.status-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-width: var(--container-sm)){.section-title{font-size:var(--font-size-lg)}.subsection-title{font-size:var(--font-size-sm)}.form-group input,.form-group select{padding:var(--spacing-sm);font-size:var(--font-size-base)}}.form-group input:disabled,.form-group select:disabled{background:var(--color-border);cursor:not-allowed}.action-item input:disabled{cursor:not-allowed}.action-label:focus-within{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--spacing-xs)}.database-query-tool-config{padding:0}.config-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.section-description{font-size:14px;color:#666;line-height:1.5;margin:0}.subsection-title{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.subsection-description{font-size:13px;color:#666;line-height:1.5;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:#333}.required{color:#e53e3e;margin-left:2px}.field-input{padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;transition:all .2s;background:#fff}.field-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.field-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.field-input::-moz-placeholder{color:#9ca3af}.field-input::placeholder{color:#9ca3af}.field-hint{font-size:12px;color:#6b7280;line-height:1.4}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .field-input{flex:1;padding-right:40px}.password-toggle{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:18px;padding:4px 8px;opacity:.6;transition:opacity .2s}.password-toggle:hover{opacity:1}.password-toggle:disabled{cursor:not-allowed;opacity:.3}.checkbox-field{grid-column:span 2}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:16px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s;background:#fafafa}.checkbox-label:hover{border-color:#6366f1;background:#f8f9ff}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-content{display:flex;flex-direction:column;gap:4px;flex:1}.checkbox-content strong{font-size:14px;color:#1a1a1a}.checkbox-content .field-hint{margin:0}.field-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none}.field-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#6366f1;cursor:pointer;box-shadow:0 2px 4px #0003}.field-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#6366f1;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.field-slider:disabled{opacity:.5;cursor:not-allowed}.slider-value{font-size:14px;font-weight:600;color:#6366f1;margin-top:4px}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:20px}.info-box strong{display:block;font-size:14px;color:#1e40af;margin-bottom:12px}.info-box ol{margin:0;padding-left:20px}.info-box li{font-size:13px;color:#1e40af;line-height:1.6;margin-bottom:6px}.info-box li:last-child{margin-bottom:0}select.field-input{cursor:pointer;background-image:none;background-repeat:no-repeat;background-position:right 12px center;padding-right:12px;appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist}.database-query-tool-config select.field-input{background-image:none!important;-moz-appearance:auto;appearance:auto;-webkit-appearance:menulist}.test-connection-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px}.test-connection-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #6366f133;width:-moz-fit-content;width:fit-content}.test-connection-button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.test-connection-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #6366f133}.test-connection-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af;box-shadow:none}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.connection-status{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:8px;font-size:14px;line-height:1.5;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.connection-status.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.connection-status.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.status-icon{font-size:18px;flex-shrink:0;line-height:1}.status-message{flex:1;word-break:break-word}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.checkbox-field{grid-column:span 1}.test-connection-button,.analyze-schema-button{width:100%}}.analyze-schema-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b98133;width:-moz-fit-content;width:fit-content;margin-top:12px}.analyze-schema-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.analyze-schema-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #10b98133}.analyze-schema-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af;box-shadow:none}.schema-analysis-panel{margin-top:32px;padding:24px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;animation:slideIn .3s ease-out}.schema-panel-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;font-size:18px;font-weight:600;color:#1a1a1a}.schema-badge{padding:6px 12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:12px;font-weight:600;border-radius:6px}.schema-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-number{font-size:32px;font-weight:700;color:#6366f1;margin-bottom:4px}.stat-label{font-size:13px;color:#666;font-weight:500}.tables-container{margin-top:24px}.tables-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.table-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-name{font-size:15px;font-weight:600;color:#1a1a1a}.column-count{font-size:12px;color:#666;background:#f3f4f6;padding:4px 8px;border-radius:4px}.table-description{font-size:13px;color:#666;margin:0 0 12px;line-height:1.5}.columns-list{display:flex;flex-direction:column;gap:8px}.column-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f9fafb;border-radius:6px;font-size:13px}.column-item.more{color:#6366f1;font-weight:500;justify-content:center}.column-name{flex:1;font-weight:500;color:#333}.column-type{padding:2px 8px;background:#e5e7eb;border-radius:4px;font-size:11px;color:#666;font-family:Courier New,monospace}.key-badge{padding:2px 6px;background:#6366f1;color:#fff;font-size:10px;font-weight:600;border-radius:4px}.key-badge.fk{background:#10b981}.relationships-container{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.relationships-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.relationships-list{display:flex;flex-direction:column;gap:12px}.relationship-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.rel-table{font-weight:600;color:#6366f1;background:#f0f0ff;padding:6px 12px;border-radius:6px}.rel-arrow{font-size:18px;color:#10b981}.rel-detail{font-size:13px;color:#666;font-style:italic}@media (max-width: 768px){.tables-grid{grid-template-columns:1fr}.relationship-item{flex-direction:column;align-items:flex-start}}.learning-conversation-panel{margin-top:32px;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;animation:slideIn .3s ease-out}.learning-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.learning-panel-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.start-learning-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #8b5cf633}.start-learning-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf64d;transform:translateY(-1px)}.start-learning-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.chat-container{display:flex;flex-direction:column;height:500px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fafafa}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;gap:12px;max-width:85%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.assistant{align-self:flex-start}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.message-avatar.assistant{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.message-avatar.user{background:linear-gradient(135deg,#6366f1,#4f46e5)}.message-content{background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 1px 3px #0000001a;line-height:1.5;font-size:14px;color:#1a1a1a}.message-content.assistant{border-bottom-left-radius:4px}.message-content.user{border-bottom-right-radius:4px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.message-content strong{color:#6366f1;font-weight:600}.message-content ul{margin:8px 0;padding-left:20px}.message-content li{margin:4px 0}.message-content code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.chat-input-area{padding:16px;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;align-items:flex-end}.chat-input-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}.chat-input{width:100%;padding:12px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;resize:vertical;min-height:44px;max-height:120px;font-family:inherit;transition:border-color .2s}.chat-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.chat-input::-moz-placeholder{color:#9ca3af}.chat-input::placeholder{color:#9ca3af}.send-button{padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.send-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.learning-summary{margin-top:24px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px}.learning-summary h5{font-size:16px;font-weight:600;color:#0369a1;margin:0 0 12px}.knowledge-item{background:#fff;padding:12px;border-radius:6px;margin-bottom:8px;border-left:3px solid #8b5cf6}.knowledge-item:last-child{margin-bottom:0}.knowledge-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.knowledge-value{font-size:14px;color:#1a1a1a;margin-top:4px}.save-knowledge-button{margin-top:16px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.save-knowledge-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.save-knowledge-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.typing-indicator{display:flex;gap:4px;padding:12px 16px}.typing-dot{width:8px;height:8px;border-radius:50%;background:#8b5cf6;animation:typingBounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.saved-knowledge-panel{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-top:24px}.knowledge-list{margin-top:16px;display:flex;flex-direction:column;gap:12px}.knowledge-type-badge{display:inline-block;font-size:11px;font-weight:600;color:#8b5cf6;background:#8b5cf61a;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.knowledge-timestamp{font-size:12px;color:#94a3b8;margin-top:6px}.conversation-history-details{margin-top:20px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.conversation-history-summary{padding:12px 16px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:#475569;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.conversation-history-summary:hover{background:#f8fafc}.conversation-history-content{padding:16px;background:#fff;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.history-message{padding:12px;border-radius:8px;background:#f8fafc}.history-message.user{background:#eff6ff;border-left:3px solid #3b82f6}.history-message.assistant{background:#f5f3ff;border-left:3px solid #8b5cf6}.history-message-role{font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.history-message-content{font-size:14px;color:#1e293b;line-height:1.6;white-space:pre-wrap}@media (max-width: 768px){.chat-container{height:400px}.chat-message{max-width:95%}.chat-input-area{flex-direction:column;align-items:stretch}.send-button{width:100%}}:root[data-theme=dark] .database-query-tool-config{color:var(--color-text)}:root[data-theme=dark] .config-section{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .section-title,:root[data-theme=dark] .subsection-title,:root[data-theme=dark] .checkbox-content strong,:root[data-theme=dark] .schema-panel-title,:root[data-theme=dark] .tables-title{color:var(--color-text)}:root[data-theme=dark] .section-description,:root[data-theme=dark] .subsection-description,:root[data-theme=dark] .field-hint,:root[data-theme=dark] .stat-label,:root[data-theme=dark] .form-field .field-label{color:var(--color-text-secondary)}:root[data-theme=dark] .field-input{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root[data-theme=dark] .field-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.95}:root[data-theme=dark] .field-input::placeholder{color:var(--color-text-secondary);opacity:.95}:root[data-theme=dark] select.field-input{background-image:none;-moz-appearance:auto;appearance:auto;-webkit-appearance:menulist}:root[data-theme=dark] .checkbox-label{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .checkbox-label:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}:root[data-theme=dark] .slider-value{color:var(--color-text)}:root[data-theme=dark] .field-slider{background:var(--color-border)}:root[data-theme=dark] .info-box{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .info-box strong,:root[data-theme=dark] .info-box li{color:var(--color-text)}:root[data-theme=dark] .test-connection-section{border-top-color:var(--color-border)}:root[data-theme=dark] .schema-analysis-panel{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .stat-card,:root[data-theme=dark] .table-card{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-xs)}:root[data-theme=dark] .conversation-history{border-color:var(--color-border)}:root[data-theme=dark] .conversation-history-summary{background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] .conversation-history-summary:hover{background:var(--color-surface-elevated)}:root[data-theme=dark] .conversation-history-content{background:var(--color-surface)}:root[data-theme=dark] .history-message{background:var(--color-surface-elevated)}.configuration-manager{display:flex;flex-direction:column;min-height:400px;max-height:none}.error-message{background-color:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border);border-radius:var(--radius-md);padding:var(--spacing-3);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.config-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4)}.config-info{display:flex;align-items:center;gap:var(--spacing-3)}.config-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.environment-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.environment-staging{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.environment-production{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.config-form-container{flex:1;overflow-y:auto;padding:var(--spacing-2) 0;margin-bottom:var(--spacing-4)}.json-editor-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.editor-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.json-editor{flex:1;width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:Courier New,monospace;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);resize:vertical;min-height:400px;margin-bottom:var(--spacing-3)}.json-editor:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.json-editor:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-tertiary)}.unknown-tool-type{padding:var(--spacing-6);text-align:center}.unknown-tool-type .info-box{max-width:500px;margin:0 auto}.unknown-tool-type .info-box h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.unknown-tool-type .info-box p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-relaxed)}.info-box{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-md);padding:var(--spacing-4)}.info-box p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.info-box strong{color:var(--color-text-primary)}.config-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}:root[data-theme=dark] .tool-config-form .field-section-title{color:var(--color-text)}:root[data-theme=dark] .tool-config-form .form-group label{color:var(--color-text)}:root[data-theme=dark] .tool-config-form .checkbox-group label{color:var(--color-text)}:root[data-theme=dark] .tool-config-form .form-help,:root[data-theme=dark] .tool-config-form .form-helper,:root[data-theme=dark] .tool-config-form .field-hint{color:var(--color-text);opacity:1}:root[data-theme=dark] .tool-config-form input::-moz-placeholder,:root[data-theme=dark] .tool-config-form textarea::-moz-placeholder{color:var(--color-text-secondary);opacity:.95}:root[data-theme=dark] .tool-config-form input::placeholder,:root[data-theme=dark] .tool-config-form textarea::placeholder{color:var(--color-text-secondary);opacity:.95}@media (max-width: 768px){.config-header,.config-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.json-editor{min-height:300px}.config-actions{flex-direction:column-reverse}.config-actions button{width:100%}}.lead-detail{display:flex;flex-direction:column;height:100%;background-color:var(--color-surface);border-radius:var(--spacing-xs);box-shadow:0 var(--spacing-2xs) var(--spacing-xs) var(--color-border);padding:var(--spacing-lg);overflow-y:auto}.lead-detail.loading,.lead-detail.error{display:flex;justify-content:center;align-items:center;height:var(--container-xs);font-size:var(--font-size-base);color:var(--color-text-secondary)}.lead-detail.error{color:var(--color-error)}.lead-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.lead-detail-header h2{margin:0;font-size:var(--font-size-2xl)}.lead-actions{display:flex;gap:var(--spacing-sm)}.lead-edit-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:flex;gap:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}@media (prefers-color-scheme: dark){.form-group label{color:var(--color-text)}}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.lead-info{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.info-section h3{margin:0;padding:var(--spacing-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.status-badge.new{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.status-badge.contacted{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge.qualified{background-color:var(--color-success-light);color:var(--color-success)}.status-badge.unqualified{background-color:var(--color-error-light);color:var(--color-error)}.status-badge.converted{background-color:var(--color-info-light);color:var(--color-info-dark)}.conversations-list{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);max-height:var(--container-xs);overflow-y:auto}.conversation-item{border:1px solid var(--color-border);border-radius:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-surface);transition:background-color .2s ease}.conversation-item:hover{background-color:var(--color-surface-elevated)}.conversation-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.conversation-meta{display:flex;justify-content:space-between;align-items:center}.conversation-source{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.conversation-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.conversation-stats{display:flex;gap:var(--spacing-sm);align-items:center;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.message-count{font-weight:var(--font-weight-medium)}.conversation-status{display:inline-block;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.conversation-status.active{background-color:var(--color-success-light);color:var(--color-success)}.conversation-status.closed{background-color:var(--color-text-tertiary);color:var(--color-text-secondary)}.conversation-identifier{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.conversation-id{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.conversation-header.clickable{cursor:pointer;padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm));margin-bottom:var(--spacing-sm);border-radius:var(--spacing-xs);transition:background-color .2s ease}.conversation-header.clickable:hover{background-color:var(--color-surface-elevated)}.expand-icon{display:inline-flex;align-items:center;margin-left:auto;color:var(--color-text-secondary)}.conversation-item.expanded{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-light)}.conversation-messages{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);max-height:400px;overflow-y:auto}.messages-loading,.no-messages{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.message-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--spacing-sm)}.message-item.user{background-color:var(--color-primary-light);margin-left:var(--spacing-xl)}.message-item.assistant{background-color:var(--color-surface-elevated);margin-right:var(--spacing-xl)}.message-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-border)}.message-item.user .message-avatar{background-color:var(--color-primary);color:#fff}.message-item.assistant .message-avatar{background-color:var(--color-text-secondary);color:#fff}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.message-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.message-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.message-text{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text);white-space:pre-wrap;word-break:break-word}:root[data-theme=dark] .message-item.user{background-color:rgba(var(--color-primary-rgb),.2)}:root[data-theme=dark] .message-item.assistant{background-color:var(--color-surface)}:root[data-theme=dark] .lead-detail{background-color:var(--color-surface-elevated)}:root[data-theme=dark] .lead-detail .form-group label{color:var(--color-text-secondary)}:root[data-theme=dark] .lead-detail .info-section h3{background-color:var(--glass-background);border-color:var(--color-border)}.emails-list{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);max-height:var(--container-xs);overflow-y:auto}.email-item{border:1px solid var(--color-border);border-radius:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-surface);transition:background-color .2s ease,border-color .2s ease}.email-item:hover{background-color:var(--color-surface-elevated)}.email-item.expanded{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-light)}.email-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.email-header.clickable{cursor:pointer;padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm));margin-bottom:0;border-radius:var(--spacing-xs);transition:background-color .2s ease}.email-header.clickable:hover{background-color:var(--color-surface-elevated)}.email-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.email-action{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);white-space:nowrap}.email-to{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.email-info{display:flex;gap:var(--spacing-sm);align-items:center;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.email-subject{flex:1;font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.email-body-container{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.email-cc,.email-bcc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.email-body{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text);white-space:pre-wrap;word-break:break-word;padding:var(--spacing-md);background-color:var(--color-surface-elevated);border-radius:var(--spacing-xs);max-height:300px;overflow-y:auto}.email-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.email-status{padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--spacing-xs);font-weight:var(--font-weight-medium)}.email-status.success{background-color:var(--color-success-light);color:var(--color-success)}.email-status.failure,.email-status.failed{background-color:var(--color-error-light);color:var(--color-error)}.email-status.pending{background-color:var(--color-warning-light);color:var(--color-warning)}.no-emails{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}:root[data-theme=dark] .email-body{background-color:var(--color-surface)}.conversion-modal-body{padding:0;min-height:var(--container-xs)}.conversion-step{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--spacing-sm))}to{opacity:1;transform:translateY(0)}}.conversion-preview h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--color-text);font-size:var(--font-size-lg)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--container-xs),1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.info-item label{font-size:var(--font-size-sm);color:var(--color-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--spacing-3xs)}.info-item span{font-size:var(--font-size-base);color:var(--color-text);font-weight:var(--font-weight-medium)}.status-badge,.priority-badge{display:inline-block;padding:var(--spacing-3xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:capitalize}.status-badge.new{background:var(--color-primary-light);color:var(--color-primary)}.status-badge.contacted{background:var(--color-warning-light);color:var(--color-warning)}.status-badge.qualified{background:var(--color-success-light);color:var(--color-success)}.status-badge.converted{background:var(--color-primary-light);color:var(--color-super-admin)}.priority-badge.low{background:var(--neutral-200);color:var(--neutral-600)}.priority-badge.medium{background:var(--color-warning-light);color:var(--color-warning)}.priority-badge.high{background:var(--color-error-light);color:var(--color-error)}.conversion-info{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-success-light);border-left:var(--spacing-3xs) solid var(--color-success);border-radius:var(--radius-md)}.conversion-info h4{margin-top:0;margin-bottom:var(--spacing-sm);color:var(--color-success);font-size:var(--font-size-base)}.conversion-info ul{margin:0;padding-left:var(--spacing-lg);list-style:none}.conversion-info li{margin-bottom:var(--spacing-xs);color:var(--color-success-dark);font-size:var(--font-size-sm);line-height:1.5}.conversion-info li:before{content:"✓ ";color:var(--color-success);font-weight:700;margin-right:var(--spacing-xs)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold);color:var(--color-text)}.form-group input[type=text],.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--color-text-secondary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-secondary)}.form-group small{display:block;margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.checkbox-group{padding:var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.checkbox-group input[type=checkbox]{margin-top:var(--spacing-3xs);width:var(--icon-size-sm);height:var(--icon-size-sm);cursor:pointer}.checkbox-group span{font-weight:var(--font-weight-semibold);color:var(--color-text)}.checkbox-group small{display:block;margin-top:var(--spacing-xs);margin-left:var(--spacing-2xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.conversion-step.converting{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-lg);text-align:center}.loading-spinner{width:var(--touch-target-lg);height:var(--touch-target-lg);border:var(--spacing-3xs) solid var(--neutral-200);border-top:var(--spacing-3xs) solid var(--color-success);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.conversion-step.converting h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:var(--font-size-xl)}.conversion-step.converting p{margin:0;color:var(--color-secondary);font-size:var(--font-size-base)}.conversion-step.success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.success-icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.conversion-step.success h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:var(--font-size-2xl)}.conversion-step.success>p{margin:0 0 var(--spacing-2xl) 0;color:var(--color-secondary);font-size:var(--font-size-base)}.conversion-summary{width:100%;max-width:var(--container-sm);background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.summary-item label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.summary-item span{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-base)}.redirect-message{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{background:var(--color-error-light, #fee);border:1px solid var(--color-error, #f44);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--color-error-dark, #c00);font-size:var(--font-size-sm);line-height:1.5}.warning-message{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.warning-message strong{color:var(--color-warning-dark);display:block;margin-bottom:var(--spacing-xs)}.warning-message ul{margin:0;padding-left:var(--spacing-lg);color:var(--color-warning-dark)}.warning-message li{margin-bottom:var(--spacing-3xs);font-size:var(--font-size-sm)}.primary-button{background:#4caf50!important;color:#fff!important;border:none!important;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001f}.primary-button:hover:not(:disabled){background:#45a049!important;transform:translateY(-1px);box-shadow:0 2px 6px #4caf504d}.primary-button:disabled{background:#ccc!important;cursor:not-allowed;opacity:.6;color:#ffffffb3!important}.convert-button{background:#2196f3!important;color:#fff!important}.convert-button:hover:not(:disabled){background:#1976d2!important;box-shadow:0 2px 6px #2196f34d}:root[data-theme=dark] .primary-button{background:var(--color-success);color:#fff!important;box-shadow:0 1px 3px #0000004d}:root[data-theme=dark] .convert-button{background:var(--color-primary)!important;color:#fff!important;box-shadow:0 1px 3px #0000004d}:root[data-theme=dark] .primary-button:hover:not(:disabled){box-shadow:0 var(--spacing-xs) var(--spacing-xs) #4caf5066}:root[data-theme=dark] .convert-button:hover:not(:disabled){box-shadow:0 var(--spacing-xs) var(--spacing-xs) #2196f366}.modal-actions{position:sticky;bottom:0;display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg);margin-top:var(--spacing-2xl);background:var(--color-background);border-top:1px solid var(--color-border);z-index:10;box-shadow:0 -2px 8px #00000014}.modal-actions button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.modal-actions button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}:root[data-theme=dark] .modal-actions{background:var(--color-background);border-top-color:#ffffff1a;box-shadow:0 -2px 8px #0000004d}:root[data-theme=dark] .modal-actions button{background:#ffffff0d;border-color:#ffffff26;color:#ffffffe6}:root[data-theme=dark] .modal-actions button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40}@media (max-width: var(--container-lg)){.info-grid{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md)}.conversion-info{padding:var(--spacing-md)}.modal-actions{flex-direction:column;gap:var(--spacing-sm)}.modal-actions button{width:100%}}.warning-message{color:var(--color-text)}.warning-message strong{color:var(--color-warning)}.warning-message ul{color:inherit}.conversion-info li:before{content:"• "}@media (prefers-color-scheme: dark){.warning-message{background:rgba(var(--warning-rgb),.18);border-color:rgba(var(--warning-rgb),.5);color:var(--color-text)}.conversion-info{background:rgba(var(--success-rgb),.16);border-left-color:rgba(var(--success-rgb),.6)}}.env-switch-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(var(--primary-rgb),.4);border-radius:9999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap}.env-switch-button:hover{filter:brightness(1.05);transform:translate(-2px)}.env-switch-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-overlay-light)}.env-switch-button:active{transform:translateY(0)}.env-switch-button--production,.env-switch-button--staging{background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)}.env-switch-icon{font-size:1rem;line-height:1}.env-switch-text{font-size:var(--font-size-sm)}.env-switch-refresh{opacity:.7;transition:transform .2s ease}.env-switch-button:hover .env-switch-refresh{transform:none;opacity:.85}@media (max-width: 768px){.env-switch-button{padding:var(--spacing-xs) var(--spacing-sm)}.env-switch-text{display:none}.env-switch-icon{font-size:1.25rem}}@media (prefers-color-scheme: dark){.env-switch-button--production,.env-switch-button--staging{background:var(--gradient-button-primary-strong);color:var(--color-text-inverse);border-color:rgba(var(--primary-rgb),.5)}}.account-detail{display:flex;flex-direction:column;height:100%;background-color:var(--color-surface);border-radius:var(--spacing-xs);box-shadow:0 var(--spacing-2xs) var(--spacing-xs) var(--color-border);padding:var(--spacing-lg);overflow-x:auto;overflow-y:auto}.account-detail.loading,.account-detail.error{display:flex;justify-content:center;align-items:center;height:var(--container-xs);font-size:var(--font-size-base);color:var(--color-text-secondary)}.account-detail.error{color:var(--color-error)}.account-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.account-detail-header h2{margin:0;font-size:var(--font-size-2xl)}.account-actions{display:flex;gap:var(--spacing-sm)}.account-actions button{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--spacing-xs);font-size:var(--font-size-sm);cursor:pointer;border:none;transition:background-color .3s}.edit-btn{background-color:var(--color-surface);color:var(--neutral-800)}.edit-btn:hover{background-color:var(--color-border)}.cancel-btn{background-color:var(--color-surface);color:var(--neutral-800);border:none;border-radius:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer}.cancel-btn:hover{background-color:var(--color-border)}.save-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer}.save-btn:hover{background-color:var(--color-primary-hover)}.save-btn:disabled{background-color:var(--color-primary-light);cursor:not-allowed}.close-btn{background-color:var(--color-surface);color:var(--neutral-800)}.close-btn:hover{background-color:var(--color-border)}.account-edit-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section{border:1px solid var(--color-border);border-radius:var(--spacing-xs);overflow:hidden}.form-section h3{margin:0;padding:var(--spacing-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.form-row{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md)}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--spacing-xs);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:var(--container-3xs)}.account-info{display:flex;flex-direction:column;gap:var(--spacing-xl)}.info-section{border:1px solid var(--color-border);border-radius:var(--spacing-xs);overflow:hidden}.info-section h3{margin:0;padding:var(--spacing-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md)}.info-item{display:flex;flex-direction:column}.info-item.full-width{grid-column:span 2}.info-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.info-value{font-size:var(--font-size-base)}.info-value a{color:var(--color-primary);text-decoration:none}.info-value a:hover{text-decoration:underline}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-xs);font-size:var(--font-size-sm);text-transform:capitalize}.status-badge.status-active{background-color:var(--color-success-light);color:var(--color-success)}.status-badge.status-inactive{background-color:var(--color-error-light);color:var(--color-error)}.status-badge.status-prospect{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge.status-default{background-color:var(--color-surface);color:var(--color-text-secondary)}.type-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-xs);font-size:var(--font-size-sm);text-transform:capitalize}.type-badge.type-customer{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.type-badge.type-prospect{background-color:var(--color-warning-light);color:var(--color-warning)}.type-badge.type-partner{background-color:var(--color-info-light);color:var(--color-info-dark)}.type-badge.type-default{background-color:var(--color-surface);color:var(--color-text-secondary)}.activities-list{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);max-height:var(--container-xs);overflow-y:auto}.activity-item{border:1px solid var(--color-border);border-radius:var(--spacing-xs);padding:var(--spacing-md)}.activity-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.activity-type{font-weight:var(--font-weight-medium);text-transform:capitalize}.activity-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.activity-subject{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.activity-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-line}@media (max-width: var(--container-lg)){.form-row{flex-direction:column;gap:var(--spacing-md)}.info-grid{grid-template-columns:1fr}.info-item.full-width{grid-column:span 1}}:root[data-theme=dark] .account-detail{background-color:var(--color-surface-elevated)}:root[data-theme=dark] .account-detail .form-group label{color:var(--color-text-secondary)}:root[data-theme=dark] .account-detail .form-section h3{background-color:var(--glass-background);border-color:var(--color-border)}:root[data-theme=dark] .account-detail input,:root[data-theme=dark] .account-detail select,:root[data-theme=dark] .account-detail textarea{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.tenant-crm-management{display:flex;flex-direction:column;gap:0;padding:var(--spacing-md) var(--spacing-lg);max-width:var(--container-full);margin:0 auto;width:100%;box-sizing:border-box}.crm-back-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.crm-top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);gap:var(--spacing-md)}.crm-page-title{margin:0;color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;flex:1}.crm-top-bar-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.page-back-button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--primary-rgb),.4);background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);border-radius:9999px;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;box-shadow:0 8px 20px rgba(var(--primary-rgb),.25)}.page-back-button:hover{filter:brightness(1.05);border-color:rgba(var(--primary-rgb),.5);transform:translate(-2px)}.page-back-button .label{color:var(--color-text-inverse)}.crm-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.crm-summary-card{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid rgba(var(--primary-rgb),.16);box-shadow:var(--shadow-md)}.crm-summary-card__icon{width:40px;height:40px;border-radius:var(--radius-lg);background:rgba(var(--primary-rgb),.1);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.crm-summary-card__content{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.crm-summary-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text)}.crm-summary-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--neutral-700),.75)}.crm-summary-card__content p{margin:0;font-size:var(--font-size-sm);color:rgba(var(--neutral-700),.8)}.crm-tabs{display:flex;gap:var(--spacing-xs);padding:0;background:transparent;border-bottom:1px solid var(--color-border);overflow-x:auto;margin-bottom:var(--spacing-lg)}.tab-button{padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs);min-height:40px;position:relative}.tab-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8}.tab-button:hover:not(:disabled){color:var(--color-primary);border-bottom-color:var(--color-primary-light)}.tab-button.active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary);background:transparent}.tab-button:disabled{opacity:.5;cursor:not-allowed}.crm-command-bar{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-2xl);background:#ffffffeb;border:1px solid rgba(var(--primary-rgb),.15);box-shadow:0 16px 30px #0f172a1f;margin-bottom:var(--spacing-lg)}.crm-command-bar__search{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.18);background:#fffffff2}.crm-command-bar__search svg{color:rgba(var(--neutral-600),.7)}.crm-command-bar__search input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text);padding:var(--spacing-sm) 0}.crm-command-bar__search input:focus{outline:none}.crm-command-bar__clear-input{border:none;background:transparent;color:rgba(var(--neutral-600),.7);display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2xs);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all)}.crm-command-bar__clear-input:hover{color:var(--color-primary);background:rgba(var(--primary-rgb),.12)}.crm-command-bar__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;justify-content:space-between}.crm-command-bar__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:rgba(var(--neutral-700),.85);padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.12)}.crm-command-bar__clear{border:none;background:transparent;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);transition:var(--transition-all)}.crm-command-bar__clear:hover{background:rgba(var(--primary-rgb),.12)}.crm-content{min-height:var(--container-sm)}.tab-subtitle-bar{margin-bottom:var(--spacing-md)}.tab-subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.data-table{width:100%;overflow:visible}.data-table table{width:100%;border-collapse:separate;border-spacing:0 var(--spacing-xs)}.data-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:transparent;border:none;position:sticky;top:0;z-index:10}.data-table td{padding:var(--spacing-md);color:var(--color-text);font-size:var(--font-size-sm);vertical-align:middle;background:var(--backdrop-medium);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);border-left:none;border-right:none}.data-table td:first-child{border-left:1px solid var(--glass-border);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);padding-left:var(--spacing-lg)}.data-table td:last-child{border-right:1px solid var(--glass-border);border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);padding-right:var(--spacing-lg)}.data-table tbody tr{transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.data-table tbody tr:hover{transform:translateY(-2px);cursor:pointer}.data-table tbody tr:hover td{background:var(--backdrop-strong);border-top-color:rgba(var(--primary-rgb),.2);border-bottom-color:rgba(var(--primary-rgb),.2)}.data-table tbody tr:hover td:first-child{border-left-color:rgba(var(--primary-rgb),.2);box-shadow:0 4px 12px #00000014}.data-table tbody tr:hover td:last-child{border-right-color:rgba(var(--primary-rgb),.2)}.data-table td:last-child{width:1%;white-space:nowrap;overflow:visible;position:relative}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:.6875rem;font-weight:500;text-transform:capitalize;letter-spacing:.01em;white-space:nowrap;border:none;background:transparent}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-default{color:var(--color-text-secondary)}.status-default:before{background:var(--color-text-secondary)}.status-new{color:#3b82f6}.status-new:before{background:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.status-contacted{color:#f59e0b}.status-contacted:before{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.status-qualified{color:#10b981}.status-qualified:before{background:#10b981;box-shadow:0 0 0 2px #10b98126}.status-unqualified{color:#ef4444}.status-unqualified:before{background:#ef4444;box-shadow:0 0 0 2px #ef444426}.status-converted{color:#8b5cf6}.status-converted:before{background:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}.status-active{color:#10b981}.status-active:before{background:#10b981;box-shadow:0 0 0 2px #10b98126}.status-inactive{color:#6b7280}.status-inactive:before{background:#6b7280;box-shadow:0 0 0 2px #6b728026}.status-prospect{color:#3b82f6}.status-prospect:before{background:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.status-customer{color:#8b5cf6}.status-customer:before{background:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}.status-pending{color:#f59e0b}.status-pending:before{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.status-in-progress{color:#3b82f6}.status-in-progress:before{background:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.status-completed{color:#10b981}.status-completed:before{background:#10b981;box-shadow:0 0 0 2px #10b98126}.status-cancelled{color:#ef4444}.status-cancelled:before{background:#ef4444;box-shadow:0 0 0 2px #ef444426}.crm-empty-cell{padding:var(--spacing-2xl)!important;background:#ffffffe6!important;border-radius:var(--radius-xl)!important;border:1px dashed rgba(var(--primary-rgb),.18)!important}.crm-empty-inline{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.crm-empty-inline p{margin:0;color:var(--color-text);font-weight:var(--font-weight-semibold)}.crm-empty-hint{font-size:var(--font-size-xs);color:rgba(var(--neutral-600),.85)}.crm-inline-clear{border:none;background:transparent;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:var(--spacing-1) var(--spacing-sm);border-radius:var(--radius-full);transition:var(--transition-all)}.crm-inline-clear:hover{background:rgba(var(--primary-rgb),.12)}.btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--spacing-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--touch-target)}.btn-primary:hover{background:var(--gradient-button-primary-strong);transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-md) var(--color-primary-overlay-medium)}.btn-secondary{background:var(--backdrop-medium);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--color-border-light)}.btn-secondary:hover{background:var(--backdrop-strong);transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--color-border-light)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;min-height:var(--icon-size-xl)}.btn-sm svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.btn-danger{background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));color:#fff;box-shadow:0 var(--spacing-xs) var(--spacing-xs) #ef444440}.btn-danger:hover{background:linear-gradient(135deg,var(--color-error-dark),var(--color-error-darker));transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-md) #ef444459}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 var(--spacing-xs) var(--spacing-xs) #10b98140}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-md) #10b98159}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);padding:0;background:transparent;border:none;box-shadow:none}.pagination span{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.pagination-controls{display:flex;gap:var(--spacing-xs)}.pagination-controls button{padding:var(--spacing-xs) var(--spacing-sm);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:34px;min-width:88px;justify-content:center;box-shadow:0 1px 2px var(--shadow-dark-subtle)}.pagination-controls button svg{width:14px;height:14px;stroke-width:2}.pagination-controls button:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-controls button:disabled{opacity:.65;cursor:not-allowed;color:var(--color-text-secondary);border-color:var(--color-border);background:var(--color-surface)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--backdrop-medium);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--spacing-xs);padding:var(--spacing-xl);border:1px solid var(--glass-border);box-shadow:0 var(--spacing-xs) calc(2 * var(--spacing-xs)) var(--color-border-light);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) #1018281f}.stat-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-lg)}.stat-breakdown{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.stat-item span:first-child{color:var(--text-secondary)}.stat-item span:last-child{font-weight:600;color:var(--text-primary)}.leads-by-source{background:var(--backdrop-medium);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--spacing-xs);padding:var(--spacing-xl);border:1px solid var(--glass-border);box-shadow:0 var(--spacing-xs) calc(2 * var(--spacing-xs)) var(--color-border-light)}.leads-by-source h3{margin:0 0 var(--spacing-xl) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.source-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.source-item{display:flex;align-items:center;gap:var(--spacing-md)}.source-name{min-width:var(--container-3xs);font-size:.875rem;color:var(--text-secondary);font-weight:500}.source-bar{flex:1;height:var(--icon-size-md);background:var(--color-surface-elevated);border-radius:var(--spacing-xs);overflow:hidden;position:relative}.source-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),rgba(124,58,237,.8));border-radius:var(--spacing-xs);transition:width .5s ease;box-shadow:inset 0 1px var(--spacing-3xs) var(--backdrop-subtle)}.source-count{min-width:var(--icon-size-xl);font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.environment-badge{padding:calc(.37 * var(--spacing-xs)) .875rem;border-radius:var(--spacing-xs);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.environment-badge.staging{background:var(--warning-light);color:var(--warning-dark);border:1px solid var(--warning-medium)}.environment-badge.production{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success-medium)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--text-secondary);font-size:var(--font-size-lg)}.error-message{background:linear-gradient(135deg,var(--color-error-overlay-light),var(--color-error-overlay-light));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--danger-dark);padding:var(--spacing-xl);border-radius:var(--spacing-xs);border:1px solid var(--color-error-overlay-medium);text-align:center;box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--color-error-overlay-light)}.error-message h2{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.error-message p{margin:0;font-size:var(--font-size-base)}@media (max-width: var(--container-full)){.tenant-crm-management{padding:var(--spacing-md)}.crm-top-bar{flex-wrap:wrap}.crm-top-bar-actions{width:100%;justify-content:space-between}.crm-summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.crm-command-bar{padding:var(--spacing-md)}.crm-command-bar__meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: var(--container-lg)){.tenant-crm-management{padding:var(--spacing-sm)}.crm-header{padding:var(--spacing-md)}.crm-title h1{font-size:var(--font-size-xl)}.crm-summary-cards{grid-template-columns:1fr;gap:var(--spacing-md)}.crm-summary-card{padding:var(--spacing-md)}.crm-tabs{padding:var(--spacing-2xs);gap:var(--spacing-2xs)}.tab-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.tab-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tab-actions{justify-content:center}.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table td:last-child{overflow:visible}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-xs);font-size:.75rem}.data-table tbody tr:hover{transform:translateY(-1px)}.data-table tbody tr:hover td{box-shadow:0 2px 8px #0000000f}.pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.crm-command-bar{padding:var(--spacing-md)}.crm-command-bar__search{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.crm-command-bar__search input{width:100%}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-2xl)}.source-item{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.source-name{min-width:auto}.source-bar{height:var(--icon-size-xs)}}@media (max-width: var(--container-sm)){.tenant-crm-management{padding:var(--spacing-xs)}.crm-header{padding:var(--spacing-sm)}.crm-title h1{font-size:var(--font-size-lg)}.crm-title p{font-size:var(--font-size-sm)}.tab-header h2{font-size:var(--font-size-lg)}.btn{padding:calc(.37 * var(--spacing-xs)) var(--spacing-sm);font-size:.75rem}.stat-card{padding:var(--spacing-sm)}.stat-value{font-size:var(--font-size-xl)}.leads-by-source{padding:var(--spacing-md)}.leads-by-source h3{font-size:var(--font-size-lg)}}@media (prefers-color-scheme: dark){.crm-header,.crm-tabs,.stat-card,.leads-by-source{background:var(--surface-dark);border-color:var(--border-dark)}.crm-title h1,.tab-header h2,.leads-by-source h3,.data-table th,.data-table td,.stat-item span:last-child,.source-count{color:var(--text-primary)}.crm-title p,.pagination span,.stat-item span:first-child,.source-name{color:var(--text-secondary)}.data-table td{background:#ffffff08;border-color:#ffffff0f}.data-table tbody tr:hover td{background:#ffffff0f;border-color:rgba(var(--primary-rgb),.3)}.btn-secondary{background:var(--surface-darker);border-color:var(--border-darker);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-darker)}.pagination-controls button{background:var(--surface-darker);border-color:var(--border-darker);color:var(--text-primary)}.pagination-controls button:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary)}}:root[data-theme=dark] .tenant-crm-management{background:var(--color-background)}:root[data-theme=dark] .crm-top-bar{border-bottom-color:#637dad4d}:root[data-theme=dark] .crm-top-bar-actions .btn-secondary{box-shadow:var(--shadow-md)}:root[data-theme=dark] .crm-page-title{color:var(--color-text)}:root[data-theme=dark] .crm-summary-card{background:var(--glass-background);border-color:rgba(var(--primary-rgb),.32);box-shadow:var(--shadow-lg)}:root[data-theme=dark] .crm-summary-card__icon{background:rgba(var(--primary-rgb),.3);color:var(--color-text-inverse)}:root[data-theme=dark] .crm-summary-card__label{color:#cbd5e1b3}:root[data-theme=dark] .crm-summary-card__content p{color:#cbd5e1bd}:root[data-theme=dark] .crm-tabs{border-bottom-color:#637dad47}:root[data-theme=dark] .tab-button{color:#cbd5e1b8}:root[data-theme=dark] .tab-button:hover:not(:disabled){color:var(--color-primary-hover);border-bottom-color:rgba(var(--primary-rgb),.45)}:root[data-theme=dark] .tab-button.active{color:var(--color-text);border-bottom-color:var(--color-primary)}:root[data-theme=dark] .crm-command-bar{background:var(--glass-background);border-color:#2b3a5c94;box-shadow:var(--shadow-lg)}:root[data-theme=dark] .crm-command-bar__search{background:#131e32f2;border-color:rgba(var(--primary-rgb),.32);box-shadow:inset 0 0 0 1px #0f172a73}:root[data-theme=dark] .crm-command-bar__search svg,:root[data-theme=dark] .crm-command-bar__clear-input{color:#cbd5e1ad}:root[data-theme=dark] .crm-command-bar__clear-input:hover{background:rgba(var(--primary-rgb),.22);color:var(--color-text)}:root[data-theme=dark] .crm-command-bar__meta{color:#cbd5e1bf}:root[data-theme=dark] .crm-command-bar__count{background:rgba(var(--primary-rgb),.22);color:var(--color-text)}:root[data-theme=dark] .crm-command-bar__clear{color:var(--color-primary-hover)}:root[data-theme=dark] .crm-command-bar__clear:hover{background:rgba(var(--primary-rgb),.22);color:var(--color-text)}:root[data-theme=dark] .crm-inline-clear{color:var(--color-primary-hover)}:root[data-theme=dark] .crm-inline-clear:hover{background:rgba(var(--primary-rgb),.2);color:var(--color-text)}:root[data-theme=dark] .crm-empty-cell{background:#111c2ef0!important;border-color:rgba(var(--primary-rgb),.3)!important}:root[data-theme=dark] .crm-empty-inline{color:#cbd5e1bf}:root[data-theme=dark] .crm-empty-inline p{color:var(--color-text)}:root[data-theme=dark] .crm-empty-hint{color:#94a3b8bf}:root[data-theme=dark] .data-table th{color:#cbd5e1b8}:root[data-theme=dark] .data-table td{background:#0d1626eb;border-top-color:#38486e85;border-bottom-color:#38486e85;color:var(--color-text)}:root[data-theme=dark] .data-table td:first-child{border-left-color:#38486e85}:root[data-theme=dark] .data-table td:last-child{border-right-color:#38486e85}:root[data-theme=dark] .data-table tbody tr:hover td{background:#16223af2;border-top-color:rgba(var(--primary-rgb),.34);border-bottom-color:rgba(var(--primary-rgb),.34)}:root[data-theme=dark] .data-table tbody tr:hover td:first-child{border-left-color:rgba(var(--primary-rgb),.34);box-shadow:0 4px 14px #080c1880}:root[data-theme=dark] .data-table tbody tr:hover td:last-child{border-right-color:rgba(var(--primary-rgb),.34)}:root[data-theme=dark] .crm-empty-inline button,:root[data-theme=dark] .crm-command-bar__clear,:root[data-theme=dark] .crm-inline-clear{color:var(--color-primary-hover)}:root[data-theme=dark] .crm-empty-inline button:hover{background:rgba(var(--primary-rgb),.2);color:var(--color-text)}:root[data-theme=dark] .btn-secondary{background:#111b2eeb;border-color:#47556999;color:var(--color-text);box-shadow:var(--shadow-md)}:root[data-theme=dark] .btn-secondary:hover{background:rgba(var(--primary-rgb),.28);color:var(--color-text)}:root[data-theme=dark] .btn-danger{box-shadow:0 var(--spacing-xs) var(--spacing-md) #ef444459}:root[data-theme=dark] .btn-success{box-shadow:0 var(--spacing-xs) var(--spacing-md) #10b9814d}:root[data-theme=dark] .pagination{color:#cbd5e1bf}:root[data-theme=dark] .pagination-controls button{background:var(--color-surface-elevated);border-color:var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .pagination-controls button:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}:root[data-theme=dark] .stat-card,:root[data-theme=dark] .leads-by-source{background:var(--glass-background);border-color:#2b3a5c94;box-shadow:var(--shadow-xl)}:root[data-theme=dark] .stat-card h3{color:#cbd5e1b3}:root[data-theme=dark] .stat-item span:first-child,:root[data-theme=dark] .source-name{color:#94a3b8bf}:root[data-theme=dark] .source-item{color:var(--color-text)}:root[data-theme=dark] .source-bar{background:#637dad2e}:root[data-theme=dark] .source-fill{box-shadow:0 8px 20px rgba(var(--primary-rgb),.24)}:root[data-theme=dark] .leads-by-source h3{color:var(--color-text)}:root[data-theme=dark] .crm-empty-inline svg{color:#cbd5e1b3}:root[data-theme=dark] .crm-empty-inline strong{color:var(--color-text)}:root[data-theme=dark] .status-inactive{color:#94a3b8}:root[data-theme=dark] .status-inactive:before{background:#94a3b8;box-shadow:0 0 0 2px #94a3b840}:root[data-theme=dark] .crm-command-bar__filters{color:#cbd5e1bf}:root[data-theme=dark] .crm-command-bar__filters strong{color:var(--color-text)}:root[data-theme=dark] .crm-command-bar__quick{color:var(--color-text-inverse)}:root[data-theme=dark] .crm-command-bar__quick:hover{filter:brightness(1.08)}@media (prefers-contrast: high){.crm-header,.crm-tabs,.stat-card,.leads-by-source,.pagination,.data-table td{border-width:2px}.tab-button.active{border:2px solid var(--primary)}.status-badge,.btn{border-width:1px}.pagination-controls button{border-width:2px}}@media (prefers-reduced-motion: reduce){.tab-button,.btn,.stat-card,.data-table tr,.source-fill,.pagination-controls button{transition:none}}.tab-button:focus-visible,.btn:focus-visible,.pagination-controls button:focus-visible{outline:2px solid var(--color-primary-overlay-strong);outline-offset:2px;box-shadow:0 0 0 var(--spacing-xs) var(--color-primary-overlay-light)}.data-table tr:focus-visible{outline:2px solid var(--color-primary-overlay-strong);outline-offset:-2px}.tenant-crm-settings-list,.tenant-crm-settings-detail{max-width:var(--container-full);margin:0 auto;padding:var(--spacing-xl) var(--container-padding)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--gradient-card-primary-soft);border:1px solid var(--color-primary-overlay-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-header h2{color:var(--color-text);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:0}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--backdrop-medium);color:var(--color-text);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);min-height:var(--touch-target)}.back-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8}.back-button:hover{background:var(--color-surface);transform:translateY(-1px);box-shadow:0 var(--spacing-xs) calc(2 * var(--spacing-xs)) #0f172a26}.success-message{padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-alert-success);color:var(--color-text);border:1px solid var(--color-success-overlay-strong);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:alertSlideIn .25s ease-out}.error-message{padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-alert-error);color:var(--color-text);border:1px solid var(--color-error-overlay-strong);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:alertSlideIn .25s ease-out}.loading{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-body)}.form-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--backdrop-medium);border:1px solid var(--glass-border-strong);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 var(--spacing-lg) var(--spacing-3xl) var(--shadow-color-xs)}.form-section h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--color-text);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-small)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.form-group .form-check{margin-bottom:var(--spacing-md)}.form-group .form-check-label{color:var(--color-text);font-weight:var(--font-weight-medium)}.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);background:var(--backdrop-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);font-size:var(--font-size-small);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);min-height:var(--touch-target)}.form-group select:focus{outline:none;border-color:var(--color-primary-overlay-strong);box-shadow:var(--shadow-focus);background:var(--color-surface)}.form-actions{margin-top:var(--spacing-xl);text-align:right}.save-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-button-primary-strong);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-height:var(--touch-target);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--color-primary-overlay-strong)}.save-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--color-primary-overlay-medium)}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.search-container{position:relative;margin-bottom:var(--spacing-lg)}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md) * 3);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--font-size-small);background:var(--backdrop-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);min-height:var(--touch-target)}.search-input:focus{outline:none;border-color:var(--color-primary-overlay-strong);box-shadow:var(--shadow-focus);background:var(--color-surface)}.search-input::-moz-placeholder{color:var(--color-text-muted)}.search-input::placeholder{color:var(--color-text-muted)}.tenant-count{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-small)}.tenant-list table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg);background:var(--backdrop-medium);border-radius:var(--radius-xl);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 var(--spacing-lg) var(--spacing-3xl) var(--shadow-color-xs)}.tenant-list th,.tenant-list td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--neutral-200)}.tenant-list th{background:linear-gradient(135deg,var(--neutral-200),var(--color-surface-overlay-light));color:var(--color-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.08em}.tenant-list td{color:var(--color-text-secondary);font-size:var(--font-size-small)}.tenant-list tr:hover{background:var(--color-border-subtle);transform:translateY(-1px);transition:transform var(--transition-base),background var(--transition-base)}.status-badge{display:inline-flex;align-items:center;padding:calc(.3 * var(--spacing-xs)) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em}.status-badge.enabled{background:var(--color-info-overlay-light);color:var(--color-info-dark);border:1px solid var(--color-info-overlay-medium)}.status-badge.disabled{background:var(--neutral-100);color:var(--color-text-secondary);border:1px solid var(--color-border-muted)}.view-button,.manage-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--gradient-button-primary-strong);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-height:var(--icon-size-xl)}.manage-button svg,.view-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8}.manage-button:hover,.view-button:hover{transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-lg) var(--color-primary-overlay-strong)}.modal-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-header-content svg{width:var(--icon-size-md);height:var(--icon-size-md);stroke-width:1.8;color:var(--color-warning-dark)}.modal-header-content h2{margin:0;font-size:var(--font-size-h3);color:var(--color-text)}.data-warning-modal{max-width:var(--container-md)}.data-warning-modal .modal-body{padding:var(--spacing-xl)}.warning-content{text-align:center}.warning-icon{width:var(--container-3xs);height:var(--container-3xs);margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-warning-overlay-light),var(--color-warning-overlay-light))}.warning-icon svg{width:var(--icon-size-2xl);height:var(--icon-size-2xl);stroke-width:1.8;color:var(--color-warning-dark)}.warning-content h3{color:var(--color-text);margin-bottom:var(--spacing-md);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.warning-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-small);line-height:var(--line-height-relaxed)}.data-summary{background:linear-gradient(135deg,var(--color-warning-overlay-light),var(--color-warning-overlay-light));border:1px solid var(--color-warning-overlay-medium);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.data-summary h4{margin-top:0;margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em}.data-summary ul{margin:0;padding-left:var(--spacing-lg)}.data-summary li{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-small)}.warning-notice{background:linear-gradient(135deg,var(--color-info-overlay-light),var(--color-info-overlay-light));border:1px solid var(--color-info-overlay-medium);border-radius:var(--radius-xl);padding:var(--spacing-md);margin-top:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.warning-notice p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-relaxed)}.validation-error-modal .warning-icon svg{color:var(--color-error)}.error-suggestion{background:linear-gradient(135deg,var(--color-info-overlay-light),var(--color-info-overlay-light));border:1px solid var(--color-info-overlay-medium);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-top:var(--spacing-lg);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.suggestion-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.suggestion-header svg{width:var(--icon-size-xs);height:var(--icon-size-xs);stroke-width:1.8;color:var(--color-info-dark);flex-shrink:0}.suggestion-header h4{margin:0;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text)}.error-suggestion p{margin:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:var(--font-size-small)}.error-suggestion ul{margin:var(--spacing-sm) 0;padding-left:0;list-style:none}.error-suggestion li{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-small)}.error-suggestion li svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8;color:var(--color-success-dark);flex-shrink:0;margin-top:.15em}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--neutral-200);background:var(--color-surface-overlay-medium)}.btn-danger{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--gradient-danger);color:var(--color-text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-height:var(--touch-target);box-shadow:0 var(--spacing-xs) calc(2 * var(--spacing-xs)) #ef444447}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 var(--spacing-xs) calc(3 * var(--spacing-3xs)) #ef444459}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: var(--container-lg)){.settings-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.back-button{width:100%;justify-content:center}.tenant-list table{display:block;overflow-x:auto}.data-warning-modal{max-width:90vw}.modal-footer{flex-direction:column}.modal-footer button{width:100%;justify-content:center}.form-actions{text-align:center}.save-button{width:100%;justify-content:center}}.branding-settings{max-width:var(--modal-width-lg);margin:0 auto}.documentation-back{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--primary-rgb),.25);background:rgba(var(--primary-rgb),.12);color:var(--color-text);border-radius:9999px;padding:8px 12px;cursor:pointer;margin-bottom:16px;transition:all .2s ease}.logo-preview{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--backdrop-medium);border:2px dashed var(--neutral-300);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);min-height:120px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--transition-base),background var(--transition-base)}.logo-preview:hover{border-color:var(--color-primary-overlay-strong);background:var(--backdrop-strong)}.logo-preview img{max-width:100%;max-height:120px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px var(--shadow-color-sm))}.upload-area{display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-input{display:none}.action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.action-buttons .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:var(--touch-target)}.action-buttons .btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8}.alert{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-top:var(--spacing-md);animation:alertSlideIn .25s ease-out}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-icon{width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon svg{width:var(--icon-size-xs);height:var(--icon-size-xs);stroke-width:1.8}.alert-success{background:linear-gradient(135deg,var(--color-success-overlay-strong),var(--color-info-overlay-medium));border-color:var(--color-success-overlay-strong);color:var(--color-text)}.alert-success .alert-icon{background:var(--gradient-alert-success-icon);color:var(--color-teal)}.alert-error{background:linear-gradient(135deg,var(--color-error-overlay-strong),var(--color-error-overlay-medium));border-color:var(--color-error-overlay-strong);color:var(--color-text)}.alert-error .alert-icon{background:linear-gradient(135deg,var(--color-error-overlay-light),var(--color-error-overlay-medium));color:var(--color-error-dark)}.info-box{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-info-overlay-light),var(--color-info-overlay-light));border:1px solid var(--color-info-overlay-medium);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-theme=dark] .info-box{background:var(--color-surface);border:1px solid var(--color-border)}:root[data-theme=dark] .info-box-header h4,:root[data-theme=dark] .info-box li{color:var(--color-text)}.info-box-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-box-header svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8;color:var(--color-info-dark);flex-shrink:0}.info-box-header h4{margin:0;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text)}.info-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-box li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-relaxed);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.info-box li:before{content:"•";color:var(--color-info-dark);font-weight:var(--font-weight-bold);font-size:1.2em;line-height:1;flex-shrink:0;margin-top:.15em}@media (max-width: 768px){.action-buttons{flex-direction:column}.action-buttons .btn{width:100%;justify-content:center}.logo-preview{padding:var(--spacing-lg);min-height:120px}.info-box{padding:var(--spacing-md)}}.tenant-theme-editor{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:800px;margin:0 auto;box-shadow:var(--shadow-lg)}.theme-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.header-title{display:flex;align-items:center;gap:var(--spacing-md)}.header-title h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.header-title svg{color:var(--color-primary)}.close-button{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);transition:all var(--transition-base)}.close-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.theme-editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);gap:var(--spacing-lg)}.loading-spinner{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm)}.alert-error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.alert-success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.alert button{background:none;border:none;font-size:var(--font-size-xl);color:inherit;cursor:pointer;padding:0;margin-left:var(--spacing-md);opacity:.7;transition:opacity var(--transition-base)}.alert button:hover{opacity:1}.theme-editor-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.customization-level{background:var(--color-primary-light);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-primary-overlay-medium)}.customization-level label{font-weight:var(--font-weight-semibold);color:var(--color-text);display:block;margin-bottom:var(--spacing-sm)}.customization-level select{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition-base)}.customization-level select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-light)}.field-help{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm);margin-bottom:0}.theme-section{background:var(--color-surface-elevated);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.theme-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.section-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.color-field,.text-field{margin-bottom:var(--spacing-lg)}.color-field:last-child,.text-field:last-child{margin-bottom:0}.color-field label,.text-field label{display:block;font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.color-input-group{display:flex;gap:var(--spacing-md);align-items:center}.color-input-group input[type=color]{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:2px;background:var(--color-surface)}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.color-input-group input[type=text],.text-field input{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);font-family:JetBrains Mono,monospace;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.color-input-group input[type=text]:focus,.text-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-light)}.theme-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);margin-top:var(--spacing-lg)}.action-group{display:flex;gap:var(--spacing-md)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);border:none}.btn-primary{background:var(--gradient-button-primary-strong);color:#fff;box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--color-primary-overlay-strong)}.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-md) var(--color-primary-overlay-medium)}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.tenant-theme-editor{padding:var(--spacing-lg)}.theme-editor-actions{flex-direction:column;align-items:stretch}.action-group{width:100%}.action-group button{flex:1}.color-input-group{flex-direction:column;align-items:stretch}.color-input-group input[type=color]{width:100%;height:60px}}.production-test-container{min-height:100vh;background:var(--gradient-button-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--neutral-800)}.production-test-loading,.production-test-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);text-align:center;color:#fff}.production-test-loading h2,.production-test-error h2{margin-bottom:var(--spacing-md);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}.production-test-loading p,.production-test-error p{margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg);opacity:.9}.loading-spinner{width:var(--icon-size-2xl);height:var(--icon-size-2xl);border:4px solid var(--backdrop-subtle);border-top:var(--spacing-xs) solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.production-test-header{background:var(--backdrop-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:0 var(--spacing-3xs) var(--spacing-lg) var(--shadow-color-sm)}.test-info h1{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--neutral-800)}.test-details{display:flex;gap:var(--spacing-md);align-items:center}.test-tenant,.test-chatbot{background:var(--color-border);color:var(--neutral-600);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.test-badge{background:var(--color-success);color:#fff;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--spacing-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.test-badge.staging-badge{background:var(--color-warning);color:var(--neutral-800)}.test-actions .btn{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--spacing-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.btn-secondary{background:var(--color-border);color:var(--neutral-600)}.btn-secondary:hover{background:var(--color-border)}.production-test-content{padding:var(--spacing-xl);max-width:var(--container-full);margin:0 auto}.test-page-mock{background:#fff;border-radius:var(--spacing-xs);padding:var(--spacing-xl);box-shadow:0 var(--spacing-xs) var(--spacing-lg) var(--shadow-color-sm);margin-bottom:var(--spacing-xl)}.mock-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xl)}.mock-header h2{margin:0 0 var(--spacing-xs) 0;color:var(--neutral-800);font-size:var(--font-size-2xl)}.mock-header p{margin:0;color:var(--neutral-500)}.mock-content h3{margin:0 0 var(--spacing-md) 0;color:var(--neutral-800);font-size:var(--font-size-xl)}.mock-content p{margin:0 0 var(--spacing-lg) 0;line-height:1.6;color:var(--neutral-600)}.test-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.test-section{background:var(--neutral-100);border-radius:var(--spacing-xs);padding:var(--spacing-lg);border-left:var(--spacing-xs) solid var(--color-success)}.test-section h4{margin:0 0 var(--spacing-md) 0;color:var(--neutral-800);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.test-section ul{margin:0;padding:0;list-style:none}.test-section li{margin-bottom:var(--spacing-xs);color:var(--neutral-600);font-size:var(--font-size-sm)}.production-test-footer{text-align:center;padding:var(--spacing-md);background:var(--backdrop-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--shadow-color-sm)}.production-test-footer p{margin:0;color:var(--neutral-600);font-size:var(--font-size-sm)}@media (max-width: var(--container-lg)){.production-test-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.test-details{justify-content:center}.production-test-content{padding:var(--spacing-md)}.test-page-mock{padding:var(--spacing-lg)}.test-sections{grid-template-columns:1fr}}.theme-switcher{position:relative;display:inline-flex;z-index:var(--z-popover)}.theme-switcher__trigger{display:inline-flex;align-items:center;gap:var(--spacing-2xs);border-radius:var(--radius-full);border:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-surface),var(--color-surface-elevated));color:var(--color-text);padding:var(--spacing-2xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);min-height:var(--touch-target-sm)}.theme-switcher__trigger:hover{transform:translateY(-1px);box-shadow:0 var(--spacing-3xs) var(--spacing-lg) var(--shadow-sm);border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface-hover))}.theme-switcher__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.theme-switcher__trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm)}.theme-switcher__trigger-label{letter-spacing:.02em}.theme-switcher--compact .theme-switcher__trigger{padding:var(--spacing-2xs)}.theme-switcher--compact .theme-switcher__trigger-label{display:none}.theme-switcher__menu{position:absolute;top:calc(100% + var(--spacing-2xs));right:0;display:flex;flex-direction:column;min-width:220px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-surface);box-shadow:0 var(--spacing-xs) var(--spacing-4xl) var(--shadow-lg);padding:var(--spacing-2xs);z-index:calc(var(--z-popover) + 1)}.theme-switcher__menu.theme-switcher__menu--up{top:auto;bottom:calc(100% + var(--spacing-2xs))}.theme-switcher__option{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%;border-radius:var(--radius-md);padding:var(--spacing-sm);border:none;background:transparent;color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.theme-switcher__option:hover,.theme-switcher__option:focus-visible{background:var(--color-surface-hover);outline:none;transform:translateY(-1px);box-shadow:0 var(--spacing-3xs) var(--spacing-lg) var(--shadow-sm)}.theme-switcher__option:focus-visible{box-shadow:var(--shadow-focus)}.theme-switcher__option--active{background:var(--color-primary-overlay-light);border:1px solid var(--color-primary-overlay-medium)}.theme-switcher__option--active:hover,.theme-switcher__option--active:focus-visible{background:var(--color-primary-overlay-medium)}.theme-switcher__option-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);margin-top:2px;color:var(--color-text-secondary)}.theme-switcher__option--active .theme-switcher__option-icon{color:var(--color-primary)}.theme-switcher__option-content{display:flex;flex-direction:column;gap:var(--spacing-3xs);flex:1}.theme-switcher__option-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.theme-switcher__option-description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.theme-switcher__option-check{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-primary)}@media (max-width: 768px){.theme-switcher__menu{left:0;right:auto}}@media (prefers-reduced-motion: reduce){.theme-switcher__trigger,.theme-switcher__option{transition:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-background);gap:var(--spacing-lg)}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-border-light);border-top:var(--spacing-xs) solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:16px;color:var(--neutral-500);font-weight:500}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--container-sm);text-align:center;background:var(--color-surface);border-radius:var(--spacing-xs);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.placeholder-page h2{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.placeholder-page p{font-size:16px;color:var(--color-text-secondary);max-width:var(--container-sm);line-height:1.6}@media (prefers-color-scheme: dark){.placeholder-page{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-md)}.placeholder-page p{color:var(--color-text-secondary)}}.documentation-back{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--primary-rgb),.25);background:rgba(var(--primary-rgb),.12);color:var(--color-text);border-radius:9999px;padding:8px 12px;cursor:pointer;margin-bottom:16px;transition:all .2s ease;width:-moz-fit-content;width:fit-content;font-size:14px}.documentation-back:hover{background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.35);transform:translate(-2px)}.settings-page{padding:var(--spacing-xl);background:var(--color-background);min-height:100%}.settings-container{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:var(--container-xl);margin:0 auto}.settings-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:visible}.settings-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:min(60%,520px)}.settings-card-content h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text)}.settings-card-content p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.settings-theme-switcher{box-shadow:0 var(--spacing-3xs) var(--spacing-lg) var(--shadow-sm)}.settings-section{background:var(--color-surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-strong, var(--color-border));padding:var(--spacing-xl);box-shadow:var(--shadow-md)}:root[data-theme=dark] .settings-section{border-color:var(--color-border-strong)}@media (max-width: 768px){.settings-page{padding:var(--spacing-lg)}.settings-container{gap:var(--spacing-lg)}.settings-card{flex-direction:column;align-items:stretch;gap:var(--spacing-lg);padding:var(--spacing-lg)}.settings-card-content{max-width:100%}}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--neutral-700);font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-xs) var(--spacing-xs);border:2px solid var(--color-border);border-radius:var(--spacing-xs);font-size:16px;transition:all .2s ease;background:var(--color-surface)}.form-group select{padding-right:var(--spacing-3xl);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}.form-group select:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-elevated)}.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-light);background-color:var(--color-surface)}.form-group select:disabled{background-color:var(--neutral-100);color:var(--neutral-400);cursor:not-allowed;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.form-group select option[value=""]{color:var(--neutral-400);font-style:italic}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-light)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--color-error)}.form-group input.error:focus,.form-group textarea.error:focus,.form-group select.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-overlay-light)}.error-message{color:var(--color-error);font-size:12px;font-weight:500;margin-top:var(--spacing-xs);display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-lg);border:none;border-radius:var(--spacing-xs);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:var(--spacing-xs)}.btn-primary{background:var(--gradient-button-primary);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 var(--spacing-xs) var(--spacing-lg) #667eea4d}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-light)}.btn-secondary:hover:not(:disabled){background:var(--color-border-light);border-color:var(--color-border)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-error-dark);transform:translateY(-2px);box-shadow:0 var(--spacing-xs) var(--spacing-lg) #ef44444d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm{padding:var(--spacing-xs) var(--spacing-xs);font-size:12px}.btn-lg{padding:var(--spacing-xs) calc(2 * var(--spacing-xs));font-size:16px}.card{background:#fff;border-radius:var(--spacing-xs);padding:calc(2 * var(--spacing-xs));box-shadow:0 var(--spacing-xs) var(--spacing-xs) var(--color-surface-elevated);border:1px solid var(--color-border-light)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0}.card-subtitle{font-size:14px;color:var(--neutral-500);margin:var(--spacing-xs) 0 0 0}:root[data-theme=dark] .card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}:root[data-theme=dark] .card-title{color:var(--color-text)}:root[data-theme=dark] .card-subtitle{color:var(--color-text-secondary)}.alert{padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-xs);margin-bottom:var(--spacing-lg);font-size:14px;font-weight:500}.alert-success{background:var(--color-success-light);border:1px solid var(--color-success-lighter);color:var(--color-success-dark)}.alert-error{background:var(--color-error-lightest);border:1px solid var(--color-error-border);color:var(--color-error-dark)}.alert-warning{background:var(--color-surface)beb;border:1px solid var(--color-warning-light);color:var(--color-warning-dark)}.alert-info{background:var(--color-info-lightest);border:1px solid var(--color-info-lighter);color:var(--color-primary-hover)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--spacing-lg);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--color-info-light);color:var(--color-primary-hover)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background:var(--color-error-light)2e2;color:var(--color-error-dark)}.badge-secondary{background:var(--color-surface);color:var(--color-text)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-2xs)}.mt-2{margin-top:var(--spacing-xs)}.mt-3{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-5{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-2xs)}.mb-2{margin-bottom:var(--spacing-xs)}.mb-3{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-5{margin-bottom:var(--spacing-lg)}.ml-1{margin-left:var(--spacing-2xs)}.ml-2{margin-left:var(--spacing-xs)}.ml-3{margin-left:var(--spacing-sm)}.ml-4{margin-left:var(--spacing-md)}.ml-5{margin-left:var(--spacing-lg)}.mr-1{margin-right:var(--spacing-2xs)}.mr-2{margin-right:var(--spacing-xs)}.mr-3{margin-right:var(--spacing-sm)}.mr-4{margin-right:var(--spacing-md)}.mr-5{margin-right:var(--spacing-lg)}.p-1{padding:var(--spacing-2xs)}.p-2{padding:var(--spacing-xs)}.p-3{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-5{padding:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}@media (max-width: var(--container-lg)){.md\:hidden{display:none}.md\:block{display:block}}@media (max-width: var(--container-md)){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:text-sm{font-size:14px}.sm\:text-xs{font-size:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--spacing-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}*:focus{outline:2px solid transparent;outline-offset:2px}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary);color:#fff}::-moz-selection{background:var(--color-primary);color:#fff}select:not(.form-group select){padding:var(--spacing-xs) var(--spacing-3xl) var(--spacing-sm) var(--spacing-xs);border:2px solid var(--color-border);border-radius:var(--spacing-xs);font-size:16px;background:var(--color-surface);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer;transition:all .2s ease}select:not(.form-group select):hover{border-color:var(--color-border-strong);background-color:var(--color-surface-elevated)}select:not(.form-group select):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-light);background-color:var(--color-surface)}select:not(.form-group select):disabled{background-color:var(--neutral-100);color:var(--neutral-400);cursor:not-allowed;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}select option[value=""]{color:var(--neutral-400);font-style:italic}select option{padding:var(--spacing-xs) var(--spacing-xs);background:var(--color-surface);color:var(--neutral-700)}select option:checked{background:var(--color-primary);color:#fff}.placeholder-selected{color:var(--neutral-400)!important;font-style:italic}select:not(.placeholder-selected){color:var(--neutral-700);font-style:normal;font-weight:500}select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}@media (max-width: var(--container-lg)){select,.form-group select{font-size:16px;padding:var(--spacing-xs) var(--spacing-3xl) 14px var(--spacing-xs)}}.page-header{margin-bottom:var(--spacing-xl)}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:.875rem}.breadcrumb-link{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-separator{color:var(--color-border-strong);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-current{color:var(--neutral-700);font-weight:500}.page-title{font-size:1.875rem;font-weight:700;color:var(--neutral-800);margin:0 0 var(--spacing-xs) 0;background:var(--gradient-button-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}@media (max-width: var(--container-lg)){.page-header{margin-bottom:var(--spacing-lg)}.page-title{font-size:var(--font-size-2xl)}.page-subtitle{font-size:.875rem}.breadcrumbs{font-size:.8125rem}}.lead-conversion-page{padding:var(--spacing-xl);max-width:var(--container-full);margin:0 auto}.environment-indicator{margin-bottom:var(--spacing-lg)}.environment-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--spacing-xs);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.environment-badge.staging{background-color:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.environment-badge.production{background-color:var(--color-info-light);color:var(--color-info-dark);border:1px solid var(--color-primary)}.loading-state{text-align:center;padding:var(--spacing-3xl);color:var(--neutral-500);font-size:1.125rem}.conversion-content{background:#fff;border-radius:var(--spacing-xs);box-shadow:0 1px 3px var(--shadow-color-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.conversion-step{min-height:var(--container-sm)}.conversion-preview h3{font-size:1.5rem;font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-lg)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item label{font-weight:600;color:var(--neutral-500);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:var(--neutral-900);font-size:1rem}.status-badge,.priority-badge{display:inline-block;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:9999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-badge.new,.status-badge.open{background-color:var(--color-info-light);color:var(--color-info-dark)}.status-badge.contacted{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.status-badge.qualified,.status-badge.converted{background-color:var(--color-success-light);color:var(--color-success-dark)}.priority-badge.low{background-color:var(--neutral-100);color:var(--neutral-600)}.priority-badge.medium{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.priority-badge.high{background-color:var(--color-error-light);color:var(--color-error-dark)}.conversion-info{background-color:var(--color-surface-elevated);border-radius:var(--spacing-xs);padding:var(--spacing-lg);border-left:var(--spacing-xs) solid var(--color-primary)}.conversion-info h4{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-md)}.conversion-info ul{list-style:none;padding:0;margin:0}.conversion-info li{padding:var(--spacing-xs) 0;color:var(--neutral-700);font-size:.9375rem}.conversion-step h3{font-size:1.5rem;font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:500;color:var(--neutral-700);margin-bottom:var(--spacing-xs);font-size:.9375rem}.form-group input[type=text],.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-strong);border-radius:var(--spacing-xs);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-light)}.form-group small{display:block;margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:.875rem}.checkbox-group label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{margin-top:var(--spacing-2xs);width:1.125rem;height:1.125rem;cursor:pointer}.checkbox-group span{font-weight:500;color:var(--color-text)}.conversion-step.converting{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.conversion-step.converting h3{color:var(--neutral-900);margin-bottom:var(--spacing-xs)}.conversion-step.converting p{color:var(--neutral-500)}.conversion-step.success{display:flex;flex-direction:column;align-items:center;text-align:center}.success-icon{width:var(--container-3xs);height:var(--container-3xs);background-color:var(--color-success-light);color:var(--color-success-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin-bottom:var(--spacing-lg)}.conversion-step.success h3{color:var(--color-success-dark);margin-bottom:var(--spacing-xs)}.conversion-step.success>p{color:var(--neutral-500);margin-bottom:var(--spacing-xl)}.conversion-summary{background-color:var(--color-surface-elevated);border-radius:var(--spacing-xs);padding:var(--spacing-lg);width:100%;max-width:500px;margin-bottom:var(--spacing-lg)}.summary-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.summary-item:last-child{border-bottom:none}.summary-item label{font-weight:600;color:var(--neutral-500)}.summary-item span{color:var(--neutral-900);font-weight:500}.redirect-message{color:var(--color-primary);font-style:italic;margin-top:var(--spacing-md)}.page-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:#fff;border-radius:var(--spacing-xs);box-shadow:0 1px 3px var(--shadow-color-sm)}@media (max-width: var(--container-lg)){.lead-conversion-page{padding:var(--spacing-md)}.conversion-content{padding:var(--spacing-lg)}.info-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.page-actions{flex-direction:column;padding:var(--spacing-md)}.page-actions button{width:100%}}@media (prefers-color-scheme: dark){.conversion-content{background:var(--color-surface);box-shadow:var(--shadow-sm)}.conversion-preview h3{color:var(--color-text)}.info-item label{color:var(--color-text-secondary)}.info-item span,.form-group label{color:var(--color-text)}.form-group small{color:var(--color-text-secondary)}.checkbox-group span{color:var(--color-text)}}@media (prefers-color-scheme: dark){.lead-conversion-page .conversion-step.success h3{color:var(--color-text)}.lead-conversion-page .conversion-step.success>p{color:var(--color-text-secondary)}.lead-conversion-page .conversion-summary{background:var(--color-surface-elevated);border:1px solid var(--color-border)}.lead-conversion-page .summary-item label{color:var(--color-text-secondary)}.lead-conversion-page .summary-item span{color:var(--color-text)}}.tenant-admin-page{max-width:var(--modal-width-xl);margin:0 auto;padding:var(--spacing-2xl) var(--container-padding) var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.tenant-admin-card{background:var(--backdrop-strong);border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);box-shadow:0 calc(2 * var(--spacing-xs)) var(--spacing-4xl) var(--color-border-light);padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:var(--spacing-xl)}.tenant-admin-alert{display:flex;align-items:flex-start;gap:var(--spacing-md);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);border:1px solid transparent}.tenant-admin-alert svg{width:var(--icon-size-xs);height:var(--icon-size-xs);stroke-width:1.8;margin-top:var(--spacing-3xs)}.tenant-admin-alert--error{background:var(--color-error-overlay-light);border-color:var(--color-error-overlay-strong);color:var(--color-danger-strong)}.tenant-admin-alert--info{background:var(--color-info-overlay-medium);border-color:var(--color-info-overlay-strong);color:var(--color-primary-strong)}.tenant-admin-alert__content{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.tenant-admin-alert__content strong{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.12em}.tenant-admin-alert__content span{font-size:var(--font-size-body);color:var(--color-text-secondary)}.tenant-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.form-group label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--neutral-300);background:var(--color-surface-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--font-size-small);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);min-height:var(--touch-target)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-overlay-strong);box-shadow:var(--shadow-focus);background:var(--color-surface)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--neutral-200)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 1var(--spacing-4xl);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);min-height:var(--touch-target)}.btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:1.8}.btn-primary{background:var(--gradient-button-primary-strong);color:var(--color-text-inverse);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--color-primary-overlay-strong)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--color-primary-overlay-medium)}.btn-secondary{background:var(--color-surface-elevated);border-color:var(--neutral-300);color:var(--color-text)}.btn-secondary:hover{transform:translateY(-1px);background:var(--color-border-light);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--shadow-color-xs)}.btn-warning{background:var(--color-warning-overlay-medium);border-color:var(--color-warning-overlay-strong);color:var(--color-warning-dark)}.btn-warning:hover{transform:translateY(-1px);background:var(--color-warning-overlay-strong);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) var(--color-warning-overlay-strong)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.tenant-admin-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-text-secondary)}.tenant-admin-secondary-card{border-radius:var(--radius-2xl);border:1px dashed var(--color-border);padding:var(--spacing-xl);background:var(--color-surface-elevated);display:flex;flex-direction:column;gap:var(--spacing-md)}.tenant-admin-secondary-card h3{margin:0;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tenant-admin-secondary-card p{margin:0;font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.tenant-admin-credentials{display:flex;flex-direction:column;gap:var(--spacing-lg)}.credential-card{border-radius:var(--radius-xl);border:1px solid var(--neutral-200);padding:var(--spacing-lg);background:var(--backdrop-medium);display:flex;flex-direction:column;gap:var(--spacing-md)}.credential-card__warning{display:flex;gap:var(--spacing-sm);align-items:flex-start;background:var(--color-error-overlay-medium);border:1px solid var(--color-error-overlay-light);border-radius:var(--radius-lg);padding:var(--spacing-md);color:var(--color-danger-strong)}.credential-card__warning svg{margin-top:var(--spacing-3xs)}.credential-item{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.credential-item label{font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.credential-value{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:calc(.6 * var(--spacing-xs)) .9rem;border-radius:var(--radius-lg);background:var(--shadow-color-xs);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text);border:1px solid var(--neutral-200)}.copy-btn{border:none;background:var(--backdrop-medium);border-radius:var(--radius-md);padding:var(--spacing-3xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast)}.copy-btn:hover{background:var(--color-border-light);transform:translateY(-1px)}.tenant-admin-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap}.tenant-admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) 0;gap:var(--spacing-md);color:var(--color-text-secondary)}.tenant-admin-radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.tenant-admin-radio-option{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-muted);background:var(--color-surface-bright)}.tenant-admin-radio-option input[type=radio]{accent-color:rgba(var(--primary-rgb),.92)}.tenant-admin-radio-option label{font-weight:var(--font-weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.tenant-admin-radio-option small{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.password-requirements{display:flex;flex-direction:column;gap:var(--spacing-2xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.credential-empty{border-radius:var(--radius-xl);border:1px dashed var(--color-border-medium);padding:var(--spacing-xl);background:var(--color-surface-elevated);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:center}.credential-empty strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.tenant-admin-footnote{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.tenant-view-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-text-secondary);align-items:center}.tenant-view-meta code{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--spacing-2xs) var(--spacing-xs);font-size:var(--font-size-xs)}.tenant-view-status{display:inline-flex;align-items:center;gap:var(--spacing-3xs);margin-left:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-2xs);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em}.tenant-view-status--active{background:var(--color-success-overlay-light);color:var(--color-success-darker)}.tenant-view-status--inactive{background:var(--color-error-overlay-light);color:var(--color-error-darker)}.tenant-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.tenant-detail-item{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.tenant-detail-item label{font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.tenant-detail-item span{font-size:var(--font-size-sm);color:var(--color-text)}.tenant-plan-badge{display:inline-flex;align-items:center;justify-content:center;padding:calc(.3 * var(--spacing-xs)) .85rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em}.tenant-plan-badge--basic{background:var(--color-info-overlay-light);color:var(--color-info-darker)}.tenant-plan-badge--pro{background:var(--color-primary-overlay-medium);color:var(--color-primary-hover)}.tenant-plan-badge--enterprise{background:var(--color-accent-overlay-light);color:var(--color-accent-darker)}.tenant-view-actions{justify-content:flex-start;margin-top:var(--spacing-lg)}.tenant-usage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.tenant-usage-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-2xs);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:var(--backdrop-medium);box-shadow:0 var(--spacing-xs) var(--spacing-3xl) var(--color-border-light)}.tenant-usage-card[data-accent=primary]{border-color:var(--color-info-overlay-medium)}.tenant-usage-card[data-accent=violet]{border-color:var(--color-accent-overlay-medium)}.tenant-usage-card[data-accent=info]{border-color:var(--color-info-overlay-strong)}.tenant-usage-card[data-accent=success]{border-color:var(--color-success-overlay-medium)}.tenant-usage-card__icon{width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-elevated);margin-bottom:var(--spacing-sm)}.tenant-usage-card__label{font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.tenant-usage-card__value{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tenant-usage-card__sub{font-size:var(--font-size-small);color:var(--color-text-muted)}.system-settings-page{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-xl, 2rem)}.settings-header{margin-bottom:var(--spacing-xl, 2rem)}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:16px;background:var(--color-surface-elevated, #f5f5f5);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;color:var(--color-text-dark, #1f2937);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--color-surface, #fff);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);transform:translate(-2px)}.back-button .label{font-size:14px;font-weight:600}@media (max-width: 520px){.back-button .label{display:none}}.settings-header h1{font-size:1.75rem;font-weight:600;color:var(--color-text-dark);margin-bottom:var(--spacing-sm, .5rem)}.settings-header p{color:var(--color-text-secondary);font-size:.95rem}.alert{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem);border-radius:var(--radius-lg, 8px);margin-bottom:var(--spacing-xl, 1.5rem);display:flex;align-items:center;gap:var(--spacing-sm, .75rem);font-size:.95rem}.alert span{font-size:1.25rem}.alert-error{background-color:var(--color-error-light, #fef2f2);border:1px solid var(--color-error-alpha, #fecaca);color:var(--color-error, #dc2626)}.alert-success{background-color:var(--color-success-light, #f0fdf4);border:1px solid var(--color-success-alpha, #bbf7d0);color:var(--color-success, #16a34a)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl, 1.5rem);margin-bottom:var(--spacing-xl, 2rem)}@media (max-width: 1024px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:var(--color-surface);border-radius:var(--radius-xl, 12px);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s}.settings-card:hover{box-shadow:0 4px 12px #00000014}.card-header{padding:var(--spacing-lg, 1.25rem) var(--spacing-xl, 1.5rem);border-bottom:1px solid var(--color-border)}.card-header.staging{background:var(--color-primary-light, #eef2ff);border-left:3px solid var(--color-primary)}.card-header.production{background:var(--color-warning-light, #fffbeb);border-left:3px solid var(--color-warning)}.card-header h2{font-size:1.125rem;font-weight:600;color:var(--color-text-dark);margin:0 0 var(--spacing-xs, .25rem) 0;display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}.card-header p{font-size:.85rem;color:var(--color-text-secondary);margin:0}.card-content{padding:var(--spacing-xl, 1.5rem)}.form-group{margin-bottom:var(--spacing-xl, 1.5rem)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:500;color:var(--color-text-dark);margin-bottom:var(--spacing-sm, .5rem);font-size:.875rem}.label-required{color:var(--color-error, #dc2626);margin-left:var(--spacing-xs, .25rem)}.form-control{width:100%;padding:var(--spacing-sm, .625rem) var(--spacing-md, .875rem);border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);font-size:.9375rem;background:var(--color-surface);color:var(--color-text-dark);transition:all .2s}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-light)}.form-control:hover:not(:disabled){border-color:var(--color-border-strong)}.form-range{width:100%;height:6px;background:var(--color-border);border-radius:3px;outline:none;-webkit-appearance:none;margin:var(--spacing-sm, .5rem) 0}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary);cursor:pointer;border-radius:50%;border:2px solid var(--color-surface);box-shadow:0 2px 4px #00000026;-webkit-transition:all .2s;transition:all .2s}.form-range::-webkit-slider-thumb:hover{background:var(--color-primary-hover);transform:scale(1.1)}.form-range::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary);cursor:pointer;border-radius:50%;border:2px solid var(--color-surface);box-shadow:0 2px 4px #00000026;-moz-transition:all .2s;transition:all .2s}.form-range::-moz-range-thumb:hover{background:var(--color-primary-hover);transform:scale(1.1)}.model-info{background:var(--color-surface-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg, 8px);padding:var(--spacing-md, .875rem) var(--spacing-lg, 1rem);margin-top:var(--spacing-sm, .75rem)}.model-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm, .75rem);font-size:.875rem;line-height:1.5}.model-specs{display:flex;gap:var(--spacing-xl, 1.5rem);flex-wrap:wrap}.spec-item{flex:1;min-width:120px}.spec-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--spacing-xs, .25rem);display:block}.spec-value{font-size:.875rem;color:var(--color-text-dark);font-weight:600}.form-actions{display:flex;gap:var(--spacing-lg, 1rem);margin-top:var(--spacing-xl, 2rem);padding-top:var(--spacing-xl, 1.5rem);border-top:1px solid var(--color-border);justify-content:flex-start}.btn{padding:var(--spacing-sm, .625rem) var(--spacing-xl, 1.5rem);border-radius:var(--radius-md, 6px);font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--color-primary-overlay-medium)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.settings-footer{text-align:center;margin-top:var(--spacing-xl, 1.5rem);padding-top:var(--spacing-xl, 1.5rem);border-top:1px solid var(--color-border)}.last-updated{font-size:.8125rem;color:var(--color-text-muted)}.loading,.error{text-align:center;padding:var(--spacing-3xl, 4rem) var(--spacing-xl, 2rem);font-size:1rem;color:var(--color-text-secondary)}.error{color:var(--color-error)}.documentation-page{min-height:100vh;background:var(--color-surface-elevated)}.documentation-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:64px 32px;color:#fff}:root[data-theme=dark] .documentation-header{background:radial-gradient(circle at 12% 18%,rgba(var(--primary-rgb),.18),transparent 55%),radial-gradient(circle at 80% 12%,rgba(var(--accent-pink-rgb),.18),transparent 55%),linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--accent-pink-rgb),.12));border-bottom:1px solid rgba(var(--primary-rgb),.18);box-shadow:var(--shadow-xl);color:var(--color-text)}:root[data-theme=dark] .documentation-header h1,:root[data-theme=dark] .documentation-header p,:root[data-theme=dark] .documentation-icon{color:var(--color-text)}.documentation-header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px}.documentation-icon{flex-shrink:0}.documentation-back{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--primary-rgb),.25);background:rgba(var(--primary-rgb),.12);color:var(--color-text);border-radius:9999px;padding:8px 12px;cursor:pointer}.documentation-back .label{font-size:14px;font-weight:600}@media (max-width: 520px){.documentation-back .label{display:none}}.documentation-header h1{font-size:42px;font-weight:700;margin:0 0 8px}.documentation-header p{font-size:18px;opacity:.9;margin:0}.documentation-container{max-width:1200px;margin:0 auto;padding:48px 32px}.documentation-section{background:var(--color-surface);border-radius:16px;padding:32px;margin-bottom:32px;border:1px solid var(--color-border)}.documentation-section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.documentation-section-header svg{color:var(--color-primary);flex-shrink:0;margin-top:4px}.documentation-section-header h2{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.documentation-section-header p{font-size:14px;color:var(--color-text-secondary);margin:0}.documentation-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.documentation-article-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.documentation-article-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.documentation-article-card h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.documentation-article-card p{font-size:14px;color:var(--color-text-secondary);margin:0 0 12px;line-height:1.5}.documentation-article-link{font-size:14px;color:var(--color-primary);font-weight:500}.documentation-help{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%);border-radius:16px;padding:48px 32px;text-align:center;margin-top:48px}.documentation-help h2{font-size:28px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.documentation-help p{font-size:16px;color:var(--color-text-secondary);margin:0 0 24px}.documentation-help-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.widget-integration-page{min-height:100vh;background:var(--color-surface-elevated)}.widget-integration-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:48px 32px;color:#fff;max-width:1200px;margin:0 auto}.btn-back{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:24px;transition:all .2s}.btn-back:hover{background:#ffffff4d}.widget-integration-header h1{font-size:36px;font-weight:700;margin:0 0 12px}.widget-integration-header p{font-size:18px;opacity:.9;margin:0}.widget-integration-container{max-width:900px;margin:0 auto;padding:48px 32px}.guide-section{background:var(--color-surface);border-radius:16px;padding:32px;margin-bottom:32px;border:1px solid var(--color-border)}.guide-section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid var(--color-border)}.guide-section-header svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.guide-section-header h2{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.guide-section-header p{font-size:14px;color:var(--color-text-secondary);margin:0}.guide-content h3{font-size:18px;font-weight:600;margin:24px 0 12px;color:var(--color-text-primary)}.guide-content p{font-size:15px;line-height:1.7;color:var(--color-text-secondary);margin:0 0 16px}.guide-content ul,.guide-content ol{margin:0 0 16px;padding-left:24px}.guide-content li{font-size:15px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:8px}.guide-content code{background:var(--color-surface-elevated);padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,Courier New,monospace;font-size:14px;color:var(--color-primary)}.guide-content a{color:var(--color-primary);text-decoration:none;font-weight:500}.code-block-container{position:relative;margin:16px 0 24px}.code-block{background:#1e1e1e;color:#d4d4d4;padding:20px;border-radius:12px;overflow-x:auto;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;margin:0}.code-copy-btn{position:absolute;top:12px;right:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;transition:all .2s}.guide-tip{background:var(--color-primary-light);border-left:4px solid var(--color-primary);padding:16px;border-radius:8px;margin:16px 0;font-size:14px;line-height:1.6}.guide-warning{background:var(--color-warning-light);border-left:4px solid var(--color-warning);padding:16px;border-radius:8px;margin:16px 0;font-size:14px;line-height:1.6}.comparison-table,.config-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.comparison-table th,.config-table th{background:var(--color-surface-elevated);padding:12px;text-align:left;font-weight:600;border-bottom:2px solid var(--color-border)}.comparison-table td,.config-table td{padding:12px;border-bottom:1px solid var(--color-border)}.comparison-table tbody tr:hover,.config-table tbody tr:hover{background:var(--color-surface-elevated)}.troubleshooting-list details{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer}.troubleshooting-list summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.troubleshooting-list details[open] summary{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.guide-section-next{text-align:center}.guide-section-next h2{font-size:28px;margin:0 0 32px}.next-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.next-step-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s}.next-step-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.next-step-card svg{color:var(--color-primary);margin-bottom:12px}.next-step-card h3{font-size:18px;font-weight:600;margin:0 0 8px}.next-step-card p{font-size:14px;color:var(--color-text-secondary);margin:0}.zoho-integration-page{min-height:100vh;background:var(--background)}.zoho-integration-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:2rem 2rem 3rem;text-align:center}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:2rem}.btn-back:hover{background:#ffffff4d;transform:translate(-2px)}.zoho-integration-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.zoho-integration-header p{font-size:1.125rem;opacity:.95;margin:0}.zoho-integration-container{max-width:900px;margin:-2rem auto 0;padding:0 2rem 3rem}.guide-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.guide-section-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.guide-section-header svg{color:var(--primary);flex-shrink:0;margin-top:.25rem}.guide-section-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.guide-section-header p{font-size:.95rem;color:var(--text-secondary);margin:0}.guide-content{color:var(--text-primary);line-height:1.7}.guide-content h3{font-size:1.25rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-primary)}.guide-content h3:first-child{margin-top:0}.guide-content h4{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary)}.guide-content p{margin:.75rem 0;color:var(--text-secondary)}.guide-content ul,.guide-content ol{margin:1rem 0;padding-left:1.5rem;color:var(--text-secondary)}.guide-content li{margin:.5rem 0}.guide-content a{color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.guide-content a:hover{text-decoration:underline}.guide-content code{background:var(--code-background, rgba(139, 92, 246, .1));color:var(--primary);padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:Monaco,Courier New,monospace}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{padding:1.5rem;background:var(--background);border:1px solid var(--border-color);border-radius:8px;text-align:center;transition:all .2s}.feature-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #4f46e51a;transform:translateY(-2px)}.feature-card svg{color:var(--primary);margin-bottom:1rem}.feature-card h3{font-size:1.1rem;margin:0 0 .5rem!important;color:var(--text-primary)}.feature-card p{font-size:.9rem;margin:0!important;color:var(--text-secondary)}.guide-callout{display:flex;gap:1rem;padding:1rem 1.25rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid}.guide-callout svg{flex-shrink:0;margin-top:.125rem}.guide-callout strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.guide-callout p{margin:.5rem 0 0;font-size:.95rem}.guide-callout ul{margin:.5rem 0 0;padding-left:1.25rem}.guide-callout-info{background:#3b82f61a;border-left-color:#3b82f6}.guide-callout-info svg{color:#3b82f6}.guide-callout-success{background:#22c55e1a;border-left-color:#22c55e}.guide-callout-success svg{color:#22c55e}.guide-callout-warning{background:#f59e0b1a;border-left-color:#f59e0b}.guide-callout-warning svg{color:#f59e0b}.guide-callout-critical{background:#ef44441a;border-left-color:#ef4444}.guide-callout-critical svg{color:#ef4444}.guide-tip{background:linear-gradient(135deg,#8b5cf61a,#4f46e51a);border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:1rem 1.25rem;margin:1.5rem 0}.guide-tip strong{color:var(--primary)}.code-block-container{position:relative;margin:1.5rem 0}.code-block{background:var(--code-background, #1E293B);color:#e2e8f0;padding:1.25rem;border-radius:8px;overflow-x:auto;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0;border:1px solid var(--border-color)}.code-copy-btn{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.code-copy-btn:hover{background:#fff3}.checklist{list-style:none;padding:0;margin:1rem 0}.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;margin:.5rem 0;background:var(--background);border:1px solid var(--border-color);border-radius:6px}.checklist-icon{color:#22c55e;flex-shrink:0;margin-top:.125rem}.form-example{background:var(--background);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.form-field{margin-bottom:1.5rem}.form-field:last-child{margin-bottom:0}.form-field label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-field input,.form-field select{width:100%;padding:.75rem;background:var(--input-background, var(--card-background));border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95rem}.form-field input:disabled,.form-field select:disabled{opacity:.6;cursor:not-allowed}.form-field small{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.test-examples{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.test-example{padding:1.25rem;background:var(--background);border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:8px}.test-example h4{font-size:1rem;margin:0 0 .75rem!important;color:var(--text-primary)}.test-example code{display:block;padding:.75rem 1rem;background:var(--code-background, rgba(139, 92, 246, .1));color:var(--primary);border-radius:6px;font-size:.9rem;margin:.5rem 0}.test-expected{font-size:.9rem;color:var(--text-secondary);margin:.75rem 0 0!important;font-style:italic}.troubleshooting-item{padding:1.25rem;background:var(--background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem}.troubleshooting-item h3{font-size:1.1rem;margin:0 0 1rem!important;color:var(--text-primary)}.troubleshooting-item p{margin:.5rem 0}.troubleshooting-item ol{margin:1rem 0 .5rem}.guide-section-help{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border:2px dashed var(--primary);text-align:center}.guide-section-help h2{font-size:1.75rem;margin:0 0 .5rem;color:var(--text-primary)}.guide-section-help p{font-size:1.1rem;color:var(--text-secondary);margin:0 0 1.5rem}.guide-help-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary-hover, #4338CA);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.zoho-integration-header{padding:1.5rem 1rem 2rem}.zoho-integration-header h1{font-size:2rem}.zoho-integration-header p{font-size:1rem}.zoho-integration-container{padding:0 1rem 2rem}.guide-section{padding:1.5rem}.feature-grid{grid-template-columns:1fr}.guide-help-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#ff6b6b0d,#9b59b60d,#3498db0d);padding:2rem 0;position:relative;overflow-x:hidden}.legal-page:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,#ff6b6b26,#9b59b626,#3498db26);z-index:0;pointer-events:none}.legal-header{max-width:900px;margin:0 auto 3rem;padding:0 2rem;position:relative;z-index:1}.legal-header__logo{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.legal-header__logo img{max-width:300px;height:auto}.legal-header__logo .logo-dark{display:none}.legal-header__logo .logo-light{display:block}:root[data-theme=dark] .legal-header__logo .logo-dark{display:block}:root[data-theme=dark] .legal-header__logo .logo-light{display:none}.legal-header .btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;position:relative;overflow:hidden}.legal-header .btn-back:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(135deg,#ff6b6b,#9b59b6,#3498db);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .3s ease}.legal-header .btn-back:hover{background:linear-gradient(135deg,#ff6b6b1a,#9b59b61a,#3498db1a);transform:translateY(-2px);box-shadow:0 4px 12px #9b59b633}.legal-header .btn-back:hover:before{opacity:1}.legal-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.legal-updated{color:var(--text-secondary);font-size:.9rem;font-style:italic}.legal-container{max-width:900px;margin:0 auto;padding:0 2rem 4rem;position:relative;z-index:1}.legal-section{background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;padding:2rem;margin-bottom:2rem;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.legal-section:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#ff6b6b,#9b59b6,#3498db);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.2;transition:opacity .3s ease}.legal-section:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9b59b626}.legal-section:hover:before{opacity:.6}.legal-section h2{font-size:1.75rem;font-weight:600;background:linear-gradient(135deg,#ff6b6b,#9b59b6,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:3px solid transparent;-o-border-image:linear-gradient(90deg,#FF6B6B,#9B59B6,#3498DB) 1;border-image:linear-gradient(90deg,#ff6b6b,#9b59b6,#3498db) 1;position:relative}.legal-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 1rem}.legal-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.legal-section ul,.legal-section ol{color:var(--text-secondary);line-height:1.8;margin-left:1.5rem;margin-bottom:1rem}.legal-section li{margin-bottom:.5rem;padding-left:.5rem}.legal-section ul li::marker{color:var(--primary)}.legal-section ol li::marker{color:var(--primary);font-weight:600}.legal-section strong{color:var(--text-primary);font-weight:600}.legal-section a{background:linear-gradient(135deg,#ff6b6b,#9b59b6,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:all .3s ease;position:relative;font-weight:500}.legal-section a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff6b6b,#9b59b6,#3498db);transition:width .3s ease}.legal-section a:hover:after{width:100%}.contact-info{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:1rem}.contact-info p{margin-bottom:.75rem}.contact-info p:last-child{margin-bottom:0}.legal-footer{background:linear-gradient(135deg,#ff6b6b26,#9b59b626,#3498db26);border:2px solid transparent;border-radius:12px;padding:2rem;text-align:center;position:relative;overflow:hidden}.legal-footer:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#ff6b6b,#9b59b6,#3498db);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.legal-footer p{color:var(--text-primary);font-size:.95rem;margin-bottom:.5rem}.legal-footer p:last-child{margin-bottom:0;color:var(--text-secondary);font-size:.9rem}.legal-divider{height:1px;background:var(--border-color);margin:1.5rem 0}@media (max-width: 768px){.legal-page{padding:1rem 0}.legal-header{padding:0 1rem;margin-bottom:2rem}.legal-header h1{font-size:2rem}.legal-container{padding:0 1rem 2rem}.legal-section{padding:1.5rem;margin-bottom:1.5rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.1rem}}@media print{.legal-header .btn-back{display:none}.legal-section{page-break-inside:avoid;border:1px solid #ddd;box-shadow:none}.legal-section:hover{border-color:#ddd;box-shadow:none}}.telegram-setup-container{max-width:1200px;margin:0 auto;padding:2rem}.telegram-setup-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.back-button{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:8px 12px;font-size:14px;font-weight:600;border-radius:9999px;border:1px solid rgba(var(--primary-rgb),.4);background:var(--gradient-button-primary-strong, var(--color-primary));color:var(--color-text-inverse);cursor:pointer;box-shadow:0 8px 20px rgba(var(--primary-rgb),.25);transition:filter .2s ease,transform .2s ease}.back-button:hover{filter:brightness(1.05);transform:translate(-2px)}:root[data-theme=dark] .back-button{background:var(--gradient-button-primary-strong);color:#0b1220!important;border-color:rgba(var(--primary-rgb),.5);text-transform:uppercase;letter-spacing:.04em;font-weight:700;box-shadow:0 0 12px rgba(var(--primary-rgb),.25),0 6px 18px #00000059}.telegram-setup-header h1{font-size:2rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.telegram-setup-header .subtitle{color:#666;font-size:1rem;margin:0}:root[data-theme=dark] .telegram-setup-header h1{color:var(--color-text)}:root[data-theme=dark] .telegram-setup-header .subtitle{color:var(--color-text-secondary)}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.features-section{margin-top:3rem}.features-section h2{text-align:center;margin:0 0 1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center;box-shadow:0 8px 24px #0000000f}.feature-card h3{margin:12px 0 8px;font-weight:700}.feature-card p{margin:0;color:#6b7280}:root[data-theme=dark] .feature-card{background:var(--color-surface-elevated);border-color:var(--color-border);box-shadow:var(--shadow-md)}:root[data-theme=dark] .feature-card h3{color:var(--color-text)}:root[data-theme=dark] .feature-card p{color:var(--color-text-secondary)}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#363}.alert-icon{font-size:1.25rem}.config-status-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;margin-bottom:2rem}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.status-header h2{font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.status-icon{font-size:1.75rem}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-active{background-color:#e8f5e9;color:#2e7d32}.bot-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;padding:.75rem;background:#f8f9fa;border-radius:6px}.info-row .label{font-weight:500;color:#666}.info-row .value{font-family:monospace;color:#1a1a1a}.info-row .value.enabled{color:#2e7d32;font-weight:600}.info-row .value.disabled{color:#c33;font-weight:600}.webhook-url{font-size:.875rem;word-break:break-all}.stats-section{margin:2rem 0;padding-top:1.5rem;border-top:1px solid #e0e0e0}.stats-section h3{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#007bff;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#666}.test-section{margin:2rem 0;padding:1.5rem;background:#f0f8ff;border:1px solid #b3d9ff;border-radius:8px}.test-section h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a}.test-instructions{display:flex;flex-direction:column;gap:.5rem}.test-instructions p{margin:0;color:#333}.test-instructions strong{color:#007bff}.actions-section{display:flex;gap:1rem;margin-top:2rem}.config-form-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;margin-bottom:2rem}.setup-instructions{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.setup-instructions h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.setup-instructions ol{padding-left:1.5rem}.setup-instructions li{margin-bottom:.75rem;line-height:1.6}.setup-instructions code{background:#f4f4f4;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-family:monospace}.setup-instructions a{color:#007bff;text-decoration:none}.setup-instructions a:hover{text-decoration:underline}.form-section{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:500;color:#333;font-size:.95rem}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.help-text{font-size:.875rem;color:#666;margin:0}.security-note{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:1.5rem}.security-note .icon{font-size:1.5rem}.security-note p{margin:0;font-size:.875rem;color:#666}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-large{padding:1rem 2rem;font-size:1.125rem}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.features-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0}.features-section h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;text-align:center}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.feature-card p{margin:0;font-size:.875rem;color:#666;line-height:1.5}.environments-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.environment-panel{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;transition:box-shadow .2s}.environment-panel:hover{box-shadow:0 4px 12px #00000014}.staging-panel{border-left:4px solid #ff9800}.production-panel{border-left:4px solid #4caf50}.panel-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.panel-header h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.channel-card{position:relative}.channel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--channel-accent, var(--color-accent));border-top-left-radius:12px;border-top-right-radius:12px}.channel-card:hover{border-color:var(--channel-accent, var(--color-accent))}.panel-subtitle{font-size:.875rem;color:#666;margin:0}.config-status,.config-form{display:flex;flex-direction:column;gap:1.5rem}.status-badge-section{display:flex;gap:.5rem;flex-wrap:wrap}.status-configured{background-color:#e3f2fd;color:#1976d2}.test-instructions-compact{padding:1rem;background:#f0f8ff;border:1px solid #b3d9ff;border-radius:6px}.test-instructions-compact p{margin:0;font-size:.875rem;color:#333}.test-instructions-compact code{background:#e3f2fd;padding:.25rem .5rem;border-radius:3px;font-size:.875rem;font-family:monospace;color:#1976d2}.panel-actions{display:flex;gap:.75rem;flex-wrap:wrap}.setup-instructions-compact{padding:1rem;background:#f8f9fa;border-radius:6px}.setup-instructions-compact h3{font-size:1rem;font-weight:600;margin:0 0 .75rem}.setup-instructions-compact ol{padding-left:1.25rem;margin:0}.setup-instructions-compact li{margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.setup-instructions-compact code{background:#e0e0e0;padding:.125rem .375rem;border-radius:3px;font-size:.8125rem;font-family:monospace}.setup-instructions-compact a{color:#007bff;text-decoration:none}.setup-instructions-compact a:hover{text-decoration:underline}.btn-block{width:100%}.btn-small{padding:.5rem 1rem;font-size:.875rem}.stats-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem;margin-bottom:2rem}.stats-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}@media (max-width: 968px){.environments-container{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.telegram-setup-container{padding:1rem}.telegram-setup-header h1{font-size:1.5rem}.environment-panel,.config-status-card,.config-form-card{padding:1.5rem}.status-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.actions-section{flex-direction:column}.btn{width:100%}}:root[data-theme=dark] .back-button{color:var(--tenant-primary, var(--color-primary))}:root[data-theme=dark] .environment-panel,:root[data-theme=dark] .config-status-card,:root[data-theme=dark] .config-form-card,:root[data-theme=dark] .stats-section{background:var(--color-surface-elevated);border-color:var(--color-border);box-shadow:var(--shadow-md)}:root[data-theme=dark] .panel-header{border-bottom-color:var(--color-border)}:root[data-theme=dark] .panel-header h2{color:var(--color-text)}:root[data-theme=dark] .panel-subtitle{color:var(--color-text-secondary)}:root[data-theme=dark] .info-row{background:var(--color-surface)}:root[data-theme=dark] .info-row .label{color:var(--color-text-secondary)}:root[data-theme=dark] .info-row .value{color:var(--color-text)}:root[data-theme=dark] .alert-error{background-color:var(--color-error-overlay-subtle);border-color:var(--color-error);color:var(--color-text)}:root[data-theme=dark] .alert-success{background-color:var(--color-success-overlay-subtle);border-color:var(--color-success);color:var(--color-text)}:root[data-theme=dark] .test-section{background:var(--color-surface-elevated);border-color:var(--color-border-strong, var(--color-border))}:root[data-theme=dark] .test-section h3{color:var(--color-text)}:root[data-theme=dark] .test-instructions p{color:var(--color-text-secondary)}:root[data-theme=dark] .test-instructions strong{color:var(--tenant-primary, var(--color-primary))}:root[data-theme=dark] .test-instructions-compact{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .test-instructions-compact p{color:var(--color-text-secondary)}:root[data-theme=dark] .test-instructions-compact code{background:var(--color-surface-hover);color:var(--tenant-primary, var(--color-primary))}:root[data-theme=dark] .setup-instructions-compact{background:var(--color-surface)}:root[data-theme=dark] .setup-instructions-compact a{color:var(--tenant-primary, var(--color-primary))}:root[data-theme=dark] .setup-instructions-compact code{background:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border)}:root[data-theme=dark] .status-configured{background-color:var(--color-primary-overlay-subtle);color:var(--tenant-primary, var(--color-primary))}:root[data-theme=dark] .setup-instructions{border-bottom-color:var(--color-border)}:root[data-theme=dark] .status-header{border-bottom-color:var(--color-border)}:root[data-theme=dark] .security-note{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group select{background-color:#000!important;border-color:var(--color-border-strong, #2b364b)!important;color:#fff!important}:root[data-theme=dark] .form-group input:disabled,:root[data-theme=dark] .form-group select:disabled{background-color:#000!important;color:#ffffffd9!important;opacity:.85}:root[data-theme=dark] .form-group input::-moz-placeholder,:root[data-theme=dark] .form-group select::-moz-placeholder{color:#ffffffa6}:root[data-theme=dark] .form-group input::placeholder,:root[data-theme=dark] .form-group select::placeholder{color:#ffffffa6}:root[data-theme=dark] .form-group input:-webkit-autofill,:root[data-theme=dark] .form-group input:-webkit-autofill:hover,:root[data-theme=dark] .form-group input:-webkit-autofill:focus,:root[data-theme=dark] .form-group select:-webkit-autofill{-webkit-text-fill-color:#ffffff!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s;box-shadow:0 0 0 1000px #000 inset!important}:root[data-theme=dark] .config-form .form-group input,:root[data-theme=dark] .config-form .form-group select,:root[data-theme=dark] .config-form .form-group textarea{background-color:var(--color-input-background)!important;border-color:var(--color-input-border)!important;color:var(--color-text)!important;box-shadow:0 0 0 1px #ffffff1f inset!important}:root[data-theme=dark] .config-form .form-group label{color:var(--color-text)!important}:root[data-theme=dark] .help-text{color:var(--color-text-secondary)!important}:root[data-theme=dark] .setup-instructions a{color:var(--tenant-primary, var(--color-primary))}:root[data-theme=dark] .setup-instructions code{background:var(--color-surface-hover);color:var(--color-text)}.demo-request-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.demo-request-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:680px;width:100%;padding:3rem}.demo-request-header{text-align:center;margin-bottom:2rem}.demo-request-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 .75rem}.demo-request-header p{font-size:1.1rem;color:#6b7280;margin:0;line-height:1.6}.demo-request-form{display:flex;flex-direction:column;gap:1.5rem}.demo-request-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;font-size:.95rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;font-size:.95rem;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;color:#000!important;background:#fff!important;background-color:#fff!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}.demo-request-form input,.demo-request-form select,.demo-request-form textarea{background:#fff!important;background-color:#fff!important;color:#000!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#6b7280!important}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280!important}.form-group select option{color:#000;background-color:#fff}.form-group textarea{resize:vertical;min-height:100px}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.demo-submit-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.demo-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.demo-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-privacy-notice{text-align:center;font-size:.85rem;color:#9ca3af;margin:0;line-height:1.5}.demo-success-container{text-align:center}.demo-success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center}.demo-success-icon svg{width:40px;height:40px;color:#fff}.demo-success-container h1{font-size:2rem;color:#1f2937;margin:0 0 .75rem}.demo-success-message{font-size:1.1rem;color:#6b7280;margin:0 0 2rem;line-height:1.6}.demo-actions{margin-bottom:1.5rem}.demo-note{font-size:.9rem;color:#9ca3af;margin:0}@media (max-width: 640px){.demo-request-page{padding:1rem}.demo-request-container{padding:2rem 1.5rem}.demo-request-header h1{font-size:2rem}.demo-request-header p{font-size:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.demo-request-form{gap:1rem}}