:root,:root[data-theme=light]{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-950: #172554;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-overlay: rgba(15, 23, 42, .75);--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--text-disabled: #94a3b8;--text-on-primary: #ffffff;--text-on-dark: #ffffff;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-strong: #94a3b8;--border-focus: var(--primary-500);--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-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--hover-opacity: .9;--active-opacity: .8;--disabled-opacity: .5;--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--success-700) 100%);--gradient-hero: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary)}:root[data-theme=dark]{--primary-50: #0c1929;--primary-100: #152440;--primary-200: #1e2f57;--primary-300: #2a3f6e;--primary-400: #3d5a8f;--primary-500: #5b7fb0;--primary-600: #7a9cc8;--primary-700: #9db7db;--primary-800: #c0d3ec;--primary-900: #e3ecf7;--primary-950: #f5f8fc;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--warning-50: #78350f;--warning-100: #92400e;--warning-200: #b45309;--warning-300: #d97706;--warning-400: #f59e0b;--warning-500: #fbbf24;--warning-600: #fcd34d;--warning-700: #fde68a;--warning-800: #fef3c7;--warning-900: #fffbeb;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--gray-50: #020617;--gray-100: #0f172a;--gray-200: #1e293b;--gray-300: #334155;--gray-400: #475569;--gray-500: #64748b;--gray-600: #94a3b8;--gray-700: #cbd5e1;--gray-800: #e2e8f0;--gray-900: #f1f5f9;--gray-950: #f8fafc;--purple-50: #581c87;--purple-100: #6b21a8;--purple-200: #7e22ce;--purple-300: #9333ea;--purple-400: #a855f7;--purple-500: #c084fc;--purple-600: #d8b4fe;--purple-700: #e9d5ff;--purple-800: #f3e8ff;--purple-900: #faf5ff;--indigo-50: #312e81;--indigo-100: #3730a3;--indigo-200: #4338ca;--indigo-300: #4f46e5;--indigo-400: #6366f1;--indigo-500: #818cf8;--indigo-600: #a5b4fc;--indigo-700: #c7d2fe;--indigo-800: #e0e7ff;--indigo-900: #eef2ff;--bg-primary: #0a111f;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-elevated: #1e293b;--bg-overlay: rgba(10, 17, 31, .85);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-disabled: #64748b;--text-on-primary: #ffffff;--text-on-dark: #f8fafc;--border-light: #334155;--border-medium: #475569;--border-strong: #64748b;--border-focus: var(--primary-500);--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-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-600) 100%);--gradient-success: linear-gradient(135deg, var(--success-400) 0%, var(--success-600) 100%);--gradient-hero: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-elevated{background-color:var(--bg-elevated);box-shadow:var(--shadow-md)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.btn-primary{background:var(--gradient-primary);color:var(--text-on-primary);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn-primary:hover{opacity:var(--hover-opacity);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{opacity:var(--active-opacity);transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:.75rem;padding:1.5rem;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-medium);transform:translateY(-2px)}input,select,textarea{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-medium);border-radius:.5rem;padding:.75rem 1rem;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}input::placeholder{color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.badge-success{background:var(--success-100);color:var(--success-700)}[data-theme=dark] .badge-success{background:var(--success-200);color:var(--success-900)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}[data-theme=dark] .badge-warning{background:var(--warning-200);color:var(--warning-900)}.badge-error{background:var(--error-100);color:var(--error-700)}[data-theme=dark] .badge-error{background:var(--error-200);color:var(--error-900)}*{border-color:var(--border-light)}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}[data-theme=dark] a{color:var(--primary-500)}[data-theme=dark] a:hover{color:var(--primary-600)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}:root,:root[data-theme=light]{--color-surface: var(--bg-elevated);--color-surface-hover: var(--bg-tertiary);--color-card: var(--bg-elevated);--color-border: var(--border-medium);--color-primary: var(--primary-500);--color-primary-hover: var(--primary-600);--color-primary-alpha: rgba(59, 130, 246, .1);--color-text-inverse: var(--text-on-primary);--color-text-tertiary: var(--text-tertiary);--color-danger: var(--error-500);--color-danger-hover: var(--error-600);--color-success: var(--success-500);--color-success-hover: var(--success-600);--color-success-dark: var(--success-700);--shadow-base: var(--shadow-sm);--radius-base: .5rem}:root[data-theme=dark]{--color-surface: var(--bg-elevated);--color-surface-hover: var(--bg-tertiary);--color-card: var(--bg-elevated);--color-border: var(--border-medium);--color-primary: var(--primary-500);--color-primary-hover: var(--primary-600);--color-primary-alpha: rgba(91, 127, 176, .2);--color-text-inverse: var(--text-on-primary);--color-text-tertiary: var(--text-tertiary);--color-danger: var(--error-500);--color-danger-hover: var(--error-600);--color-success: var(--success-500);--color-success-hover: var(--success-600);--color-success-dark: var(--success-700);--shadow-base: var(--shadow-sm);--radius-base: .5rem}:root{--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--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-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--transition-slower: .7s;--ease-linear: linear;--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);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-max: 9999;--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-dark-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-dark-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-dark-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-dark-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-dark-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 8px 10px -6px rgba(0, 0, 0, .6);--shadow-dark-2xl: 0 25px 50px -12px rgba(0, 0, 0, .8);--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--container-xs: 320px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-full: 100%;--aspect-square: 1 / 1;--aspect-video: 16 / 9;--aspect-photo: 4 / 3;--aspect-portrait: 3 / 4;--aspect-ultrawide: 21 / 9;--blur-none: 0;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px}[data-theme=dark]{--shadow-sm: var(--shadow-dark-sm);--shadow-base: var(--shadow-dark-base);--shadow-md: var(--shadow-dark-md);--shadow-lg: var(--shadow-dark-lg);--shadow-xl: var(--shadow-dark-xl);--shadow-2xl: var(--shadow-dark-2xl)}:root{--fluid-text-xs: clamp(.7rem, .6rem + .5vw, .75rem);--fluid-text-sm: clamp(.8rem, .75rem + .5vw, .875rem);--fluid-text-base: clamp(.95rem, .9rem + .5vw, 1rem);--fluid-text-lg: clamp(1.05rem, 1rem + .5vw, 1.125rem);--fluid-text-xl: clamp(1.15rem, 1.1rem + .5vw, 1.25rem);--fluid-text-2xl: clamp(1.35rem, 1.25rem + .8vw, 1.5rem);--fluid-text-3xl: clamp(1.7rem, 1.5rem + 1vw, 1.875rem);--fluid-text-4xl: clamp(2rem, 1.8rem + 1.2vw, 2.25rem);--fluid-text-5xl: clamp(2.5rem, 2.2rem + 1.5vw, 3rem)}.elevation-0{box-shadow:var(--shadow-none);position:relative;z-index:var(--z-base)}.elevation-1{box-shadow:var(--shadow-sm);position:relative;z-index:1}.elevation-2{box-shadow:var(--shadow-base);position:relative;z-index:10}.elevation-3{box-shadow:var(--shadow-md);position:relative;z-index:var(--z-dropdown)}.elevation-4{box-shadow:var(--shadow-lg);position:relative;z-index:var(--z-modal)}.elevation-5{box-shadow:var(--shadow-xl);position:relative;z-index:var(--z-notification)}.elevation-6{box-shadow:var(--shadow-2xl);position:relative;z-index:var(--z-max)}.elevation-hover-1:hover{box-shadow:var(--shadow-sm)}.elevation-hover-2:hover{box-shadow:var(--shadow-base)}.elevation-hover-3:hover{box-shadow:var(--shadow-md)}.elevation-hover-4:hover{box-shadow:var(--shadow-lg)}.elevation-hover-5:hover{box-shadow:var(--shadow-xl)}.elevation-active-0:active{box-shadow:var(--shadow-none)}.elevation-active-1:active{box-shadow:var(--shadow-sm)}.elevation-active-2:active{box-shadow:var(--shadow-base)}.elevation-focus:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}.elevation-transition{transition:box-shadow var(--transition-normal) var(--ease-in-out),transform var(--transition-fast) var(--ease-out)}.card-elevated{box-shadow:var(--shadow-base);transition:box-shadow var(--transition-normal) var(--ease-in-out)}.card-elevated:hover{box-shadow:var(--shadow-md)}.button-elevated{box-shadow:var(--shadow-sm);transition:all var(--transition-fast) var(--ease-in-out)}.button-elevated:hover{box-shadow:var(--shadow-base);transform:translateY(-1px)}.button-elevated:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.modal-backdrop{background:#00000080;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));z-index:var(--z-modal-backdrop)}.modal-elevated{box-shadow:var(--shadow-lg);z-index:var(--z-modal)}.dropdown-elevated{box-shadow:var(--shadow-md);z-index:var(--z-dropdown)}.tooltip-elevated{box-shadow:var(--shadow-base);z-index:var(--z-tooltip)}.elevation-colored{box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.15),0 2px 4px rgba(var(--shadow-color-rgb),.1)}.elevation-error{--shadow-color-rgb: 239, 68, 68;box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.15)}.elevation-warning{--shadow-color-rgb: 245, 158, 11;box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.15)}.elevation-success{--shadow-color-rgb: 34, 197, 94;box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.15)}.elevation-neumorphism{box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #ffffff0d}[data-theme=light] .elevation-neumorphism{box-shadow:8px 8px 16px #0000000d,-8px -8px 16px #fffc}.elevation-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-base)}[data-theme=light] .elevation-glass{background:#ffffffb3;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid rgba(0,0,0,.05)}@media(prefers-reduced-motion:reduce){.elevation-transition,.card-elevated,.button-elevated{transition:none}}@media print{.elevation-1,.elevation-2,.elevation-3,.elevation-4,.elevation-5,.elevation-6,.card-elevated,.button-elevated,.modal-elevated,.dropdown-elevated,.tooltip-elevated{box-shadow:none!important}}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.pt-0{padding-top:var(--spacing-0)}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-0{padding-bottom:var(--spacing-0)}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pl-0{padding-left:var(--spacing-0)}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-6{padding-left:var(--spacing-6)}.pl-8{padding-left:var(--spacing-8)}.pr-0{padding-right:var(--spacing-0)}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-6{padding-right:var(--spacing-6)}.pr-8{padding-right:var(--spacing-8)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-auto{margin:auto}.mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-auto{margin-right:auto}.gap-0{gap:var(--spacing-0)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.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-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grid{display:grid}.inline-grid{display:inline-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))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-fit{width:fit-content}.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-1-4{width:25%}.w-3-4{width:75%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-fit{height:fit-content}.opacity-0{opacity:var(--opacity-0)}.opacity-10{opacity:var(--opacity-10)}.opacity-20{opacity:var(--opacity-20)}.opacity-30{opacity:var(--opacity-30)}.opacity-40{opacity:var(--opacity-40)}.opacity-50{opacity:var(--opacity-50)}.opacity-60{opacity:var(--opacity-60)}.opacity-70{opacity:var(--opacity-70)}.opacity-80{opacity:var(--opacity-80)}.opacity-90{opacity:var(--opacity-90)}.opacity-100{opacity:var(--opacity-100)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-none{transition:none}.transition-all{transition:all var(--transition-normal) var(--ease-in-out)}.transition-colors{transition:color var(--transition-normal) var(--ease-in-out),background-color var(--transition-normal) var(--ease-in-out),border-color var(--transition-normal) var(--ease-in-out)}.transition-opacity{transition:opacity var(--transition-normal) var(--ease-in-out)}.transition-shadow{transition:box-shadow var(--transition-normal) var(--ease-in-out)}.transition-transform{transition:transform var(--transition-normal) var(--ease-in-out)}.duration-fast{transition-duration:var(--transition-fast)}.duration-normal{transition-duration:var(--transition-normal)}.duration-slow{transition-duration:var(--transition-slow)}.ease-linear{transition-timing-function:var(--ease-linear)}.ease-in{transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid{display:grid}.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\:flex-row{flex-direction:row}.md\:text-lg{font-size:var(--font-size-lg)}.md\:p-6{padding:var(--spacing-6)}.md\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.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\:text-xl{font-size:var(--font-size-xl)}.lg\:p-8{padding:var(--spacing-8)}}.focus-visible:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-notification{z-index:var(--z-notification)}.z-max{z-index:var(--z-max)}.p-0{padding:0!important}.p-1{padding:var(--spacing-1)!important}.p-2{padding:var(--spacing-2)!important}.p-3{padding:var(--spacing-3)!important}.p-4{padding:var(--spacing-4)!important}.p-5{padding:var(--spacing-5)!important}.p-6{padding:var(--spacing-6)!important}.p-8{padding:var(--spacing-8)!important}.p-10{padding:var(--spacing-10)!important}.p-12{padding:var(--spacing-12)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.px-6{padding-left:var(--spacing-6)!important;padding-right:var(--spacing-6)!important}.px-8{padding-left:var(--spacing-8)!important;padding-right:var(--spacing-8)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-5{padding-top:var(--spacing-5)!important;padding-bottom:var(--spacing-5)!important}.py-6{padding-top:var(--spacing-6)!important;padding-bottom:var(--spacing-6)!important}.py-8{padding-top:var(--spacing-8)!important;padding-bottom:var(--spacing-8)!important}.pt-0{padding-top:0!important}.pt-2{padding-top:var(--spacing-2)!important}.pt-3{padding-top:var(--spacing-3)!important}.pt-4{padding-top:var(--spacing-4)!important}.pt-6{padding-top:var(--spacing-6)!important}.pt-8{padding-top:var(--spacing-8)!important}.pb-0{padding-bottom:0!important}.pb-2{padding-bottom:var(--spacing-2)!important}.pb-3{padding-bottom:var(--spacing-3)!important}.pb-4{padding-bottom:var(--spacing-4)!important}.pb-6{padding-bottom:var(--spacing-6)!important}.pb-8{padding-bottom:var(--spacing-8)!important}.pl-2{padding-left:var(--spacing-2)!important}.pl-3{padding-left:var(--spacing-3)!important}.pl-4{padding-left:var(--spacing-4)!important}.pr-2{padding-right:var(--spacing-2)!important}.pr-3{padding-right:var(--spacing-3)!important}.pr-4{padding-right:var(--spacing-4)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-1)!important}.m-2{margin:var(--spacing-2)!important}.m-3{margin:var(--spacing-3)!important}.m-4{margin:var(--spacing-4)!important}.m-5{margin:var(--spacing-5)!important}.m-6{margin:var(--spacing-6)!important}.m-8{margin:var(--spacing-8)!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-6{margin-left:var(--spacing-6)!important;margin-right:var(--spacing-6)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-6{margin-top:var(--spacing-6)!important;margin-bottom:var(--spacing-6)!important}.my-8{margin-top:var(--spacing-8)!important;margin-bottom:var(--spacing-8)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-1)!important}.mt-2{margin-top:var(--spacing-2)!important}.mt-3{margin-top:var(--spacing-3)!important}.mt-4{margin-top:var(--spacing-4)!important}.mt-5{margin-top:var(--spacing-5)!important}.mt-6{margin-top:var(--spacing-6)!important}.mt-8{margin-top:var(--spacing-8)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-1)!important}.mb-2{margin-bottom:var(--spacing-2)!important}.mb-3{margin-bottom:var(--spacing-3)!important}.mb-4{margin-bottom:var(--spacing-4)!important}.mb-5{margin-bottom:var(--spacing-5)!important}.mb-6{margin-bottom:var(--spacing-6)!important}.mb-8{margin-bottom:var(--spacing-8)!important}.mb-10{margin-bottom:var(--spacing-10)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--spacing-1)!important}.ml-2{margin-left:var(--spacing-2)!important}.ml-3{margin-left:var(--spacing-3)!important}.ml-4{margin-left:var(--spacing-4)!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--spacing-1)!important}.mr-2{margin-right:var(--spacing-2)!important}.mr-3{margin-right:var(--spacing-3)!important}.mr-4{margin-right:var(--spacing-4)!important}.mr-auto{margin-right:auto!important}.-mt-1{margin-top:calc(var(--spacing-1) * -1)!important}.-mt-2{margin-top:calc(var(--spacing-2) * -1)!important}.-mt-4{margin-top:calc(var(--spacing-4) * -1)!important}.-ml-1{margin-left:calc(var(--spacing-1) * -1)!important}.-ml-2{margin-left:calc(var(--spacing-2) * -1)!important}.-ml-4{margin-left:calc(var(--spacing-4) * -1)!important}.gap-0{gap:0!important}.gap-1{gap:var(--spacing-1)!important}.gap-2{gap:var(--spacing-2)!important}.gap-3{gap:var(--spacing-3)!important}.gap-4{gap:var(--spacing-4)!important}.gap-5{gap:var(--spacing-5)!important}.gap-6{gap:var(--spacing-6)!important}.gap-8{gap:var(--spacing-8)!important}.row-gap-2{row-gap:var(--spacing-2)!important}.row-gap-3{row-gap:var(--spacing-3)!important}.row-gap-4{row-gap:var(--spacing-4)!important}.row-gap-6{row-gap:var(--spacing-6)!important}.col-gap-2{column-gap:var(--spacing-2)!important}.col-gap-3{column-gap:var(--spacing-3)!important}.col-gap-4{column-gap:var(--spacing-4)!important}.col-gap-6{column-gap:var(--spacing-6)!important}@media(min-width:768px){.md\:p-4{padding:var(--spacing-4)!important}.md\:p-6{padding:var(--spacing-6)!important}.md\:p-8{padding:var(--spacing-8)!important}.md\:px-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.md\:px-6{padding-left:var(--spacing-6)!important;padding-right:var(--spacing-6)!important}.md\:px-8{padding-left:var(--spacing-8)!important;padding-right:var(--spacing-8)!important}.md\:py-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.md\:py-6{padding-top:var(--spacing-6)!important;padding-bottom:var(--spacing-6)!important}.md\:m-0{margin:0!important}.md\:m-4{margin:var(--spacing-4)!important}.md\:m-6{margin:var(--spacing-6)!important}.md\:mx-auto{margin-left:auto!important;margin-right:auto!important}.md\:my-6{margin-top:var(--spacing-6)!important;margin-bottom:var(--spacing-6)!important}.md\:mt-0{margin-top:0!important}.md\:mt-6{margin-top:var(--spacing-6)!important}.md\:mb-8{margin-bottom:var(--spacing-8)!important}.md\:gap-4{gap:var(--spacing-4)!important}.md\:gap-6{gap:var(--spacing-6)!important}.md\:gap-8{gap:var(--spacing-8)!important}}@media(min-width:1024px){.lg\:p-6{padding:var(--spacing-6)!important}.lg\:p-8{padding:var(--spacing-8)!important}.lg\:p-10{padding:var(--spacing-10)!important}.lg\:px-8{padding-left:var(--spacing-8)!important;padding-right:var(--spacing-8)!important}.lg\:py-8{padding-top:var(--spacing-8)!important;padding-bottom:var(--spacing-8)!important}.lg\:m-6{margin:var(--spacing-6)!important}.lg\:m-8{margin:var(--spacing-8)!important}.lg\:mx-auto{margin-left:auto!important;margin-right:auto!important}.lg\:my-8{margin-top:var(--spacing-8)!important;margin-bottom:var(--spacing-8)!important}.lg\:gap-6{gap:var(--spacing-6)!important}.lg\:gap-8{gap:var(--spacing-8)!important}.lg\:gap-10{gap:var(--spacing-10)!important}}[data-theme=dark] .card,[data-theme=dark] .dashboard-card,[data-theme=dark] .stat-card,[data-theme=dark] .member-card,[data-theme=dark] .employee-card,[data-theme=dark] .payment-card,[data-theme=dark] .class-card,[data-theme=dark] .workout-card,[data-theme=dark] .timesheet-card,[data-theme=dark] .modal-content,[data-theme=dark] .form-container,[data-theme=dark] .section-container,[data-theme=dark] .content-wrapper{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .card:hover,[data-theme=dark] .dashboard-card:hover,[data-theme=dark] .member-card:hover,[data-theme=dark] .employee-card:hover{background:var(--color-background-hover-dark)!important;border-color:var(--color-border-hover-dark)!important}[data-theme=dark] table,[data-theme=dark] .table-container,[data-theme=dark] .data-table{background:var(--color-background-card-dark)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] thead,[data-theme=dark] th{background:var(--color-gray-200)!important;color:var(--color-text-primary-dark)!important;border-color:var(--color-border-dark)!important;font-weight:600!important}[data-theme=dark] tbody tr{border-color:var(--color-border-dark)!important;transition:background .2s ease}[data-theme=dark] tbody tr:hover{background:var(--color-background-hover-dark)!important}[data-theme=dark] tbody tr:nth-child(2n){background:#1d32474d!important}[data-theme=dark] td{color:var(--color-text-secondary-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .members-section input,[data-theme=dark] .employees-section input,[data-theme=dark] .payments-section input,[data-theme=dark] .timesheet-section input,[data-theme=dark] .workout-section input,[data-theme=dark] .classes-section input,[data-theme=dark] .reports-section input,[data-theme=dark] .settings-section input,[data-theme=dark] .members-section textarea,[data-theme=dark] .employees-section textarea,[data-theme=dark] .payments-section textarea,[data-theme=dark] .members-section select,[data-theme=dark] .employees-section select,[data-theme=dark] .payments-section select{background:var(--color-gray-900)!important;color:var(--color-text-primary-dark)!important;border:1px solid var(--color-border-dark)!important}[data-theme=dark] .members-section input::placeholder,[data-theme=dark] .employees-section input::placeholder,[data-theme=dark] .members-section textarea::placeholder,[data-theme=dark] .employees-section textarea::placeholder{color:var(--color-text-muted-dark)!important}[data-theme=dark] .members-section input:hover,[data-theme=dark] .employees-section input:hover,[data-theme=dark] .members-section textarea:hover,[data-theme=dark] .members-section select:hover{border-color:var(--color-border-hover-dark)!important}[data-theme=dark] .members-section input:focus,[data-theme=dark] .employees-section input:focus,[data-theme=dark] .members-section textarea:focus,[data-theme=dark] .members-section select:focus{background:var(--color-gray-800)!important;border-color:var(--color-primary-400)!important;outline:none!important;box-shadow:0 0 0 3px #4da6ff1a!important}[data-theme=dark] label{color:var(--color-text-secondary-dark)!important;font-weight:500}[data-theme=dark] .members-section,[data-theme=dark] .employees-section,[data-theme=dark] .payments-section,[data-theme=dark] .timesheet-section,[data-theme=dark] .workout-section,[data-theme=dark] .classes-section,[data-theme=dark] .reports-section,[data-theme=dark] .settings-section{background:transparent!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .section-header,[data-theme=dark] .page-header{border-bottom:1px solid var(--color-border-dark);background:transparent!important}[data-theme=dark] .content-container,[data-theme=dark] .main-content,[data-theme=dark] .section-content{background:transparent!important}[data-theme=dark] .filters-container,[data-theme=dark] .search-container{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--color-text-primary-dark)!important;font-weight:600}[data-theme=dark] p{color:var(--color-text-secondary-dark)!important}[data-theme=dark] span:not(.badge):not(.status-badge):not(.icon){color:var(--color-text-secondary-dark)!important}[data-theme=dark] .text-muted,[data-theme=dark] .secondary-text{color:var(--color-text-muted-dark)!important}[data-theme=dark] strong,[data-theme=dark] b{color:var(--color-text-primary-dark)!important;font-weight:600}[data-theme=dark] .btn-secondary,[data-theme=dark] .action-btn{background:var(--bg-tertiary);color:var(--color-text-primary-dark);border-color:var(--color-border-dark)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .action-btn:hover{background:var(--color-gray-200)}[data-theme=dark] .search-bar,[data-theme=dark] .filter-bar{background:var(--color-background-card-dark);border-color:var(--color-border-dark)}[data-theme=dark] .section-header{border-color:var(--color-border-dark)}[data-theme=dark] .sidebar{background:var(--color-background-card-dark);border-color:var(--color-border-dark)}[data-theme=dark] .sidebar-item{color:var(--color-text-secondary-dark)}[data-theme=dark] .sidebar-item:hover{background:var(--bg-tertiary);color:var(--color-text-primary-dark)}[data-theme=dark] .sidebar-item.active{background:var(--color-primary-500);color:#fff}[data-theme=dark] .dropdown-menu{background:var(--color-background-card-dark);border-color:var(--color-border-dark);box-shadow:0 10px 30px #00000080}[data-theme=dark] .dropdown-item{color:var(--color-text-primary-dark)}[data-theme=dark] .dropdown-item:hover{background:var(--bg-tertiary)}[data-theme=dark] hr,[data-theme=dark] .divider{border-color:var(--color-border-dark)}[data-theme=dark] .tooltip{background:var(--bg-tertiary);color:var(--color-text-primary-dark);border-color:var(--color-border-dark)}[data-theme=dark] .loading,[data-theme=dark] .skeleton{background:var(--bg-tertiary)}[data-theme=dark] .empty-state{color:var(--color-text-muted-dark)}[data-theme=dark] .stat-label{color:var(--color-text-secondary-dark)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-tertiary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}[data-theme=dark] .members-list,[data-theme=dark] .member-item,[data-theme=dark] .member-row{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .member-name,[data-theme=dark] .member-email{color:var(--color-text-primary-dark)!important}[data-theme=dark] .employee-list,[data-theme=dark] .employee-item,[data-theme=dark] .employee-row{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .employee-name,[data-theme=dark] .employee-role{color:var(--color-text-primary-dark)!important}[data-theme=dark] .payment-list,[data-theme=dark] .payment-item,[data-theme=dark] .payment-row,[data-theme=dark] .invoice-card{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .payment-amount,[data-theme=dark] .payment-description{color:var(--color-text-primary-dark)!important}[data-theme=dark] .timesheet-list,[data-theme=dark] .timesheet-entry,[data-theme=dark] .time-entry,[data-theme=dark] .workout-list,[data-theme=dark] .workout-item,[data-theme=dark] .exercise-card,[data-theme=dark] .class-list,[data-theme=dark] .class-item,[data-theme=dark] .class-card{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .btn-outline,[data-theme=dark] .btn-secondary{background:transparent!important;color:var(--color-text-primary-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .btn-outline:hover,[data-theme=dark] .btn-secondary:hover{background:var(--color-background-hover-dark)!important;border-color:var(--color-border-hover-dark)!important}[data-theme=dark] .no-data,[data-theme=dark] .empty-list{color:var(--color-text-muted-dark)!important}[data-theme=dark] .loading-spinner{border-color:var(--color-border-dark)!important;border-top-color:var(--color-primary-400)!important}[data-theme=dark] .badge:not(.status-badge){background:var(--color-gray-200)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] a:not(.btn){color:var(--color-primary-300)!important}[data-theme=dark] a:not(.btn):hover{color:var(--color-primary-200)!important}[data-theme=dark] .modal-content,[data-theme=dark] .add-member-modal,[data-theme=dark] .view-member-modal,[data-theme=dark] .add-employee-modal,[data-theme=dark] .view-employee-modal,[data-theme=dark] .generate-workout-modal,[data-theme=dark] .create-payment-modal,[data-theme=dark] .confirmation-modal{background:var(--bg-elevated)!important;border-color:var(--bg-secondary)!important}[data-theme=dark] .modal-body,[data-theme=dark] .modal-form,[data-theme=dark] .payment-form{background:var(--bg-elevated)!important;color:var(--color-text-primary)!important}[data-theme=dark] .modal-footer,[data-theme=dark] .form-actions{background:var(--color-gray-900)!important;border-top-color:var(--bg-secondary)!important}[data-theme=dark] .modal-overlay .modal-content input[type=text],[data-theme=dark] .modal-overlay .modal-content input[type=email],[data-theme=dark] .modal-overlay .modal-content input[type=tel],[data-theme=dark] .modal-overlay .modal-content input[type=number],[data-theme=dark] .modal-overlay .modal-content input[type=date],[data-theme=dark] .modal-overlay .modal-content input[type=time],[data-theme=dark] .modal-overlay .modal-content select,[data-theme=dark] .modal-overlay .modal-content textarea,[data-theme=dark] .modal-overlay .form-input,[data-theme=dark] .modal-overlay .form-select,[data-theme=dark] .modal-overlay .form-textarea{background:var(--bg-tertiary)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}[data-theme=dark] .modal-overlay .modal-content input::placeholder,[data-theme=dark] .modal-overlay .modal-content textarea::placeholder{color:var(--text-secondary)!important;opacity:.7!important}[data-theme=dark] .modal-overlay .modal-content input:focus,[data-theme=dark] .modal-overlay .modal-content select:focus,[data-theme=dark] .modal-overlay .modal-content textarea:focus{background:var(--bg-elevated)!important;border-color:var(--color-primary-500)!important;box-shadow:0 0 0 3px #3b82f640!important}[data-theme=dark] .modal-content label,[data-theme=dark] .form-group label,[data-theme=dark] .form-label,[data-theme=dark] .modal-content h3,[data-theme=dark] .form-step h3,[data-theme=dark] .step-label{color:var(--text-primary)!important}[data-theme=dark] .modal-content .step-indicator .step-label{color:var(--text-secondary)!important}[data-theme=dark] .modal-content .step-indicator .step.active .step-label{color:var(--text-primary)!important}[data-theme=dark] .modal-overlay .modal-content .modal-steps{background:var(--bg-elevated)!important;border-bottom-color:var(--border-light)!important}[data-theme=dark] .modal-overlay .modal-content .modal-footer{background:var(--bg-elevated)!important;border-top-color:var(--border-light)!important}[data-theme=dark] .modal-overlay .modal-content .modal-steps .step{background:var(--bg-secondary)!important;border-color:var(--border-light)!important;color:var(--text-secondary)!important}[data-theme=dark] .modal-overlay .modal-content .modal-steps .step.active{background:var(--bg-tertiary)!important;border-color:var(--primary-500)!important}[data-theme=dark] .modal-overlay .modal-content .modal-steps .step.completed{background:var(--bg-tertiary)!important}[data-theme=dark] .form-section{border-bottom-color:var(--bg-secondary)!important}[data-theme=dark] .form-section h3,[data-theme=dark] .form-step h3{color:var(--color-primary-400)!important;border-bottom-color:var(--bg-secondary)!important}[data-theme=dark] .modal-steps{background:var(--color-gray-900)!important;border-bottom-color:var(--bg-secondary)!important}[data-theme=dark] .step{background:var(--bg-elevated)!important;border-color:var(--bg-secondary)!important;color:var(--color-text-secondary)!important}[data-theme=dark] .step.active{background:#01336933!important;border-color:var(--color-primary-500)!important;color:var(--color-primary-400)!important}[data-theme=dark] .step-number{background:var(--bg-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-gray-600)!important}[data-theme=dark] .step.active .step-number{background:var(--color-primary-500)!important;color:#fff!important;border-color:var(--color-primary-600)!important}[data-theme=dark] .close-btn{color:var(--color-text-secondary)!important}[data-theme=dark] .close-btn:hover{background:var(--bg-secondary)!important;color:var(--color-text-primary)!important}[data-theme=dark] .dropdown-menu{background:var(--bg-elevated)!important;border-color:var(--bg-secondary)!important}[data-theme=dark] .dropdown-item{color:var(--color-text-primary)!important}[data-theme=dark] .dropdown-item:hover{background:var(--bg-secondary)!important}[data-theme=dark] .info-card{background:var(--color-gray-900)!important;border-color:var(--bg-secondary)!important}[data-theme=dark] .info-card h4{color:var(--color-text-secondary)!important}[data-theme=dark] .info-card .info-value{color:var(--color-text-primary)!important}[data-theme=dark] .info-card .info-subvalue,[data-theme=dark] .step-description{color:var(--color-text-secondary)!important}[data-theme=dark] .loading-overlay{background:#0a1628e6!important}[data-theme=dark] .loading-modal{background:var(--bg-elevated)!important;border-color:var(--bg-secondary)!important}[data-theme=dark] .loading-text,[data-theme=dark] .loading-message{color:var(--color-text-primary)!important}[data-theme=dark] .spinner,[data-theme=dark] .loading-spinner,[data-theme=dark] .loading-spinner-large{border-color:var(--bg-secondary)!important;border-top-color:var(--color-primary-400)!important}.btn{transition:all .2s ease;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .btn:hover{box-shadow:0 4px 8px #0000004d}*:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px;box-shadow:0 0 0 4px #0133691a}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #01336926}[data-theme=dark] *:focus-visible{box-shadow:0 0 0 4px #0133694d}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 3px #01336966}[data-theme=dark] .modal-content h2,[data-theme=dark] .modal-content h3,[data-theme=dark] .modal-content h4,[data-theme=dark] .modal-content label,[data-theme=dark] .modal-content p,[data-theme=dark] .modal-content span,[data-theme=dark] .modal-content strong{color:var(--color-text-primary-dark)!important}[data-theme=dark] .modal-content .info-item span,[data-theme=dark] .modal-content .signature-details p,[data-theme=dark] .modal-content .signature-card label span{color:var(--color-text-secondary-dark)!important}[data-theme=dark] .modal-steps{background:var(--color-gray-900)!important}[data-theme=dark] .step-label{color:var(--color-text-primary-dark)!important;opacity:1!important}[data-theme=dark] .incomplete-employees-section{background:#d9770626!important;border-color:#d977064d!important}[data-theme=dark] .members-stats-grid{gap:20px}[data-theme=dark] .members-filters,[data-theme=dark] .filters-bar{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .employees-list,[data-theme=dark] .employees-grid{background:transparent!important}[data-theme=dark] .payment-filters,[data-theme=dark] .payment-summary{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .payment-status-badge{opacity:1!important}[data-theme=dark] .timesheet-calendar,[data-theme=dark] .timesheet-grid{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .time-entry-form{background:var(--color-gray-200)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .workout-builder,[data-theme=dark] .exercise-library{background:var(--color-background-card-dark)!important}[data-theme=dark] .exercise-item{background:var(--color-gray-200)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .exercise-item:hover{background:var(--color-background-hover-dark)!important}[data-theme=dark] .class-schedule,[data-theme=dark] .class-calendar{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .class-time-slot{background:var(--color-gray-200)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .class-time-slot.occupied{background:#4da6ff26!important;border-color:var(--color-primary-400)!important}[data-theme=dark] .report-container,[data-theme=dark] .chart-container{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .chart-legend{color:var(--color-text-secondary-dark)!important}[data-theme=dark] .settings-group,[data-theme=dark] .settings-card{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .settings-label{color:var(--color-text-primary-dark)!important}[data-theme=dark] .settings-description{color:var(--color-text-muted-dark)!important}[data-theme=dark] .search-input{background:var(--color-gray-200)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .search-input::placeholder{color:var(--color-text-muted-dark)!important}[data-theme=dark] .pagination{background:transparent!important}[data-theme=dark] .pagination-button{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .pagination-button:hover{background:var(--color-background-hover-dark)!important}[data-theme=dark] .pagination-button.active{background:var(--color-primary-500)!important;color:#fff!important}[data-theme=dark] .info-card,[data-theme=dark] .alert-card{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .info-card.warning{background:#d977061a!important;border-color:#d977064d!important}[data-theme=dark] .info-card.success{background:#22c55e1a!important;border-color:#22c55e4d!important}[data-theme=dark] .info-card.error{background:#ef44441a!important;border-color:#ef44444d!important}[data-theme=dark] .tooltip-content,[data-theme=dark] .popover-content{background:var(--color-gray-300)!important;color:var(--color-text-primary-dark)!important;border-color:var(--color-border-dark)!important;box-shadow:0 10px 30px #00000080!important}[data-theme=dark] .tabs-container{border-bottom-color:var(--color-border-dark)!important}[data-theme=dark] .tab-item{color:var(--color-text-muted-dark)!important}[data-theme=dark] .tab-item:hover{color:var(--color-text-primary-dark)!important}[data-theme=dark] .tab-item.active{color:var(--color-primary-300)!important;border-bottom-color:var(--color-primary-400)!important}[data-theme=dark] .progress-bar{background:var(--color-gray-200)!important}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400))!important}[data-theme=dark] .avatar{border-color:var(--color-border-dark)!important}[data-theme=dark] .avatar-placeholder{background:var(--color-gray-300)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .billing-section{background:var(--color-background-main-dark)}[data-theme=dark] .billing-card,[data-theme=dark] .invoice-card,[data-theme=dark] .payment-summary{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .billing-table{background:var(--color-background-card-dark)!important}[data-theme=dark] .billing-header,[data-theme=dark] .invoice-header{background:var(--color-gray-200)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .reports-section{background:var(--color-background-main-dark)}[data-theme=dark] .report-card,[data-theme=dark] .chart-container,[data-theme=dark] .stats-card{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .report-header{border-color:var(--color-border-dark)!important}[data-theme=dark] .view-member-modal,[data-theme=dark] .member-details-modal{background:var(--bg-elevated)!important}[data-theme=dark] .member-info-card,[data-theme=dark] .member-stats-card{background:var(--color-gray-900)!important;border-color:var(--bg-secondary)!important}[data-theme=dark] .workout-dashboard{background:var(--color-background-main-dark)}[data-theme=dark] .workout-card,[data-theme=dark] .exercise-card,[data-theme=dark] .workout-header,[data-theme=dark] .exercise-item,[data-theme=dark] .workout-stats,[data-theme=dark] .workout-details{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)!important}[data-theme=dark] .exercise-modal,[data-theme=dark] .workout-modal{background:var(--bg-elevated)!important}:root,:root[data-theme=light],:root[data-theme=dark]{--color-secondary-50: #fce4ec;--color-secondary-100: #f8bbd0;--color-secondary-200: #f48fb1;--color-secondary-300: #f06292;--color-secondary-400: #ec407a;--color-secondary-500: #e91e63;--color-secondary-600: #d81b60;--color-secondary-700: #c2185b;--color-secondary-800: #ad1457;--color-secondary-900: #880e4f}:root,:root[data-theme=light],:root[data-theme=dark]{--color-primary-50: var(--primary-50);--color-primary-100: var(--primary-100);--color-primary-200: var(--primary-200);--color-primary-300: var(--primary-300);--color-primary-400: var(--primary-400);--color-primary-500: var(--primary-500);--color-primary-600: var(--primary-600);--color-primary-700: var(--primary-700);--color-primary-800: var(--primary-800);--color-primary-900: var(--primary-900);--color-success-50: var(--success-50);--color-success-100: var(--success-100);--color-success-200: var(--success-200);--color-success-300: var(--success-300);--color-success-400: var(--success-400);--color-success-500: var(--success-500);--color-success-600: var(--success-600);--color-success-700: var(--success-700);--color-success-800: var(--success-800);--color-success-900: var(--success-900);--color-warning-50: var(--warning-50);--color-warning-100: var(--warning-100);--color-warning-200: var(--warning-200);--color-warning-300: var(--warning-300);--color-warning-400: var(--warning-400);--color-warning-500: var(--warning-500);--color-warning-600: var(--warning-600);--color-warning-700: var(--warning-700);--color-warning-800: var(--warning-800);--color-warning-900: var(--warning-900);--color-error-50: var(--error-50);--color-error-100: var(--error-100);--color-error-200: var(--error-200);--color-error-300: var(--error-300);--color-error-400: var(--error-400);--color-error-500: var(--error-500);--color-error-600: var(--error-600);--color-error-700: var(--error-700);--color-error-800: var(--error-800);--color-error-900: var(--error-900);--color-gray-50: var(--gray-50);--color-gray-100: var(--gray-100);--color-gray-200: var(--gray-200);--color-gray-300: var(--gray-300);--color-gray-400: var(--gray-400);--color-gray-500: var(--gray-500);--color-gray-600: var(--gray-600);--color-gray-700: var(--gray-700);--color-gray-800: var(--gray-800);--color-gray-900: var(--gray-900);--color-background: var(--bg-primary);--color-background-light: var(--bg-primary);--color-background-dark: var(--bg-secondary);--color-background-card-light: var(--bg-elevated);--color-background-card-dark: var(--bg-elevated);--color-background-hover-dark: var(--bg-tertiary);--color-background-active-dark: var(--bg-tertiary);--color-text-primary: var(--text-primary);--color-text-primary-light: var(--text-primary);--color-text-primary-dark: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-secondary-light: var(--text-secondary);--color-text-secondary-dark: var(--text-secondary);--color-text-muted: var(--text-tertiary);--color-text-muted-light: var(--text-tertiary);--color-text-muted-dark: var(--text-tertiary);--color-text-disabled: var(--text-disabled);--color-text-disabled-dark: var(--text-disabled);--color-border-light: var(--border-light);--color-border-dark: var(--border-medium);--color-border-hover-dark: var(--border-strong);--color-border-focus: var(--border-focus)}a{font-weight:500;color:var(--color-primary-500);text-decoration:inherit}a:hover{color:var(--color-primary-600)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--color-border-dark);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-gray-800);color:var(--color-text-primary-dark);cursor:pointer;transition:all .25s ease}button:hover{border-color:var(--color-primary-500);background-color:var(--color-gray-700)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}[data-theme=light] button{background-color:var(--color-gray-100);color:var(--color-text-primary-light);border-color:var(--color-border-light)}[data-theme=light] button:hover{background-color:var(--color-gray-200);border-color:var(--color-primary-500)}[data-theme=light] a:hover{color:var(--color-primary-700)}.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}.skip-to-main{position:absolute;left:-9999px;top:0;z-index:999;padding:1rem 2rem;background:var(--color-primary-500);color:#fff;text-decoration:none;border-radius:0 0 8px}.skip-to-main:focus{left:0}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.section-dark{background-color:var(--color-background-dark);color:var(--color-text-primary-dark)}.section-light{background-color:var(--color-background-light);color:var(--color-text-primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.btn-primary{background-color:var(--color-primary-500);color:#fff}.btn-primary:hover{background-color:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #0133694d}.btn-outline{background-color:transparent;border:2px solid white;color:#fff}.btn-outline:hover{background-color:#fff;color:var(--color-primary-500)}.btn-large{padding:1rem 2rem;font-size:1.1rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.text-large{font-size:1.25rem}.text-primary{color:var(--color-primary-400);background:transparent}.text-secondary{color:var(--color-text-secondary-dark)}:root{--action-view: #667eea;--action-view-hover: #5568d3;--action-edit: #0891b2;--action-edit-hover: #0e7490;--action-delete: #ef4444;--action-delete-hover: #dc2626;--action-paid: #10b981;--action-paid-hover: #059669;--action-activate: #06b6d4;--action-activate-hover: #0891b2;--action-deactivate: #f59e0b;--action-deactivate-hover: #d97706;--action-workout: #8b5cf6;--action-workout-hover: #7c3aed;--action-clock: #3b82f6;--action-clock-hover: #2563eb;--action-reports: #14b8a6;--action-reports-hover: #0d9488}[data-theme=dark]{--action-view: #7c3aed;--action-view-hover: #6d28d9;--action-edit: #06b6d4;--action-edit-hover: #0891b2;--action-delete: #f87171;--action-delete-hover: #ef4444;--action-paid: #34d399;--action-paid-hover: #10b981;--action-activate: #22d3ee;--action-activate-hover: #06b6d4;--action-deactivate: #fbbf24;--action-deactivate-hover: #f59e0b;--action-workout: #a78bfa;--action-workout-hover: #8b5cf6;--action-clock: #60a5fa;--action-clock-hover: #3b82f6;--action-reports: #2dd4bf;--action-reports-hover: #14b8a6}@media(max-width:768px){.container{padding:0 .75rem}.section{padding:3rem 0}.btn{padding:.625rem 1.25rem}.btn-large{padding:.875rem 1.75rem;font-size:1rem}}@media(max-width:480px){.container{padding:0 .5rem}.section{padding:2rem 0}.grid{gap:1rem}h1{font-size:2rem;line-height:1.2}}[data-theme=light] .section-dark{background-color:var(--color-gray-50);color:var(--color-text-primary-light)}[data-theme=light] .section-light{background-color:#fff;color:var(--color-text-primary-light)}[data-theme=light] .text-secondary{color:var(--color-text-secondary-light)}[data-theme=light] .btn-outline{border-color:var(--color-primary-500);color:var(--color-primary-500)}[data-theme=light] .btn-outline:hover{background-color:var(--color-primary-500);color:#fff}.header{background-color:var(--color-background-dark);border-bottom:1px solid var(--color-border-dark);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo-button{background:none;border:none;padding:.5rem .75rem;cursor:pointer;transition:all .3s ease;border-radius:8px;min-height:44px;display:flex;align-items:center;gap:.5rem;touch-action:manipulation}.logo-button:hover{background:#ffffff1a;transform:translateY(-2px)}.logo-button:focus{outline:2px solid var(--color-primary-400);outline-offset:2px}.dumbbell-logo-icon{color:var(--color-primary-400);transition:transform .3s ease;flex-shrink:0}[data-theme=light] .dumbbell-logo-icon{color:var(--color-primary-500)}.logo-button:hover .dumbbell-logo-icon{transform:rotate(-15deg) scale(1.1)}.logo-button h2{color:#fff;margin:0;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);pointer-events:none}[data-theme=light] .logo-button h2{color:var(--color-text-primary);text-shadow:none}.nav-desktop{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--color-text-primary-dark);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:var(--accent-color);transform:translateY(-1px)}.workout-link{background:linear-gradient(135deg,var(--accent-color),#e74c3c);color:#fff!important;padding:.5rem 1rem;border-radius:20px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.workout-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c4d}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--color-primary-500);transition:width .3s ease}.nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:1rem}.mobile-theme-toggle{display:flex;justify-content:center;padding:.5rem 0}.header-actions .btn{padding:.875rem 1.75rem;border-radius:6px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;min-height:48px;white-space:nowrap}.header-actions .btn-primary{background-color:var(--color-primary-500);color:#fff}.header-actions .btn-primary:hover{background-color:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #0133694d}.header-actions .btn-outline{background-color:transparent;border:2px solid white;color:#fff}.header-actions .btn-outline:hover{background-color:#fff;color:var(--color-primary-500)}.header .btn{padding:.875rem 1.75rem!important;min-height:48px!important;font-size:1rem!important}.menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:.75rem;width:44px;height:44px}.menu-toggle span{width:24px;height:2px;background-color:var(--color-text-primary-dark);margin:3px 0;transition:.3s;border-radius:2px;display:block}.menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-4px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-4px,-5px)}.nav-mobile{display:flex;flex-direction:column;background-color:var(--color-background-card-dark);border:1px solid var(--color-border-dark);border-radius:8px;margin-top:1rem;padding:1rem;animation:slideDown .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #00000026;position:relative;z-index:50}.nav-link-mobile{color:var(--color-text-primary-dark);text-decoration:none;padding:.75rem 0;border-bottom:1px solid var(--color-border-dark);transition:color .3s ease}.nav-link-mobile:last-of-type{border-bottom:none}.nav-link-mobile:hover{color:var(--color-primary-500)}.mobile-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.mobile-actions .btn{padding:.875rem 1.75rem;border-radius:6px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-align:center;white-space:nowrap}.mobile-actions .btn-primary{background-color:var(--color-primary-500);color:#fff}.mobile-actions .btn-primary:hover{background-color:var(--color-primary-600)}.mobile-actions .btn-outline{background-color:transparent;border:2px solid var(--color-primary-500);color:var(--color-primary-500)}.mobile-actions .btn-outline:hover{background-color:var(--color-primary-500);color:#fff}@media(max-width:1200px){.header-content{padding:.95rem 0}.logo-button h2{font-size:1.4rem}.nav-desktop{gap:1.5rem}.nav-link{font-size:.95rem}.workout-link{padding:.45rem .9rem}}@media(max-width:992px){.header-content{padding:.85rem 0}.logo-button h2{font-size:1.35rem}.nav-desktop{gap:1.25rem}.nav-link{font-size:.9rem}.workout-link,.header-actions .btn{padding:.4rem .85rem;font-size:.9rem}}@media(max-width:768px){.nav-desktop,.header-actions{display:none!important}.menu-toggle{display:flex!important}.header-content{padding:.75rem 0}.logo-button{padding:.4rem .6rem;min-height:40px}.logo-button h2,.dumbbell-logo-icon{font-size:1.3rem}.nav-mobile{padding:1.5rem 1rem}.nav-link-mobile{padding:.85rem 1rem;font-size:.95rem}.mobile-actions{padding:1rem;gap:.75rem}.mobile-actions .btn{padding:.8rem 1.25rem;font-size:.95rem;min-height:44px}}@media(max-width:480px){.header-content{padding:.5rem 0}.logo-button{padding:.35rem .5rem;min-height:38px;gap:.4rem}.logo-button h2{font-size:1.2rem}.dumbbell-logo-icon{font-size:1.15rem}.menu-toggle{width:36px;height:36px}.menu-toggle span{width:20px}.nav-mobile{padding:1rem .75rem}.nav-link-mobile{padding:.75rem .85rem;font-size:.9rem}.mobile-actions{padding:.85rem;gap:.65rem}.mobile-actions .btn{padding:.75rem 1.5rem;font-size:.9rem;min-height:42px}.workout-link-mobile{padding:.75rem 1.25rem;font-size:.9rem}}[data-theme=light] .header{background-color:var(--color-background-light);border-bottom-color:var(--color-border-light);box-shadow:0 2px 4px #0000000d}[data-theme=light] .logo-button h2{color:var(--color-primary-500);text-shadow:none}[data-theme=light] .logo-button:hover{background:#0066ff1a}[data-theme=light] .nav-link{color:var(--color-text-primary-light)}[data-theme=light] .menu-toggle span{background-color:var(--color-text-primary-light)}[data-theme=light] .nav-mobile{background-color:var(--color-background-card-light);border-color:var(--color-border-light)}[data-theme=light] .nav-link-mobile{color:var(--color-text-primary-light);border-bottom-color:var(--color-border-light)}[data-theme=light] .header-actions .btn-outline,[data-theme=light] .mobile-actions .btn-outline{border-color:var(--color-primary-500);color:var(--color-primary-500)}[data-theme=light] .header-actions .btn-outline:hover,[data-theme=light] .mobile-actions .btn-outline:hover{background-color:var(--color-primary-500);color:#fff}.theme-toggle{position:relative;width:64px;height:32px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:50px;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;overflow:hidden}.theme-toggle:hover{border-color:#ffffff80;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.theme-toggle:focus{outline:none;box-shadow:0 0 0 3px #0133694d}.theme-toggle-track{position:relative;width:100%;height:100%;border-radius:50px}.theme-toggle-thumb{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;background:var(--color-background-card-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.theme-toggle-thumb.dark{left:2px;background:linear-gradient(135deg,#1e3a8a,#1e40af)}.theme-toggle-thumb.light{left:calc(100% - 28px);background:linear-gradient(135deg,#fbbf24,#f59e0b)}[data-theme=light] .theme-toggle{border-color:#0003}[data-theme=light] .theme-toggle:hover{border-color:#0006}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.theme-toggle{animation:slideIn .4s ease-out}@media(max-width:768px){.theme-toggle{width:56px;height:28px}.theme-toggle-thumb{width:22px;height:22px;font-size:12px}.theme-toggle-thumb.light{left:calc(100% - 24px)}}.footer{background:linear-gradient(135deg,var(--color-primary-900),var(--color-primary-800));color:var(--color-text-primary-dark);padding:4rem 0 0;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-500),transparent)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:2rem;margin-bottom:3rem}.footer-section{padding-right:1rem}.footer-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-subtitle{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary-dark)}.footer-description{color:var(--color-text-secondary-dark);line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-700);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;font-size:1.2rem}.social-link:hover{background:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #0133694d}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--color-text-secondary-dark);text-decoration:none;transition:color .3s ease;position:relative}.footer-links a:hover{color:var(--color-primary-400)}.footer-links a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--color-primary-400);transition:width .3s ease}.footer-links a:hover:after{width:100%}.newsletter-text{color:var(--color-text-secondary-dark);font-size:.9rem;margin-bottom:1rem;line-height:1.5}.newsletter-form{display:flex;flex-direction:column;gap:.5rem}.newsletter-input{padding:.75rem;border:1px solid var(--color-border-dark);border-radius:6px;background:var(--color-background-card-dark);color:var(--color-text-primary-dark);font-family:inherit;transition:border-color .3s ease}.newsletter-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0133691a}.newsletter-input::placeholder{color:var(--color-text-secondary-dark)}.newsletter-btn{padding:.75rem 1.5rem;background:var(--color-primary-500);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-btn:hover{background:var(--color-primary-600);transform:translateY(-1px)}.footer-bottom{border-top:1px solid var(--color-border-dark);padding:2rem 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:var(--color-text-secondary-dark);margin:0;font-size:.9rem}.legal-links{display:flex;gap:2rem}.legal-links a{color:var(--color-text-secondary-dark);text-decoration:none;font-size:.9rem;transition:color .3s ease}.legal-links a:hover{color:var(--color-primary-400)}@media(max-width:1024px){.footer-content{grid-template-columns:repeat(3,1fr)}.footer-section:first-child{grid-column:1 / -1;margin-bottom:2rem;text-align:center}}@media(max-width:768px){.footer{padding:3rem 0 0}.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-section:first-child{grid-column:1 / -1}.footer-bottom-content{flex-direction:column;text-align:center}.legal-links{gap:1rem}}@media(max-width:480px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-section{padding-right:0}.social-links{justify-content:center}.legal-links{flex-direction:column;gap:.5rem}}@media(prefers-color-scheme:light){.footer{background:linear-gradient(135deg,var(--color-gray-900),var(--color-gray-800))}.newsletter-input{background:var(--color-background-card-light);border-color:var(--color-border-light);color:var(--color-text-primary-light)}.newsletter-input::placeholder{color:var(--color-text-secondary-light)}.footer-bottom{border-top-color:var(--color-border-light)}}.dashboard{display:flex;height:100vh;background-color:var(--color-gray-50);overflow:hidden}.dashboard-main{flex:1;display:flex;flex-direction:column;margin-left:280px;transition:margin-left .3s ease;min-width:0;width:calc(100vw - 280px)}.dashboard-main.sidebar-collapsed{margin-left:80px;width:calc(100vw - 80px)}.dashboard-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;background-color:var(--color-gray-50);min-width:0;width:100%;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:transparent}.dashboard-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px;transition:background .2s ease}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#00000040}.dashboard *{box-sizing:border-box}@media(max-width:1200px){.dashboard-main{margin-left:260px;width:calc(100vw - 260px)}.dashboard-main.sidebar-collapsed{margin-left:75px;width:calc(100vw - 75px)}.dashboard-content{padding:22px}}@media(max-width:992px){.dashboard-main{margin-left:240px;width:calc(100vw - 240px)}.dashboard-main.sidebar-collapsed{margin-left:70px;width:calc(100vw - 70px)}.dashboard-content{padding:20px}}@media(max-width:992px){.dashboard-main{margin-left:0!important;width:100vw!important}.dashboard-content{padding:18px}}@media(max-width:768px){.dashboard-content{padding:16px}.dashboard-content::-webkit-scrollbar{width:6px}}@media(max-width:480px){.dashboard-content{padding:12px}.dashboard-content::-webkit-scrollbar{width:4px}.dashboard-content::-webkit-scrollbar-thumb{background:#0003}}.icon-circle{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-small{width:32px;height:32px;min-width:32px;min-height:32px;font-size:14px}.icon-medium{width:40px;height:40px;min-width:40px;min-height:40px;font-size:18px}.icon-large{width:56px;height:56px;min-width:56px;min-height:56px;font-size:24px}.primary-button{background:transparent;color:var(--color-primary-500, #1e40af);border:2px solid var(--color-primary-500, #1e40af);border-radius:8px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.primary-button:hover{background:var(--color-primary-500, #1e40af);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1e40af40}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-button{background:transparent;color:var(--color-gray-700, #374151);border:2px solid var(--color-border-light, #e5e7eb);border-radius:8px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.secondary-button:hover{background:var(--color-gray-50, #f9fafb);border-color:var(--color-gray-400, #9ca3af)}.secondary-button:active{transform:translateY(0)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .primary-button{color:var(--color-primary-400, #60a5fa);border-color:var(--color-primary-400, #60a5fa)}[data-theme=dark] .primary-button:hover{background:var(--color-primary-400, #60a5fa);color:#1a1a1a}[data-theme=dark] .secondary-button{color:#ffffffe6;border-color:#fff3}[data-theme=dark] .secondary-button:hover{background:#ffffff0d;border-color:#ffffff4d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-header h2{margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary-light)}.status-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:var(--color-warning-50);color:var(--color-warning-600)}.dashboard-card{background:var(--color-background-card-light);border-radius:20px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-light);transition:all .2s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}[data-theme=dark] .dashboard-card{background:var(--color-background-card-dark);border-color:var(--color-border-dark);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .dashboard-card:hover{box-shadow:0 8px 25px #00000080}.link-button{background:none;border:none;color:var(--color-primary-500);font-size:14px;cursor:pointer;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:var(--color-primary-600)}.action-btn{background:none;border:1px solid var(--color-border-light);border-radius:8px;padding:8px 16px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.action-btn:hover{background:var(--color-gray-50)}.action-btn.primary{border-color:var(--color-primary-500);color:var(--color-primary-500)}.action-btn.success{border-color:var(--color-success-500);color:var(--color-success-500)}.action-btn.warning{border-color:var(--color-warning-500);color:var(--color-warning-500)}.plan-badge.premium{background:var(--color-warning-100);color:var(--color-warning-700)}.plan-badge.básico{background:var(--color-secondary-100);color:var(--color-secondary-700)}.dashboard-home{max-width:1200px;margin:0 auto}.welcome-section{margin-bottom:32px}.welcome-section h1{font-size:28px;font-weight:600;color:#2d3748;margin:0 0 8px}.welcome-section p{color:#4b5563;font-size:16px;margin:0}.error-banner{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-top:16px;font-weight:500;border-left:4px solid #e53e3e}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.dashboard-home .stat-card{background:#fff!important;border-radius:16px;padding:24px;box-shadow:0 4px 6px #00000012;border:1px solid var(--color-border-light);transition:all .2s ease}.dashboard-home .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.dashboard-home .stat-card.loading{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.5}}.stat-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stat-icon{font-size:24px;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);flex-shrink:0}.stat-header h3{margin:0;font-size:14px;font-weight:500;color:#4b5563;line-height:1.4;word-wrap:break-word}.stat-value{font-size:32px;font-weight:700;color:var(--color-text-primary-light);margin-bottom:12px;line-height:1.2}.stat-footer{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.stat-change{font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap}.stat-change.positive{color:var(--color-success-600);background:var(--color-success-50)}.stat-change.negative{color:var(--color-error-600);background:var(--color-error-50)}.stat-change.neutral{color:var(--color-gray-700);background:var(--color-gray-100)}.stat-description{font-size:12px;color:var(--color-gray-600);line-height:1.4}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.dashboard-home .dashboard-card{background:#fff!important;border-radius:16px;padding:24px;box-shadow:0 4px 6px #00000012;border:1px solid var(--color-border-light)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0;font-size:18px;font-weight:600;color:#2d3748}.view-all{background:none;border:none;color:var(--color-primary-500);font-size:14px;cursor:pointer;text-decoration:underline}.activities-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f7fafc}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:16px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100)}.activity-content p{margin:0 0 4px;font-size:14px;color:#2d3748}.activity-time{font-size:12px;color:#6b7280}.classes-list{display:flex;flex-direction:column;gap:16px}.class-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:#f7fafc;transition:all .2s ease}.class-item:hover{background:#edf2f7}.class-time{font-size:18px;font-weight:600;color:var(--color-primary-500);min-width:60px}.class-info{flex:1}.class-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#2d3748}.class-info p{margin:0 0 4px;font-size:12px;color:#4b5563}.class-capacity{font-size:12px;color:#4a5568;background:var(--color-background-card-light);padding:4px 8px;border-radius:6px;font-weight:500}.dashboard-home .quick-actions{grid-column:span 2}.dashboard-home .quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dashboard-home .quick-action{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;border:none;border-radius:16px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.dashboard-home .quick-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0133694d}.dashboard-home .action-icon{font-size:24px;color:#fff!important;filter:brightness(0) invert(1)}.dashboard-home .action-icon svg{color:#fff!important;fill:#fff!important}.dashboard-home .quick-action span:last-child{font-size:14px;font-weight:500;color:#fff}@media(max-width:1200px){.dashboard-home{max-width:100%;padding:0 1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.dashboard-grid{gap:20px}.dashboard-home .quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}}@media(max-width:992px){.dashboard-home{padding:0 .875rem}.welcome-section{margin-bottom:24px}.welcome-section h1{font-size:24px}.welcome-section p{font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.dashboard-home .stat-card{padding:20px}.stat-icon{width:44px;height:44px;min-width:44px;min-height:44px;font-size:22px}.stat-header h3{font-size:13px}.stat-value{font-size:28px;margin-bottom:10px}.stat-change{font-size:13px}.stat-description{font-size:11px}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.dashboard-home .dashboard-card{padding:20px}.card-header h3{font-size:17px}.view-all{font-size:13px}.activity-item{gap:10px;padding:10px 0}.activity-icon{width:32px;height:32px;font-size:14px}.activity-content p{font-size:13px}.activity-time{font-size:11px}.class-item{padding:14px;gap:14px}.class-time{font-size:16px;min-width:55px}.class-info h4{font-size:13px}.class-info p,.class-capacity{font-size:11px}.dashboard-home .quick-actions{grid-column:span 1}.dashboard-home .quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-home .quick-action{padding:18px}.dashboard-home .action-icon{font-size:22px}.dashboard-home .quick-action span:last-child{font-size:13px}}@media(max-width:768px){.dashboard-home{padding:0 .75rem}.welcome-section{margin-bottom:20px}.welcome-section h1{font-size:20px;margin-bottom:6px}.welcome-section p{font-size:14px}.error-banner{padding:10px 14px;font-size:14px;margin-top:12px}.stats-grid{grid-template-columns:1fr;gap:14px;margin-bottom:20px}.dashboard-home .stat-card{padding:16px}.stat-header{gap:10px;margin-bottom:14px}.stat-icon{width:40px;height:40px;min-width:40px;min-height:40px;font-size:20px}.stat-header h3{font-size:12px}.stat-value{font-size:24px;margin-bottom:10px}.stat-footer{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.stat-change{font-size:12px;padding:3px 7px}.stat-description{font-size:11px;flex:1;text-align:right;min-width:0;word-wrap:break-word}.dashboard-grid{grid-template-columns:1fr;gap:14px;margin-bottom:20px}.dashboard-home .dashboard-card{padding:16px}.card-header{margin-bottom:16px}.card-header h3{font-size:16px}.view-all{font-size:12px}.activities-list{gap:12px}.activity-item{gap:10px;padding:10px 0}.activity-icon{width:32px;height:32px;font-size:14px}.activity-content p{font-size:13px}.activity-time{font-size:11px}.classes-list{gap:12px}.class-item{padding:12px;gap:12px}.class-time{font-size:15px;min-width:50px}.class-info h4{font-size:13px;margin-bottom:3px}.class-info p{font-size:11px;margin-bottom:3px}.class-capacity{font-size:11px;padding:3px 7px}.dashboard-home .quick-actions{grid-column:span 1}.dashboard-home .quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-home .quick-action{padding:16px;gap:6px}.dashboard-home .action-icon{font-size:20px}.dashboard-home .quick-action span:last-child{font-size:12px;text-align:center}}@media(max-width:480px){.dashboard-home{padding:0 .625rem}.welcome-section{margin-bottom:16px}.welcome-section h1{font-size:18px;margin-bottom:4px}.welcome-section p{font-size:13px}.error-banner{padding:8px 12px;font-size:13px;margin-top:10px;border-radius:6px}.stats-grid{gap:12px;margin-bottom:16px}.dashboard-home .stat-card{padding:14px;border-radius:12px}.stat-header{gap:8px;margin-bottom:12px}.stat-icon{width:36px;height:36px;min-width:36px;min-height:36px;font-size:18px}.stat-header h3{font-size:11px}.stat-value{font-size:22px;margin-bottom:8px}.stat-change{font-size:11px;padding:2px 6px}.stat-description{font-size:10px}.dashboard-grid{gap:12px;margin-bottom:16px}.dashboard-home .dashboard-card{padding:14px;border-radius:12px}.card-header{margin-bottom:14px}.card-header h3{font-size:15px}.view-all{font-size:11px}.activities-list{gap:10px}.activity-item{gap:8px;padding:8px 0}.activity-icon{width:28px;height:28px;font-size:12px}.activity-content p{font-size:12px}.activity-time{font-size:10px}.classes-list{gap:10px}.class-item{flex-direction:column;align-items:flex-start;padding:12px;gap:8px}.class-time{font-size:14px;min-width:auto;width:100%}.class-info{width:100%}.class-info h4{font-size:12px}.class-info p{font-size:10px}.class-capacity{font-size:10px;padding:2px 6px;align-self:flex-start}.dashboard-home .quick-actions-grid{grid-template-columns:1fr;gap:10px}.dashboard-home .quick-action{padding:14px;flex-direction:row;justify-content:flex-start;gap:12px}.dashboard-home .action-icon{font-size:18px}.dashboard-home .quick-action span:last-child{font-size:13px;text-align:left;flex:1}}[data-theme=dark] .dashboard-home .stat-card{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark);box-shadow:0 4px 6px #0000004d}[data-theme=dark] .dashboard-home .stat-card:hover{box-shadow:0 8px 25px #00000080}[data-theme=dark] .welcome-section h1{color:var(--color-text-primary-dark)}[data-theme=dark] .welcome-section p,[data-theme=dark] .stat-title{color:var(--color-text-secondary-dark)}[data-theme=dark] .stat-value{color:var(--color-text-primary-dark)}[data-theme=dark] .stat-change{color:var(--color-text-muted-dark)}[data-theme=dark] .dashboard-card{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)}[data-theme=dark] .section-title{color:var(--color-text-primary-dark)}[data-theme=dark] .member-item{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)}[data-theme=dark] .member-name{color:var(--color-text-primary-dark)}[data-theme=dark] .member-info{color:var(--color-text-secondary-dark)}[data-theme=dark] .quick-action-card{background:var(--color-background-card-dark)!important;border-color:var(--color-border-dark)}[data-theme=dark] .quick-action-card h3{color:var(--color-text-primary-dark)}[data-theme=dark] .quick-action-card p{color:var(--color-text-secondary-dark)}.hero{min-height:90vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-background-dark) 0%,var(--color-primary-900) 50%,var(--color-background-dark) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,var(--color-primary-500) 0%,transparent 50%),radial-gradient(circle at 70% 80%,var(--color-primary-700) 0%,transparent 50%);z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2;padding:4rem 0}.hero-text{max-width:600px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--color-text-primary-dark)}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;color:var(--color-text-secondary-dark)}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.hero-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--color-primary-500);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--color-text-secondary-dark);text-transform:uppercase;letter-spacing:.5px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-image-placeholder{width:400px;height:400px;background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-200) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0000001a;border:2px solid rgba(255,255,255,.3)}.placeholder-content{text-align:center;color:var(--color-primary-700)}.placeholder-content h3{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.placeholder-content p{font-size:1.1rem;font-weight:500;margin:0}.barbell-icon{position:relative;width:180px;height:100px}.bar{width:140px;height:8px;background:linear-gradient(90deg,#e2e8f0,#cbd5e0,#a0aec0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:4px;box-shadow:0 2px 8px #0003}.weight-plate{width:28px;height:70px;background:linear-gradient(180deg,#1a202c,#2d3748,#4a5568);border-radius:4px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.weight-plate.left{left:0}.weight-plate.right{right:0}.dumbbell-icon{position:relative;width:140px;height:80px}.dumbbell-bar{width:70px;height:6px;background:linear-gradient(90deg,#e2e8f0,#cbd5e0,#a0aec0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:3px;box-shadow:0 2px 6px #0003}.dumbbell-weight{width:22px;height:45px;background:linear-gradient(180deg,#1a202c,#2d3748,#4a5568);border-radius:4px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 10px #0000004d}.dumbbell-weight.left{left:0}.dumbbell-weight.right{right:0}.treadmill-icon{position:relative;width:160px;height:120px}.treadmill-base{width:140px;height:40px;background:linear-gradient(180deg,#e2e8f0,#cbd5e0,#a0aec0);border-radius:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d}.treadmill-belt{width:120px;height:25px;background:linear-gradient(180deg,#1a202c,#2d3748);position:absolute;bottom:40px;left:50%;transform:translate(-50%);border-radius:5px;box-shadow:inset 0 3px 8px #00000080}.treadmill-belt:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:2px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,#4A5568 8px,#4A5568 10px)}.treadmill-console{width:45px;height:55px;background:linear-gradient(180deg,#e2e8f0,#cbd5e0,#a0aec0);border-radius:6px 6px 2px 2px;position:absolute;top:0;right:10px;box-shadow:0 3px 10px #0000004d}.treadmill-console:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:30px;height:15px;background:#1a202c;border-radius:2px}.treadmill-console:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:35px;height:20px;background:linear-gradient(180deg,#2d3748,#4a5568);border-radius:3px}.kettlebell-icon{position:relative;width:120px;height:160px}.kettlebell-handle{width:6px;height:45px;background:linear-gradient(180deg,#e2e8f0,#cbd5e0,#a0aec0);border-radius:3px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0003}.kettlebell-handle:before{content:"";position:absolute;top:0;left:-20px;width:46px;height:6px;background:linear-gradient(90deg,#e2e8f0,#cbd5e0,#a0aec0);border-radius:3px;box-shadow:0 2px 4px #0003}.kettlebell-body{width:90px;height:90px;background:linear-gradient(135deg,#1a202c,#2d3748,#4a5568);border-radius:50%/45% 45% 55% 55%;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0006,inset 0 4px 8px #ffffff1a}.kettlebell-body:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:linear-gradient(135deg,#2d3748,#4a5568,#1a202c);border-radius:50%/45% 45% 55% 55%}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes exerciseTransition{0%,15%{opacity:1;transform:scale(1)}35%,65%{opacity:0;transform:scale(.8)}85%,to{opacity:0;transform:scale(.8)}}@keyframes benchPressMovement{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes barbellMovement{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes legExtension{0%,to{transform:rotate(0)}50%{transform:rotate(-45deg)}}@keyframes weightStackMovement{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes progressFill{0%{width:0%}50%{width:75%}to{width:0%}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes ecgMove{0%{transform:translate(-80px)}to{transform:translate(80px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{transform:scale(1.2)}}@keyframes supinoReto{0%,35%{opacity:1;transform:scale(1)}40%,60%{opacity:0;transform:scale(.8)}65%,to{opacity:0;transform:scale(.8)}}@keyframes cadeiraExtensora{0%,40%{opacity:0;transform:scale(.8)}45%,to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-title{font-size:3rem}.hero-image-placeholder{width:350px;height:350px}}@media(max-width:768px){.hero{min-height:80vh}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions,.hero-stats{justify-content:center}.stat-number{font-size:1.5rem}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:280px}.hero-image-placeholder{width:300px;height:300px}.placeholder-content h3{font-size:2rem}.placeholder-content p{font-size:1rem}}@media(prefers-color-scheme:light){.hero{background:linear-gradient(135deg,var(--color-background-light) 0%,var(--color-primary-50) 50%,var(--color-background-light) 100%)}.hero-title{color:var(--color-text-primary-light)}.hero-subtitle{color:var(--color-gray-700)}.stat-label{color:var(--color-gray-600)}.floating-card{background:var(--color-background-card-light);border-color:var(--color-border-light);box-shadow:0 8px 32px #0000001a}.exercise-name,.metric-label,.stat-label{color:var(--color-gray-600)}.card-fitness-header{border-bottom-color:var(--color-gray-200)}}.about{overflow:hidden;position:relative}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text{max-width:500px}.about-description{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:#1f2937;font-weight:600}.about-highlights{margin-bottom:2rem}.highlight{margin-bottom:1.5rem}.highlight h4{font-size:1.1rem;margin-bottom:.5rem;color:#111827;display:flex;align-items:center;gap:.5rem;font-weight:700}.highlight p{color:#374151;margin:0;padding-left:2rem;font-weight:600}.about-actions{display:flex;gap:1rem;flex-wrap:wrap}.about-visual{display:flex;flex-direction:column;gap:2rem}.stats-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background:var(--color-background-card-light);border:1px solid var(--color-border-light);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0133691a}.stat-value{font-size:2rem;font-weight:700;color:var(--color-primary-500);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--color-border-light)}.timeline-item{position:relative;margin-bottom:2rem;display:flex;align-items:flex-start;gap:1rem}.timeline-dot{width:12px;height:12px;border-radius:50%;background-color:var(--color-gray-400);border:3px solid var(--color-background-light);position:absolute;left:-26px;top:8px;z-index:2;transition:all .3s ease}.timeline-dot.active{background-color:var(--color-primary-500);box-shadow:0 0 0 4px #01336933;animation:pulse-timeline 2s ease-in-out infinite}.timeline-content h5{font-size:1.1rem;font-weight:700;color:#111827;margin-bottom:.25rem}.timeline-content p{color:#374151;margin:0;font-size:.9rem;font-weight:600}@keyframes pulse-timeline{0%,to{box-shadow:0 0 0 4px #01336933}50%{box-shadow:0 0 0 8px #0133691a}}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:3rem}.about-text{max-width:none;text-align:center}.about-actions{justify-content:center}}@media(max-width:768px){.stats-container{grid-template-columns:1fr}.about-actions{flex-direction:column;align-items:center}.about-actions .btn{width:100%;max-width:280px}.highlight p{padding-left:1.5rem}}@media(max-width:480px){.about-description{font-size:1rem}.timeline{padding-left:1.5rem}.timeline-dot{left:-21px}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}}@media(prefers-color-scheme:dark){.about-description{color:var(--color-primary-400);font-weight:500}.highlight h4{color:var(--color-text-primary-dark)}.highlight p{color:var(--color-primary-300);font-weight:500}.stat-card{background:var(--color-background-card-dark);border-color:var(--color-border-dark)}.stat-card:hover{box-shadow:0 8px 25px #01336933}.stat-label{color:var(--color-primary-400);font-weight:600}.timeline:before{background:var(--color-border-dark)}.timeline-dot{border-color:var(--color-background-dark)}.timeline-content h5{color:var(--color-text-primary-dark)}.timeline-content p{color:var(--color-primary-300);font-weight:500}}.features{position:relative}.features .text-center{margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-text-primary-dark)}.section-subtitle{font-size:1.2rem;color:var(--color-primary-300);max-width:600px;margin:0 auto;font-weight:500}.features-grid{margin-bottom:4rem}.feature-card{background:var(--color-background-card-dark);border:1px solid var(--color-border-dark);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(1,51,105,.1),transparent);transition:left .5s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-8px);border-color:var(--color-primary-500);box-shadow:0 12px 40px #01336933}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));border-radius:20px;box-shadow:0 4px 20px #0133694d}.feature-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary-dark)}.feature-description{color:var(--color-primary-200);line-height:1.6;margin:0;font-weight:400}.features-cta{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));border-radius:20px;padding:3rem 2rem;color:#fff;position:relative;overflow:hidden}.features-cta:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.features-cta h3{font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.features-cta .btn{background-color:#fff;color:var(--color-primary-500);border:2px solid white}.features-cta .btn:hover{background-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.feature-icon{width:60px;height:60px;font-size:2rem}.features-cta{padding:2rem 1rem}.features-cta h3{font-size:1.4rem}}@media(max-width:480px){.section-header{margin-bottom:2rem}.section-title{font-size:1.8rem}.features-cta .btn{width:100%;max-width:280px}}@media(prefers-color-scheme:light){.section-title{color:var(--color-text-primary-light)}.section-subtitle{color:var(--color-gray-700)}.feature-card{background:var(--color-background-card-light);border-color:var(--color-border-light)}.feature-card:hover{box-shadow:0 12px 40px #0133691a}.feature-title{color:var(--color-text-primary-light)}.feature-description{color:var(--color-gray-700)}}.pricing-section{padding:120px 20px;background:var(--color-background-main-light);position:relative;overflow:hidden}[data-theme=dark] .pricing-section{background:var(--color-background-main-dark)}.pricing-section:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%);z-index:0}[data-theme=dark] .pricing-section:before{background:linear-gradient(135deg,#0133691a,#13233733)}.pricing-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.pricing-header{text-align:center;margin-bottom:80px}.pricing-label{display:inline-block;padding:8px 20px;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:20px}[data-theme=dark] .pricing-label{background:#01336933;color:var(--color-primary-400)}.pricing-title{font-size:3rem;font-weight:800;color:var(--color-text-primary);margin:0 0 20px;line-height:1.2}.pricing-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:80px}.pricing-card{background:var(--color-background-card-light);border-radius:24px;padding:40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid var(--color-border-light);display:flex;flex-direction:column}[data-theme=dark] .pricing-card{background:var(--color-gray-800);border-color:var(--color-gray-700)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #01336926;border-color:var(--color-primary-300)}[data-theme=dark] .pricing-card:hover{box-shadow:0 20px 60px #0006;border-color:var(--color-primary-500)}.pricing-card.highlight{border-color:var(--color-primary-500);background:linear-gradient(135deg,var(--color-background-card-light) 0%,var(--color-primary-50) 100%);box-shadow:0 10px 40px #01336933;transform:scale(1.05)}[data-theme=dark] .pricing-card.highlight{background:linear-gradient(135deg,var(--color-gray-800) 0%,rgba(1,51,105,.15) 100%);box-shadow:0 10px 40px #00000080}.pricing-card.highlight:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{position:absolute;top:-15px;right:40px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:8px 20px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px #fbbf2466;display:flex;align-items:center;gap:6px}.pricing-card-header{margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid var(--color-border-light)}[data-theme=dark] .pricing-card-header{border-bottom-color:var(--color-gray-700)}.plan-name{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.plan-description{font-size:1rem;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.5;min-height:48px}.plan-price{display:flex;align-items:baseline;gap:8px}.price-amount{font-size:3.5rem;font-weight:800;color:var(--color-primary-600);line-height:1}[data-theme=dark] .price-amount{color:var(--color-primary-400)}.price-period{font-size:1.25rem;color:var(--color-text-secondary);font-weight:500}.pricing-card-body{flex:1;margin-bottom:32px}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:1rem;line-height:1.5}.feature-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:2px}.feature-item.included .feature-icon{background:var(--color-success-100);color:var(--color-success-600)}[data-theme=dark] .feature-item.included .feature-icon{background:#22c55e33;color:var(--color-success-400)}.feature-item.included .feature-text{color:var(--color-text-primary)}.feature-item.not-included .feature-icon{background:var(--color-gray-100);color:var(--color-gray-400)}[data-theme=dark] .feature-item.not-included .feature-icon{background:var(--color-gray-700);color:var(--color-gray-500)}.feature-item.not-included .feature-text{color:var(--color-text-secondary)}.pricing-card-footer{margin-top:auto}.pricing-button{width:100%;padding:16px 32px;border-radius:12px;font-size:1.125rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.pricing-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pricing-button:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;box-shadow:0 4px 20px #0133694d}.btn-primary:hover{box-shadow:0 8px 30px #01336966;transform:translateY(-2px)}.btn-secondary{background:var(--color-secondary-500);color:#fff;box-shadow:0 4px 20px #667eea4d}.btn-secondary:hover{background:var(--color-secondary-600);box-shadow:0 8px 30px #667eea66;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-500)}[data-theme=dark] .btn-outline{color:var(--color-primary-400)}.btn-outline:hover{background:var(--color-primary-500);color:#fff;transform:translateY(-2px)}.pricing-footer{margin-top:80px}.pricing-features-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:60px}.summary-item{text-align:center;padding:32px 20px;background:var(--color-background-card-light);border-radius:16px;border:2px solid var(--color-border-light);transition:all .3s ease}[data-theme=dark] .summary-item{background:var(--color-gray-800);border-color:var(--color-gray-700)}.summary-item:hover{transform:translateY(-4px);border-color:var(--color-primary-300);box-shadow:0 8px 25px #0133691a}[data-theme=dark] .summary-item:hover{border-color:var(--color-primary-500);box-shadow:0 8px 25px #0000004d}.summary-icon{font-size:2.5rem;margin-bottom:16px}.summary-item h4{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.summary-item p{font-size:.95rem;color:var(--color-text-secondary);margin:0}.pricing-cta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border-radius:24px;color:#fff;box-shadow:0 10px 40px #0133694d}.pricing-cta h3{font-size:2rem;font-weight:800;margin:0 0 16px}.pricing-cta p{font-size:1.125rem;opacity:.95;max-width:600px;margin:0 auto 32px}.cta-button{padding:18px 48px;background:#fff;color:var(--color-primary-600);border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000026}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000040}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.pricing-card.highlight{transform:scale(1.02)}.pricing-card.highlight:hover{transform:scale(1.02) translateY(-8px)}}@media(max-width:768px){.pricing-section{padding:80px 20px}.pricing-header{margin-bottom:60px}.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1rem}.pricing-grid{grid-template-columns:1fr;gap:24px}.pricing-card{padding:32px 24px}.pricing-card.highlight{transform:scale(1)}.pricing-card.highlight:hover{transform:translateY(-8px)}.price-amount{font-size:2.5rem}.pricing-features-summary{grid-template-columns:1fr;gap:20px}.pricing-cta{padding:40px 24px}.pricing-cta h3{font-size:1.5rem}.pricing-cta p{font-size:1rem}.cta-button{padding:16px 32px;font-size:1rem;width:100%}}@media(max-width:480px){.pricing-title{font-size:1.75rem}.plan-name{font-size:1.5rem}.price-amount{font-size:2rem}.popular-badge{right:20px;font-size:.65rem;padding:6px 14px}}.employees-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.employees-stats .stat-card{background:var(--color-background-card-light);border-radius:20px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-light);display:flex;align-items:center;gap:16px;transition:all .2s ease}.employees-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.employees-stats .stat-icon{font-size:24px;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);flex-shrink:0}.employees-stats .stat-info h3{margin:0 0 8px;font-size:14px;font-weight:500;color:var(--color-gray-600)}.employees-stats .stat-value{font-size:28px;font-weight:700;color:var(--color-text-primary-light);margin:0}.employees-stats .stat-card.loading{background:#f9fafb;border-color:#f3f4f6;pointer-events:none}.loading-skeleton{width:100%;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.employees-stats .stat-card.error{background:#fef2f2;border-color:#fecaca;color:#dc2626;justify-content:center;grid-column:1 / -1}.employees-stats .stat-card.error span{font-weight:500;text-align:center}@media(max-width:768px){.employees-stats{grid-template-columns:repeat(2,1fr);gap:16px}}.skeleton{background:linear-gradient(90deg,#bebebe33 25%,#8181813d 37%,#bebebe33 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:4px}[data-theme=light] .skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#dcdcdc 37%,#f0f0f0 63%);background-size:400% 100%}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-circular{width:48px;height:48px;border-radius:50%}.skeleton-rectangular{width:100%;height:200px}.skeleton-card{width:100%;min-height:300px;border-radius:16px}.skeleton-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton-text.small{height:.75rem;width:60%}.skeleton-text.medium{height:1rem;width:80%}.skeleton-text.large{height:1.25rem;width:100%}.skeleton-stat-card{background:var(--color-background-card-light);border-radius:16px;padding:24px;border:1px solid var(--color-border-light)}.skeleton-stat-card .skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-stat-card .skeleton-value{height:2rem;width:50%;margin-bottom:12px}.skeleton-stat-card .skeleton-footer{height:.875rem;width:70%}.skeleton-member-card{background:var(--color-background-card-light);border-radius:12px;padding:20px;border:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:16px}.skeleton-member-profile{display:flex;align-items:center;gap:16px}.skeleton-member-actions{display:flex;gap:12px}.skeleton-member-actions .skeleton{height:44px;flex:1}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.student-workout-dashboard{min-height:100vh;background:linear-gradient(135deg,var(--color-background-light) 0%,var(--bg-secondary) 100%);color:var(--color-text-primary-light)}.loading-workouts{text-align:center;padding:3rem 1rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.dashboard-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh}.workout-date-navigation{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.current-workout-date-info{display:flex;flex-direction:column;gap:4px;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #3b82f6;flex:1}.current-workout-date-info h3{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600;text-transform:capitalize;display:flex;align-items:center;gap:.5rem}.today-indicator{color:#059669;font-weight:700;font-size:.9rem}.workouts-count{color:#64748b;font-size:.875rem;font-weight:500}.date-navigation-buttons{display:flex;gap:8px;flex-shrink:0;align-items:center}.nav-date-btn{padding:10px 16px;border:2px solid var(--border-light);background:var(--bg-elevated);border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;color:#475569;transition:all .2s ease;white-space:nowrap}.nav-date-btn:hover{border-color:#3b82f6;background:#f8fafc}.nav-date-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.nav-date-btn.today-btn.active{background:#059669;border-color:#059669}.custom-date-picker{padding:10px 12px;border:2px solid var(--border-light);border-radius:8px;font-size:.9rem;color:#475569;cursor:pointer;transition:all .2s ease;background:var(--bg-elevated)}.custom-date-picker:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-selector-card,.date-selector-integrated{display:none}.date-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #cbd5e1}.date-selector-integrated .date-selector-header{margin-bottom:.75rem;padding-bottom:.5rem}.date-selector-integrated .date-selector-header h4{margin:0;font-size:1rem;color:#334155;font-weight:600}.date-selector-header h3{margin:0;font-size:1.1rem;color:#1e293b;font-weight:600}.current-date{font-size:.9rem;color:#64748b;font-weight:500;text-transform:capitalize}.date-buttons-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.date-quick-btn{padding:10px 24px;border:2px solid var(--border-light);background:var(--bg-elevated);border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease;color:#475569;min-width:100px}.date-quick-btn:hover{border-color:#3b82f6;background:#f1f5f9;color:#1e40af;transform:translateY(-1px)}.date-quick-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.date-input-picker{padding:10px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;background:var(--bg-elevated);color:#475569;font-weight:500}.date-input-picker:hover{border-color:#3b82f6;background:#f1f5f9}.date-input-picker:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.student-workout-dashboard .stats-cards{display:flex!important;flex-direction:row!important;justify-content:space-between;gap:.5rem;margin-top:2rem;margin-bottom:2rem;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid var(--border-light);grid-template-columns:none!important;width:100%;box-sizing:border-box}.student-workout-dashboard .stat-card{background:transparent!important;padding:.5rem!important;border-radius:6px;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center;gap:.25rem;transition:none;border:none;flex:1;text-align:center}.stat-card:hover{background:#ffffff80}.stat-icon{font-size:1.2rem;filter:grayscale(.3);opacity:.7}.stat-content{display:flex;flex-direction:column;gap:0;align-items:center}.stat-number{font-size:1.1rem;font-weight:600;color:#475569;line-height:1.1}.stat-label{font-size:.7rem;color:#94a3b8;font-weight:400;line-height:1.1}.student-workout-dashboard .back-button{all:unset!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:#f1f5f9!important;border:1px solid var(--border-light)!important;border-radius:8px!important;color:#374151!important;text-decoration:none!important;font-size:.875rem!important;font-weight:500!important;transition:all .2s ease!important;box-shadow:none!important;outline:none!important;cursor:pointer!important;font-family:system-ui,-apple-system,sans-serif!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;white-space:nowrap;flex-shrink:0}.student-workout-dashboard .back-button:hover{background:var(--border-light)!important;border-color:#cbd5e1!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;transform:none!important}.student-workout-dashboard .back-button:focus{outline:2px solid #3b82f6!important;outline-offset:2px!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.student-workout-dashboard .back-button:active{background:#cbd5e1!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;transform:none!important}.back-icon{font-size:1.2rem}.complete-all-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #22c55e33;white-space:nowrap;margin-left:1rem}.complete-all-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.complete-all-button:active{transform:translateY(0);box-shadow:0 2px 6px #22c55e33}.warning-text{color:#f59e0b;font-weight:600;margin-top:.5rem;font-size:.875rem}.student-info{text-align:left;width:100%}.student-info h1{margin:0 0 .75rem;font-size:2.2rem;font-weight:700;color:var(--color-primary-600);text-align:left}.student-details{display:flex;align-items:center;gap:1.5rem;justify-content:flex-start}.cpf{color:var(--color-gray-600);font-size:.95rem}.status{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.ativo{background:var(--color-success-100);color:var(--color-success-700)}.status.inativo{background:var(--color-error-100);color:var(--color-error-700)}.stat-card{background:var(--bg-elevated);padding:1.8rem;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:14px}.stat-content{flex:1}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary-600);margin-bottom:.25rem;line-height:1}.stat-label{color:var(--color-gray-600);font-size:.9rem;font-weight:500}.workouts-section{margin-bottom:3rem}.workouts-header-card{background:var(--bg-elevated);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-light);margin-bottom:2rem}.workouts-title{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.title-with-student-info{display:flex;flex-direction:column;gap:1rem}.title-and-button{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.title-left-section{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.workouts-title h2{margin:0;font-size:1.8rem;font-weight:700;color:var(--text-primary)}.student-info-inline{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--color-primary-500);align-self:flex-end}.student-name{font-weight:600;color:var(--text-primary);font-size:1rem}.student-cpf{color:var(--text-secondary);font-size:.9rem;font-weight:500;padding-left:1rem;border-left:1px solid var(--border-light)}.student-status{padding:.35rem .9rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:1rem;border:1px solid}.student-status.ativo{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac}.student-status.inativo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.section-header h2{font-size:1.8rem;font-weight:700;color:var(--bg-elevated);margin-bottom:.5rem}.section-header p{color:var(--color-gray-600);margin:0}.workouts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:.75rem}.workout-card{background:var(--bg-elevated);border-radius:20px;padding:2rem;box-shadow:0 4px 15px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.workout-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026;border-color:var(--color-primary-200)}.workout-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;background:transparent}.workout-category{background:var(--color-secondary-100);color:var(--color-secondary-700);padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.workout-status{padding:.4rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.workout-content h3{font-size:1.3rem;font-weight:700;color:var(--bg-elevated);margin-bottom:.75rem}.workout-content p{color:var(--color-gray-600);line-height:1.5;margin-bottom:1.2rem}.view-details-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-top:12px;background:var(--color-primary-500);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.view-details-btn:hover{background:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.view-details-btn:active{transform:translateY(0)}.workout-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;margin-bottom:1.5rem}.workout-meta.exercise-specs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px 12px;width:100%}.meta-item{display:flex;align-items:center;gap:8px;color:var(--color-gray-600);font-size:.9rem;padding:0;background:transparent;border:none}.meta-item:nth-child(1){order:1}.meta-item:nth-child(2){order:2}.meta-item:nth-child(3){order:3}.meta-item:nth-child(4){order:4}.meta-icon{font-size:1rem}.progress-section{margin-bottom:1.2rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--bg-secondary)}.progress-bar{height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));border-radius:4px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--color-gray-500)}.objectives{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.objective-tag{background:var(--color-primary-50);color:var(--color-primary-700);padding:.3rem .8rem;border-radius:12px;font-size:.75rem;font-weight:500}.objective-tag.more{background:var(--bg-tertiary);color:var(--color-gray-600)}.workout-footer{text-align:right;border-top:1px solid var(--bg-tertiary);padding-top:1rem}.view-details{color:var(--color-primary-600);font-size:.9rem;font-weight:600}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-elevated);border-radius:20px;box-shadow:0 4px 15px #00000014}.empty-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;color:var(--bg-secondary);margin-bottom:.75rem}.empty-state p{color:var(--color-gray-600);max-width:400px;margin:0 auto;line-height:1.6}.motivation-section{margin-bottom:2rem}.motivation-card{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;padding:2.5rem;border-radius:20px;text-align:center;position:relative;overflow:hidden}.motivation-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 4s ease-in-out infinite}.motivation-card h3{font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:2}.motivation-card p{font-size:1.1rem;margin-bottom:1.5rem;position:relative;z-index:2}.tips{display:flex;justify-content:center;gap:2rem;position:relative;z-index:2}.tip{font-size:.9rem}@keyframes shimmer{0%,to{transform:rotate(0);opacity:.3}50%{transform:rotate(180deg);opacity:.1}}.workout-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.workout-modal{background:var(--bg-elevated);border-radius:16px;width:90vw!important;max-width:750px!important;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;margin:0 auto!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.workout-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem!important;border-bottom:2px solid var(--border-light);background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10;width:100%;box-sizing:border-box}.workout-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.workout-modal .modal-header h2:before{content:"💪";font-size:1.8rem}.close-button{background:#f1f5f9;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}.close-button:hover{background:#dc2626;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #dc26264d}.workout-modal .modal-content{padding:1rem!important;display:flex;flex-direction:column;align-items:center!important;gap:1rem!important;max-width:100%!important}.workout-modal .modal-content>*{width:95%!important;max-width:700px!important;margin:0 auto!important;box-sizing:border-box!important}.workout-modal .workout-info,.workout-modal .description,.workout-modal .objectives,.workout-modal .equipment,.workout-modal .exercises-section,.workout-modal .recommendations{background:#f8fafc;padding:1rem!important;border-radius:12px;border-left:4px solid #3b82f6;transition:all .2s ease;width:100%!important;box-sizing:border-box!important;margin:0 auto!important}.workout-info:hover,.description:hover,.objectives:hover,.equipment:hover,.exercises-section:hover,.recommendations:hover{box-shadow:0 4px 12px #00000014;transform:translate(2px)}.workout-info h4,.description h4,.objectives h4,.equipment h4,.exercises-section h4,.recommendations h4{margin:0 0 1rem;font-size:1.1rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;box-sizing:border-box}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border-light);transition:all .2s ease;width:100%;box-sizing:border-box}.info-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.info-item strong{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1rem;color:#1e293b;font-weight:600}.description p{color:#475569;line-height:1.8;font-size:.95rem;margin:0}.objectives-list,.equipment-list{display:flex;flex-wrap:wrap;gap:.75rem;width:100%;box-sizing:border-box}.objective-pill{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid #93c5fd;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.objective-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e40af33}.objective-pill:before{content:"🎯"}.equipment-item{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid #fbbf24;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.equipment-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #92400e33}.equipment-item:before{content:"🏋️"}.exercises-list{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.exercise-item{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:12px;padding:1rem;transition:all .3s ease;width:100%;box-sizing:border-box}.exercise-item:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light);gap:1rem;flex-wrap:wrap}.exercise-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:200px}.exercise-number{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.exercise-header h5{margin:0;font-size:1.125rem;color:#1e293b;font-weight:700}.exercise-category{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.exercise-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem;width:100%;box-sizing:border-box}.detail-group{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid var(--border-light);text-align:center;transition:all .2s ease}.detail-group:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.detail-label{font-weight:600;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#1e293b;font-size:1.25rem;font-weight:700}.workout-modal .exercise-instructions{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:1rem!important;border-radius:8px;border-left:4px solid #3b82f6;width:100%!important;box-sizing:border-box!important;margin:0 auto!important}.exercise-instructions p{margin:.75rem 0;color:#334155;font-size:.95rem;line-height:1.7}.exercise-instructions p:first-child{margin-top:0}.exercise-instructions p:last-child{margin-bottom:0}.exercise-instructions strong{color:#1e40af;font-weight:700}.recommendations ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.recommendations li{padding:1rem 1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border-radius:8px;border-left:4px solid #22c55e;font-size:.95rem;line-height:1.6;transition:all .2s ease;display:flex;align-items:flex-start;gap:.75rem}.recommendations li:hover{transform:translate(4px);box-shadow:0 4px 12px #22c55e33}.recommendations li:before{content:"✅";font-size:1.25rem;flex-shrink:0}.loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999}[data-theme=dark] .loading-overlay{background:#0a1628e6}.loading-spinner-large{width:60px;height:60px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.security-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.security-modal{background:var(--bg-elevated);border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:securityModalSlideIn .3s ease-out;overflow:hidden}@keyframes securityModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.security-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-light);background:linear-gradient(135deg,#f8fafc,#fff)}.security-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.security-modal .modal-header h3:before{content:"🔐";font-size:1.5rem}.security-modal .close-button{background:#f1f5f9;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.security-modal .close-button:hover:not(:disabled){background:#dc2626;color:#fff;transform:scale(1.1)}.security-modal .close-button:disabled{cursor:not-allowed}.security-modal .modal-content{padding:1.5rem}.security-info{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.security-info .security-icon{font-size:3rem;margin-bottom:1rem}.security-info p{margin:0;color:#475569;font-size:.95rem;line-height:1.6;max-width:320px}.security-input-group{margin-bottom:2rem}.security-input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.9rem}.security-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--bg-elevated);box-sizing:border-box}.security-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.security-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.security-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem}.error-icon{flex-shrink:0}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.cancel-btn{padding:.75rem 1.5rem;border:2px solid var(--border-light);border-radius:8px;background:var(--bg-elevated);color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover:not(:disabled){border-color:var(--border-light);background:#f9fafb}.cancel-btn:disabled{cursor:not-allowed}.confirm-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #3b82f6;border-radius:8px;background:#3b82f6;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.confirm-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}.confirm-btn:disabled{cursor:not-allowed;background:#9ca3af;border-color:#9ca3af}.confirm-btn.loading{cursor:wait}.confirm-btn .spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:480px){.security-modal{width:95%;margin:.5rem}.security-modal .modal-header{padding:1rem}.security-modal .modal-header h3{font-size:1.125rem}.security-modal .modal-content{padding:1rem}.security-info .security-icon{font-size:2.5rem}.modal-actions{flex-direction:column-reverse}.cancel-btn,.confirm-btn{width:100%;justify-content:center}}@media(max-width:1024px){.dashboard-container{padding:1.5rem}.date-navigation{max-width:600px;padding:1.5rem}.quick-date-buttons{gap:.75rem}.date-btn{padding:.9rem 1.3rem;font-size:.95rem;min-width:110px}.workout-modal{max-width:90vw}}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;gap:1.5rem;text-align:left;padding:1.5rem}.student-info h1{font-size:1.8rem;text-align:left}.student-details{justify-content:flex-start;flex-wrap:wrap}.stats-cards{display:flex!important;grid-template-columns:none!important;padding:.5rem .75rem;gap:.25rem}.stat-card{padding:.375rem}.stat-icon{font-size:1.1rem}.stat-number{font-size:1rem}.stat-label{font-size:.65rem}.workouts-grid,.workout-meta,.info-grid,.exercise-details{grid-template-columns:1fr}.tips{flex-direction:column;gap:1rem}.workout-modal-overlay{padding:.5rem}.workout-modal{max-width:95%}.workout-modal .modal-content{padding:1.5rem .5rem}.info-grid{grid-template-columns:1fr}.exercise-details{grid-template-columns:repeat(2,1fr)}.exercise-header{flex-wrap:wrap}.exercise-category{width:100%;text-align:center;margin-top:.5rem}}@media(max-width:480px){.stats-cards{display:flex!important;grid-template-columns:none!important;padding:.5rem;gap:.25rem}.stat-card{padding:.25rem}.stat-icon{font-size:1rem}.stat-number{font-size:.9rem}.stat-label{font-size:.6rem}.workout-card{padding:1.2rem}.workouts-header-card{padding:1rem}.workouts-title{margin-bottom:1rem;padding-bottom:.75rem}.title-with-student-info{flex-direction:column;align-items:flex-start;gap:.75rem}.title-and-button{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.title-left-section{width:100%}.workouts-title h2{font-size:1.5rem}.back-button{width:100%!important;justify-content:center!important}.student-info-inline{width:100%;align-self:stretch}.student-info-inline{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:.75rem}.student-cpf{padding-left:0;border-left:none;border-top:1px solid var(--border-light);padding-top:.5rem;width:100%}.workout-date-navigation{flex-direction:column;gap:1rem;align-items:stretch}.current-workout-date-info{padding:.75rem}.current-workout-date-info h3{font-size:1rem}.date-navigation-buttons{justify-content:center;flex-wrap:wrap}.nav-date-btn{padding:8px 12px;font-size:.85rem}.date-buttons-row{width:100%;flex-wrap:wrap}.date-quick-btn{flex:1;min-width:70px;padding:8px 12px;font-size:.85rem}.date-input-picker{width:100%}.workout-modal-overlay{padding:0;align-items:flex-start}.workout-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0;margin:0}.workout-modal .modal-header{padding:1rem .5rem!important;position:sticky;top:0;background:var(--bg-elevated);z-index:20}.workout-modal .modal-header h2{font-size:1.125rem}.workout-modal .modal-header h2:before{font-size:1.25rem}.close-button{width:36px;height:36px}.workout-modal .modal-content{padding:1rem .5rem!important;gap:1rem!important}.workout-info,.description,.objectives,.equipment,.exercises-section,.recommendations{padding:1rem!important}.workout-info h4,.description h4,.objectives h4,.equipment h4,.exercises-section h4,.recommendations h4{font-size:1rem}.info-grid{grid-template-columns:1fr}.exercise-item{padding:1rem}.exercise-header-left{min-width:100%}.exercise-number{width:40px;height:40px;font-size:1rem}.exercise-details{grid-template-columns:1fr 1fr;gap:.75rem}.detail-value{font-size:1.125rem}.exercise-instructions{padding:.875rem}.exercise-instructions p{font-size:.875rem}.recommendations li{padding:.875rem 1rem;font-size:.875rem}.exercise-header{flex-direction:column;gap:.75rem;align-items:flex-start}.exercise-header-left{gap:.75rem}.exercise-number{width:35px;height:35px;font-size:1rem}.exercise-header h5{font-size:1rem}.exercise-details{grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-group{padding:.75rem}.detail-label{font-size:.75rem}.detail-value{font-size:1rem}.exercise-instructions{padding:.85rem}.exercise-instructions p{font-size:.9rem}.recommendations li{font-size:.9rem;padding:.85rem 1rem}}@media(max-width:768px){.exercise-details{grid-template-columns:1fr 1fr}.exercise-card{padding:1rem}}@media(max-width:480px){.exercise-details{grid-template-columns:1fr}.exercise-header{flex-direction:column;gap:.75rem;align-items:flex-start}}.exercise-item.completed{background:#f0fdf4;border-left:4px solid #22c55e}.exercise-number.completed{background:#22c55e}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.spec-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid var(--border-light)}.spec-icon{font-size:1.25rem}.spec-content{display:flex;flex-direction:column;gap:.125rem}.spec-label{font-size:.75rem;color:#6b7280;font-weight:500}.spec-value{font-size:1rem;font-weight:700;color:#1f2937}.instruction-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.instruction-icon{font-size:1.125rem;margin-top:.125rem}.instruction-content{font-size:.875rem;line-height:1.5;color:#374151}.exercise-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f3f4f6}.complete-exercise-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:2px solid var(--border-light);border-radius:8px;background:#f8fafc;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:none}.complete-exercise-btn:hover{border-color:#22c55e;color:#22c55e;background:#f0fdf4;box-shadow:0 2px 8px #22c55e1a}.complete-exercise-btn.completed{background:#22c55e;color:#fff;border-color:#22c55e;box-shadow:0 2px 8px #22c55e33}.complete-exercise-btn.completed:hover{background:#16a34a;border-color:#16a34a;box-shadow:0 4px 12px #16a34a4d}.complete-exercise-btn.disabled{background:#f3f4f6!important;color:#9ca3af!important;border-color:var(--border-light)!important;cursor:not-allowed!important;box-shadow:none!important}.complete-exercise-btn.disabled:hover{background:#f3f4f6!important;color:#9ca3af!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.btn-icon{font-size:1.1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:transparent;transition:all .2s ease}.complete-exercise-btn:not(.completed) .btn-icon{border:2px solid currentColor;font-size:0}.complete-exercise-btn.completed .btn-icon{background:#fff3;border:2px solid rgba(255,255,255,.3)}.workout-card.exercise-card{position:relative}.workout-card.exercise-card.completed{background:linear-gradient(135deg,#f0fdf4,#fff);border-left:4px solid #22c55e}.workout-status.completed{background-color:#22c55e!important;color:#fff}.workout-status.pending{background-color:#f59e0b!important;color:#fff}.exercise-specs{margin:1rem 0}.exercise-specs .meta-item{background:#f8fafc;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-light);font-size:.875rem}.exercise-specs .meta-item strong{color:#1f2937;font-weight:700}.exercise-instructions{margin:1rem 0}.instruction-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px}.instruction-icon{font-size:1rem;color:#3b82f6}.instruction-text{font-size:.875rem;color:#1e40af;line-height:1.4}@media(max-width:768px){.spec-grid{grid-template-columns:1fr 1fr}.exercise-specs .meta-item{font-size:.8rem;padding:.4rem .6rem}}@media(max-width:480px){.spec-grid{grid-template-columns:1fr}.exercise-header{flex-direction:column;align-items:flex-start;gap:.75rem}.workout-meta.exercise-specs{grid-template-columns:1fr 1fr}}[data-theme=dark] .student-workout-dashboard{background:linear-gradient(135deg,#0a1628,#0f1f3a);color:#e2e8f0}[data-theme=dark] .dashboard-header{background:#0f1f3ab3;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .workout-header{background:transparent!important}[data-theme=dark] .student-info h1{color:#60a5fa}[data-theme=dark] .student-details .cpf{color:#94a3b8}[data-theme=dark] .workout-card,[data-theme=dark] .workout-card.exercise-card{background:linear-gradient(135deg,#142846d9,#0f1f3af2)!important;border:1px solid rgba(59,130,246,.25)!important;box-shadow:0 4px 15px #0000004d,0 0 0 1px #3b82f61a inset,0 1px #ffffff0d inset!important;position:relative;overflow:hidden}[data-theme=dark] .workout-card:after,[data-theme=dark] .workout-card.exercise-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent)}[data-theme=dark] .workout-card:hover,[data-theme=dark] .workout-card.exercise-card:hover{border-color:#3b82f680!important;background:linear-gradient(135deg,#1e3a60e6,#142846fa)!important;box-shadow:0 8px 25px #3b82f64d,0 0 30px #3b82f626,0 1px #ffffff1a inset!important;transform:translateY(-4px)}[data-theme=dark] .workout-card.exercise-card.completed{background:linear-gradient(135deg,#05966933,#0f1f3af2)!important;border-left:4px solid #22c55e!important;box-shadow:0 4px 20px #22c55e40,0 0 20px #22c55e1a,0 1px #ffffff0d inset!important}[data-theme=dark] .workout-card.exercise-card.completed:after{background:linear-gradient(90deg,transparent,rgba(34,197,94,.5),transparent)}[data-theme=dark] .workout-content h3,[data-theme=dark] .exercise-name{color:#f1f5f9!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .workout-content p{color:#cbd5e1!important}[data-theme=dark] .workouts-header-card{background:#0f1f3ab3;border-color:#3b82f633}[data-theme=dark] .workouts-title h2,[data-theme=dark] .section-header h2,[data-theme=dark] .exercises-title h2{color:#f1f5f9}[data-theme=dark] .section-header p{color:#94a3b8}[data-theme=dark] .info-item{background:#0f1f3acc;border-color:#3b82f633}[data-theme=dark] .info-item strong{color:#94a3b8}[data-theme=dark] .info-item span{color:#e2e8f0}[data-theme=dark] .exercise-specs .meta-item,[data-theme=dark] .detail-item,[data-theme=dark] .spec-item{background:linear-gradient(135deg,#1e3a6099,#0f1f3acc)!important;border:1px solid rgba(59,130,246,.3)!important;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d!important;position:relative;overflow:hidden}[data-theme=dark] .exercise-specs .meta-item:before,[data-theme=dark] .detail-item:before,[data-theme=dark] .spec-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent)}[data-theme=dark] .exercise-specs .meta-item:hover,[data-theme=dark] .detail-item:hover,[data-theme=dark] .spec-item:hover{background:linear-gradient(135deg,#3b82f626,#1e3a60cc)!important;border-color:#3b82f680!important;box-shadow:0 4px 12px #3b82f640,inset 0 1px #ffffff1a!important;transform:translateY(-1px)}[data-theme=dark] .detail-item .detail-label,[data-theme=dark] .spec-label{color:#93c5fd!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .detail-item .detail-value,[data-theme=dark] .spec-value,[data-theme=dark] .exercise-specs .meta-item strong{color:#f1f5f9!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .exercise-specs .meta-item span{color:#e2e8f0!important}[data-theme=dark] .meta-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));color:#60a5fa!important}[data-theme=dark] .workout-modal{background:#0f1f3a;border:1px solid rgba(59,130,246,.3)}[data-theme=dark] .workout-modal .modal-header{background:linear-gradient(135deg,#0a1628,#0f1f3a);border-bottom-color:#3b82f633}[data-theme=dark] .workout-modal .modal-header h2{color:#f1f5f9}[data-theme=dark] .close-button{background:#3b82f61a;color:#94a3b8}[data-theme=dark] .close-button:hover{background:#dc2626;color:#fff}[data-theme=dark] .workout-info,[data-theme=dark] .description,[data-theme=dark] .objectives,[data-theme=dark] .equipment,[data-theme=dark] .exercises-section,[data-theme=dark] .recommendations{background:#0f1f3a99;border-left-color:#3b82f6}[data-theme=dark] .workout-info h4,[data-theme=dark] .description h4,[data-theme=dark] .objectives h4,[data-theme=dark] .equipment h4,[data-theme=dark] .exercises-section h4,[data-theme=dark] .recommendations h4{color:#f1f5f9}[data-theme=dark] .description p{color:#cbd5e1}[data-theme=dark] .objective-pill{background:linear-gradient(135deg,#3b82f633,#3b82f64d);color:#93c5fd;border-color:#3b82f666}[data-theme=dark] .equipment-item{background:linear-gradient(135deg,#fbbf2433,#fbbf244d);color:#fbbf24;border-color:#fbbf2466}[data-theme=dark] .exercise-item,[data-theme=dark] .exercise-card{background:#0f1f3acc;border-color:#3b82f633}[data-theme=dark] .exercise-item:hover,[data-theme=dark] .exercise-card:hover{border-color:#60a5fa;background:#0f1f3af2}[data-theme=dark] .exercise-header h5{color:#f1f5f9}[data-theme=dark] .exercise-category{background:linear-gradient(135deg,#fbbf2433,#fbbf244d);color:#fbbf24;border:1px solid rgba(251,191,36,.4)}[data-theme=dark] .exercise-number{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f680,0 0 20px #3b82f64d,inset 0 1px #ffffff4d!important;border:2px solid rgba(96,165,250,.3);font-weight:800!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .exercise-number.completed{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 12px #05966980,0 0 20px #0596694d,inset 0 1px #ffffff4d!important;border:2px solid rgba(134,239,172,.3)}[data-theme=dark] .workout-status{font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}[data-theme=dark] .workout-status.completed{background:linear-gradient(135deg,#059669,#047857)!important;color:#fff!important}[data-theme=dark] .workout-status.pending{background:linear-gradient(135deg,#d97706,#b45309)!important;color:#fff!important}[data-theme=dark] .detail-group{background:linear-gradient(135deg,#0f1f3acc,#0f1f3a99);border-color:#3b82f633}[data-theme=dark] .detail-label{color:#94a3b8}[data-theme=dark] .detail-value{color:#f1f5f9}[data-theme=dark] .exercise-instructions,[data-theme=dark] .instruction-badge{background:linear-gradient(135deg,#3b82f61a,#3b82f626)!important;border-color:#3b82f666!important;border-left-color:#3b82f6!important}[data-theme=dark] .exercise-instructions p,[data-theme=dark] .instruction-text,[data-theme=dark] .instruction-content{color:#cbd5e1!important}[data-theme=dark] .exercise-instructions strong{color:#93c5fd!important}[data-theme=dark] .instruction-icon{color:#60a5fa!important}[data-theme=dark] .recommendations li{background:linear-gradient(135deg,#22c55e1a,#22c55e26);color:#86efac;border-left-color:#22c55e}[data-theme=dark] .empty-state{background:#0f1f3ab3;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .empty-state h3{color:#f1f5f9}[data-theme=dark] .empty-state p{color:#94a3b8}[data-theme=dark] .stats-cards{background:#0f1f3a99;border-color:#3b82f633}[data-theme=dark] .stat-number{color:#cbd5e1}[data-theme=dark] .stat-label{color:#64748b}[data-theme=dark] .current-workout-date-info{background:#0f1f3acc;border-left-color:#3b82f6}[data-theme=dark] .current-workout-date-info h3{color:#f1f5f9}[data-theme=dark] .workouts-count{color:#94a3b8}[data-theme=dark] .nav-date-btn,[data-theme=dark] .date-quick-btn{background:#0f1f3acc;border-color:#3b82f633;color:#cbd5e1}[data-theme=dark] .nav-date-btn:hover,[data-theme=dark] .date-quick-btn:hover{border-color:#60a5fa;background:#0f1f3af2;color:#93c5fd}[data-theme=dark] .nav-date-btn.active,[data-theme=dark] .date-quick-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}[data-theme=dark] .security-modal{background:#0f1f3a;border:1px solid rgba(59,130,246,.3)}[data-theme=dark] .security-modal .modal-header{background:linear-gradient(135deg,#0a1628,#0f1f3a);border-bottom-color:#3b82f633}[data-theme=dark] .security-modal .modal-header h3{color:#f1f5f9}[data-theme=dark] .security-info p,[data-theme=dark] .security-input-group label{color:#cbd5e1}[data-theme=dark] .security-input{background:#0f1f3acc;border-color:#3b82f633;color:#e2e8f0}[data-theme=dark] .security-input:focus{border-color:#60a5fa;background:#0f1f3af2}[data-theme=dark] .security-input:disabled{background:#0f1f3a80;color:#64748b}[data-theme=dark] .back-button{background:linear-gradient(135deg,#142337d9,#0f1928e6)!important;border:2px solid rgba(59,130,246,.25)!important;color:#cbd5e1!important;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d!important}[data-theme=dark] .back-button:hover{background:linear-gradient(135deg,#1e324be6,#142337f2)!important;border-color:#3b82f666!important;box-shadow:0 4px 12px #3b82f633,inset 0 1px #ffffff14!important}[data-theme=dark] .cancel-btn{background:#0f1f3acc;border-color:#3b82f633;color:#cbd5e1}[data-theme=dark] .cancel-btn:hover:not(:disabled){background:#0f1f3af2;border-color:#60a5fa}[data-theme=dark] .complete-exercise-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d!important;position:relative;overflow:hidden}[data-theme=dark] .complete-exercise-btn svg *[opacity],[data-theme=dark] .complete-exercise-btn svg circle,[data-theme=dark] .complete-exercise-btn svg ellipse,[data-theme=dark] .complete-exercise-btn svg rect{display:none!important;opacity:0!important;visibility:hidden!important;fill:transparent!important}[data-theme=dark] .complete-exercise-btn svg path{stroke:#fff!important;fill:none!important;stroke-width:2.5!important}[data-theme=dark] .complete-exercise-btn svg{background:transparent!important;fill:none!important;overflow:visible!important;width:16px!important;height:16px!important;flex-shrink:0!important}[data-theme=dark] .complete-exercise-btn .btn-icon{filter:none!important;background:transparent!important;width:16px!important;height:16px!important;flex-shrink:0!important}[data-theme=dark] .view-details-btn.secondary svg{width:16px!important;height:16px!important;flex-shrink:0!important}[data-theme=dark] .complete-exercise-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}[data-theme=dark] .complete-exercise-btn:hover:before{left:100%}[data-theme=dark] .complete-exercise-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 4px 14px #3b82f680!important;transform:translateY(-2px)}[data-theme=dark] .complete-exercise-btn.completed{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #22c55e4d!important}[data-theme=dark] .complete-exercise-btn.completed:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}[data-theme=dark] .complete-exercise-btn.completed:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 4px 14px #22c55e80!important;transform:translateY(-2px)}[data-theme=dark] .complete-exercise-btn.disabled{background:linear-gradient(135deg,#0f1f3a66,#0f1f3a99)!important;border-color:#3b82f61a!important;color:#64748b!important;box-shadow:none!important}[data-theme=dark] .complete-exercise-btn.disabled:before{display:none}[data-theme=dark] .meta-item{color:#94a3b8}[data-theme=dark] .progress-header{color:#cbd5e1}[data-theme=dark] .progress-text{color:#64748b}[data-theme=dark] .progress-bar{background:#0f1f3a99!important;border:1px solid rgba(59,130,246,.2)!important}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)!important}[data-theme=dark] .objective-tag{background:#3b82f633!important;color:#93c5fd!important;border:1px solid rgba(59,130,246,.3)!important}[data-theme=dark] .objective-tag.more{background:#0f1f3acc!important;color:#94a3b8!important;border:1px solid rgba(59,130,246,.2)!important}[data-theme=dark] .status-badge.completed{background:#05966933!important;color:#86efac!important;border:1px solid rgba(34,197,94,.3)!important}[data-theme=dark] .status-badge.pending{background:#d9770633!important;color:#fbbf24!important;border:1px solid rgba(251,191,36,.3)!important}[data-theme=dark] .loading-workouts,[data-theme=dark] .loading-exercises{color:#94a3b8!important}[data-theme=dark] .loading-spinner,[data-theme=dark] .loading-spinner-large{border-color:#3b82f633!important;border-top-color:#3b82f6!important}[data-theme=dark] .motivation-card{background:linear-gradient(135deg,#3b82f64d,#2563eb33)!important;border:1px solid rgba(59,130,246,.4)!important;color:#e2e8f0!important}[data-theme=dark] .motivation-card h3{color:#f1f5f9!important}[data-theme=dark] .motivation-card p{color:#cbd5e1!important}[data-theme=dark] .tip{color:#e2e8f0!important}[data-theme=dark] .dashboard-card,[data-theme=dark] .exercises-header-card{background:#0f1f3acc!important;border-color:#3b82f633!important}[data-theme=dark] *[style*="background: #f8fafc"],[data-theme=dark] *[style*="background: #ffffff"],[data-theme=dark] *[style*="background: white"]{background:#0f1f3acc!important}[data-theme=dark] *{--border-light: rgba(59, 130, 246, .2)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5{color:#f1f5f9!important}[data-theme=dark] .confirm-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#3b82f6!important}[data-theme=dark] .confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 4px 12px #3b82f666!important}[data-theme=dark] .student-info-inline{background:#0f1f3acc!important;border-left-color:#3b82f6!important}[data-theme=dark] .student-name{color:#f1f5f9!important}[data-theme=dark] .student-cpf{color:#94a3b8!important;border-left-color:#3b82f633!important}[data-theme=dark] .student-status.ativo{background:linear-gradient(135deg,#05966940,#05966926)!important;color:#86efac!important;border-color:#22c55e80!important;box-shadow:0 2px 8px #22c55e33,inset 0 1px #ffffff1a}[data-theme=dark] .student-status.inativo{background:linear-gradient(135deg,#dc262640,#dc262626)!important;color:#fca5a5!important;border-color:#ef444480!important;box-shadow:0 2px 8px #dc262633,inset 0 1px #ffffff1a}[data-theme=dark] .custom-date-picker,[data-theme=dark] .date-input-picker{background:#0f1f3acc!important;border-color:#3b82f633!important;color:#cbd5e1!important;color-scheme:dark}[data-theme=dark] .custom-date-picker:focus,[data-theme=dark] .date-input-picker:focus{border-color:#60a5fa!important;background:#0f1f3af2!important}.exercise-layout{display:flex;flex-direction:column;gap:16px;width:100%}.exercise-top-row{display:flex;gap:16px;align-items:flex-start;width:100%}.exercise-gif-preview{flex-shrink:0;width:140px;height:140px;border-radius:12px;overflow:hidden;background:transparent;border:none;display:flex;align-items:center;justify-content:center}.card-exercise-gif{width:100%;height:100%;object-fit:cover;display:block}.exercise-info{flex:1;display:flex;flex-direction:column;gap:8px}.exercise-info h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);text-transform:capitalize;line-height:1.3}.workout-subtitle{margin:0 0 4px;font-size:13px;color:var(--text-secondary);line-height:1.4}.footer-actions{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px}.footer-actions .view-details-btn.secondary,.footer-actions .complete-exercise-btn{flex:1!important;width:auto!important;padding:12px 20px!important;border-radius:8px!important;font-size:14px!important;line-height:1!important;font-weight:700!important;cursor:pointer;transition:all .2s;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap;box-sizing:border-box!important;height:42px!important;min-height:42px!important;max-height:42px!important}.footer-actions .view-details-btn.secondary{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:none!important;box-shadow:0 0 0 1px var(--border-light)!important}.footer-actions .view-details-btn.secondary:hover{background:var(--bg-tertiary)!important;box-shadow:0 0 0 1px var(--primary-400)!important;transform:translateY(-2px)}.footer-actions .complete-exercise-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px #3b82f640!important}.footer-actions .view-details-btn.secondary svg,.footer-actions .complete-exercise-btn svg{width:18px!important;height:18px!important;flex-shrink:0!important;display:inline-block!important;margin:0!important;padding:0!important}.footer-actions .view-details-btn.secondary span,.footer-actions .complete-exercise-btn span{display:inline-block!important;line-height:18px!important;vertical-align:middle!important;margin:0!important;padding:0!important}.footer-actions .view-details-btn.secondary>*,.footer-actions .complete-exercise-btn>*{position:static!important;inset:auto!important;transform:none!important}.complete-exercise-btn.full-width{flex:1!important;width:100%!important}.complete-exercise-btn svg *[opacity],.complete-exercise-btn svg circle,.complete-exercise-btn svg ellipse,.complete-exercise-btn svg rect{display:none!important;opacity:0!important;visibility:hidden!important;fill:transparent!important}.complete-exercise-btn svg path{stroke:#fff!important;fill:none!important;stroke-width:2.5!important}.complete-exercise-btn svg{background:transparent!important;fill:none!important;overflow:visible!important;width:16px!important;height:16px!important;flex-shrink:0!important}.complete-exercise-btn .btn-icon{filter:none!important;background:transparent!important;width:16px!important;height:16px!important;flex-shrink:0!important}.view-details-btn.secondary svg{width:16px!important;height:16px!important;flex-shrink:0!important;stroke:currentColor!important;fill:none!important}.complete-exercise-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 14px #3b82f666}.complete-exercise-btn.completed{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e40;flex:1!important;padding:12px 20px!important;font-size:14px!important;line-height:1!important}.complete-exercise-btn.completed:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 14px #22c55e66}.complete-exercise-btn.disabled{background:var(--bg-quaternary);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none}.complete-exercise-btn.full-width{flex:1}[data-theme=dark] .exercise-gif-preview{background:transparent;border:none}[data-theme=dark] .view-details-btn.secondary{background:var(--bg-tertiary);border-color:var(--border-medium)}[data-theme=dark] .view-details-btn.secondary:hover{background:var(--bg-quaternary);border-color:var(--primary-500)}@media(max-width:768px){.workout-card{padding:1.5rem}.exercise-layout{flex-direction:column;gap:12px}.exercise-top-row{flex-direction:column;align-items:center;text-align:center;gap:12px}.exercise-gif-preview{width:100%;max-width:200px;height:200px}.exercise-info{width:100%;align-items:center}.exercise-info h3{font-size:16px;text-align:center;word-break:break-word}.workout-subtitle{text-align:center;font-size:12px}.footer-actions{flex-direction:column;gap:8px}.view-details-btn.secondary,.complete-exercise-btn{flex:1;width:100%}}@media(max-width:480px){.workout-card{padding:1rem;border-radius:16px}.exercise-layout,.exercise-top-row{gap:10px}.exercise-gif-preview{max-width:160px;height:160px}.exercise-info h3{font-size:14px;line-height:1.4}.workout-subtitle{font-size:11px}.workout-meta.exercise-specs{gap:8px 10px}.meta-item{font-size:12px}.meta-item .meta-icon{width:16px;height:16px}}.exercise-gif{overflow:hidden;background:var(--bg-tertiary, #2a2a2a);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.exercise-gif.small{width:80px;height:80px;border-radius:12px}.exercise-gif.medium{width:120px;height:120px;border-radius:16px}.exercise-gif.large{width:100%;max-width:280px;height:280px;border-radius:16px;margin:0 auto;cursor:pointer;transition:transform .2s ease}.exercise-gif.large:hover{transform:scale(1.02)}.exercise-gif img{width:100%;height:100%;object-fit:cover;display:block}.exercise-gif.loading .gif-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-tertiary, #2a2a2a) 0%,var(--bg-secondary, #1e1e1e) 50%,var(--bg-tertiary, #2a2a2a) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.exercise-gif.error .gif-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-secondary, #888);background:var(--bg-secondary, #1e1e1e)}@media(max-width:768px){.exercise-gif.medium{width:100px;height:100px}.exercise-gif.large{max-width:240px;height:240px}}.exercise-detail-modal{background:var(--bg-primary, #ffffff);border-radius:16px;width:95%;max-width:900px;max-height:90vh;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;overflow:hidden}.exercise-detail-modal.horizontal-layout{width:95%;max-width:900px}.exercise-detail-modal.loading,.exercise-detail-modal.er.section-header-modern h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.section-header-compact{display:flex;align-items:center;gap:8px;margin-bottom:10px}.section-header-compact h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.exercise-detail-modal.loading,.exercise-detail-modal.error{text-align:center;padding:60px 40px;max-width:500px}.loading-spinner{width:48px;height:48px;border:4px solid var(--bg-tertiary, #e5e7eb);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.modal-content-wrapper{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:24px;overflow:hidden;flex:1}.modal-left-column{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px}.modal-right-column{overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:20px}.modal-gif-section{position:relative;border-radius:12px;overflow:hidden;background:var(--bg-secondary, #f3f4f6);min-height:320px;display:flex;align-items:center;justify-content:center}.modal-gif-section.clickable-gif{cursor:pointer;transition:transform .2s}.modal-gif-section.clickable-gif:hover{transform:scale(1.02)}.modal-gif-section.clickable-gif:hover .gif-expand-hint{opacity:1}.modal-exercise-gif{width:100%;height:auto;min-height:320px;display:block;object-fit:contain}.gif-expand-hint{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:12px;text-align:center;opacity:0;transition:opacity .2s}.gif-expand-hint span{color:#fff;font-size:13px;font-weight:500}.modal-header.compact{padding-bottom:12px;border-bottom:2px solid var(--bg-tertiary, #e5e7eb)}.modal-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text-primary, #1f2937)}.exercise-meta-inline{display:flex;gap:12px;align-items:center}.exercise-id{font-size:12px;color:var(--text-secondary, #6b7280);background:var(--bg-tertiary, #e5e7eb);padding:4px 8px;border-radius:6px}.difficulty-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase}.difficulty-badge.beginner{background:#d1fae5;color:#065f46}.difficulty-badge.intermediate{background:#fed7aa;color:#92400e}.difficulty-badge.advanced{background:#fecaca;color:#991b1b}.specs-inline{display:flex;gap:16px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-secondary, #f3f4f6);border-radius:12px}.spec-inline{font-size:14px;font-weight:600;color:var(--text-primary, #1f2937)}.modal-section.compact{padding:12px 16px;background:var(--bg-secondary, #f3f4f6);border-radius:12px}.modal-section h4{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--text-primary, #1f2937)}.recommendation-box{background:#fef3c7;border-left:4px solid #f59e0b;padding:12px;border-radius:8px}.recommendation-box p{margin:0;font-size:14px;color:#78350f;line-height:1.5}.comments-list-compact{display:flex;flex-direction:column;gap:8px}.comment-item-compact{background:var(--bg-primary, #ffffff);padding:10px 12px;border-radius:8px;border-left:3px solid var(--primary-color, #3b82f6)}.comment-item-compact p{margin:0;font-size:13px;color:var(--text-secondary, #6b7280);font-style:italic;line-height:1.4}.instructions-list-compact{margin:0;padding-left:20px}.instructions-list-compact li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--text-primary, #1f2937)}.instructions-list-compact li:last-child{margin-bottom:0}.muscles-section p{margin:0;font-size:14px;line-height:1.6;color:var(--text-primary, #1f2937)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:2px solid var(--bg-tertiary, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.secondary-btn,.primary-btn{padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-btn{background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #1f2937)}.secondary-btn:hover{background:#d1d5db}.primary-btn{background:var(--primary-color, #3b82f6);color:#fff}.primary-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.primary-btn.completed{background:#10b981;cursor:default}.primary-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:992px){.modal-content-wrapper{grid-template-columns:280px 1fr;gap:16px}}@media(max-width:768px){.exercise-detail-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-content-wrapper{grid-template-columns:1fr;gap:16px;padding:16px;overflow-y:auto}.modal-left-column,.modal-right-column{overflow-y:visible}.modal-actions{flex-direction:column-reverse}.secondary-btn,.primary-btn{width:100%}}.modal-left-column::-webkit-scrollbar,.modal-right-column::-webkit-scrollbar{width:8px}.modal-left-column::-webkit-scrollbar-track,.modal-right-column::-webkit-scrollbar-track{background:var(--bg-tertiary, #e5e7eb);border-radius:4px}.modal-left-column::-webkit-scrollbar-thumb,.modal-right-column::-webkit-scrollbar-thumb{background:var(--text-tertiary, #9ca3af);border-radius:4px}.modal-left-column::-webkit-scrollbar-thumb:hover,.modal-right-column::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #6b7280)}.modal-header-modern{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:2px solid var(--border-light)}.header-title-group{display:flex;align-items:center;gap:12px;flex:1}.header-title-group h2{margin:0;font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.2}.exercise-id-badge{font-size:13px;font-weight:600;color:var(--primary-500);background:var(--primary-50);padding:4px 10px;border-radius:8px;white-space:nowrap}.specs-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.spec-item-modern{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-primary);border-radius:8px;transition:transform .2s}.spec-item-modern:hover{transform:translateY(-2px)}.spec-item-modern .spec-icon{color:var(--primary-500);flex-shrink:0}.spec-content{display:flex;flex-direction:column;gap:2px}.spec-value{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.spec-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.section-header-modern{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-header-modern .section-icon{color:var(--primary-500);flex-shrink:0}.section-header-modern h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.recommendations-section-modern{padding:14px;background:var(--bg-secondary);border-radius:10px;border-left:4px solid var(--warning-500)}.recommendation-card-modern{background:var(--bg-primary);padding:14px;border-radius:8px;border:1px solid var(--warning-200)}.recommendation-card-modern p{margin:0;font-size:14px;color:var(--text-primary);line-height:1.6}.muscles-section-modern{padding:14px;background:var(--bg-secondary);border-radius:10px}.muscles-grid-modern{display:flex;flex-direction:column;gap:8px}.muscle-chip{padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.5;border:1px solid transparent}.muscle-chip.primary{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.muscle-chip.secondary{background:var(--bg-primary);border-color:var(--border-light);color:var(--text-secondary)}.muscle-chip strong{color:var(--text-primary);font-weight:600}.instructions-section-modern{padding:14px;background:var(--bg-secondary);border-radius:10px}.instructions-list-modern{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.instructions-list-modern li{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-light);transition:border-color .2s}.instructions-list-modern li:hover{border-color:var(--primary-300)}.instruction-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary-500);color:#fff;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}.instruction-text{flex:1;font-size:14px;line-height:1.6;color:var(--text-primary)}.modal-actions-modern{display:flex;gap:12px;justify-content:flex-end;padding:18px 24px;border-top:2px solid var(--border-light);background:var(--bg-secondary)}.secondary-btn-modern,.primary-btn-modern{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.secondary-btn-modern{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light)}.secondary-btn-modern:hover{background:var(--bg-quaternary);border-color:var(--border-medium)}.primary-btn-modern{background:var(--primary-500);color:#fff}.primary-btn-modern:hover:not(:disabled){background:var(--primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.primary-btn-modern.completed{background:var(--success-500);cursor:default}.primary-btn-modern:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .recommendation-card-modern{background:var(--bg-tertiary);border-color:var(--warning-700)}[data-theme=dark] .muscle-chip.primary{background:var(--primary-900);border-color:var(--primary-700);color:var(--primary-200)}[data-theme=dark] .muscle-chip.secondary{background:var(--bg-tertiary);border-color:var(--border-medium)}[data-theme=dark] .instruction-number{background:var(--primary-600)}[data-theme=dark] .instructions-list-modern li:hover{border-color:var(--primary-600)}@media(max-width:768px){.specs-grid-modern{grid-template-columns:repeat(2,1fr);gap:10px}.spec-value{font-size:16px}}.muscles-visual-section{padding:16px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-light)}.muscles-visual-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.muscle-badge{display:flex;align-items:center;gap:14px;padding:14px;border-radius:10px;transition:transform .2s}.muscle-badge:hover{transform:translate(4px)}.muscle-badge.primary{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border:2px solid var(--primary-300);box-shadow:0 2px 8px #3b82f626}.muscle-badge.secondary{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border:2px solid var(--primary-200);box-shadow:0 2px 8px #3b82f61a}.muscle-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;color:#fff}.muscle-icon.primary-muscle{background:var(--primary-500);box-shadow:0 4px 12px #3b82f64d}.muscle-icon.secondary-muscle{background:var(--primary-400);border:2px solid var(--primary-500);color:#fff}.muscle-info{display:flex;flex-direction:column;gap:4px;flex:1}.muscle-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.muscle-name{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.3}.body-part-tag{padding:10px 14px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-light);text-align:center}.body-part-tag span{font-size:13px;font-weight:600;color:var(--text-secondary)}.recommendations-extended{padding:18px;background:linear-gradient(135deg,var(--warning-50) 0%,rgba(255,251,235,.3) 100%);border-radius:12px;border-left:4px solid var(--warning-500);box-shadow:0 2px 8px #f59e0b1a}.recommendation-card-extended{background:var(--bg-primary);padding:16px 18px;border-radius:10px;border:1px solid var(--warning-200)}.recommendation-card-extended p{margin:0;font-size:15px;color:var(--text-primary);line-height:1.7;font-weight:500}.equipment-section{padding:0;background:transparent}.equipment-tags{display:flex;gap:12px;flex-wrap:wrap}.info-tag{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light);flex:1;min-width:0}.info-tag.equipment{border-left:3px solid var(--primary-500)}.info-tag.category{border-left:3px solid var(--success-500)}.tag-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tag-value{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .muscles-visual-section{background:var(--bg-tertiary);border-color:var(--border-medium)}[data-theme=dark] .muscle-badge.primary{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-color:#3b82f64d;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .muscle-badge.secondary{background:linear-gradient(135deg,#1e293b99,#0f172ab3);border-color:#3b82f633;box-shadow:0 2px 8px #0003}[data-theme=dark] .muscle-icon.primary-muscle{background:var(--primary-600);box-shadow:0 4px 12px #3b82f666;color:#fff}[data-theme=dark] .muscle-icon.secondary-muscle{background:var(--primary-600);border-color:var(--primary-500);color:#fff}[data-theme=dark] .body-part-tag{background:var(--bg-tertiary);border-color:var(--border-medium)}[data-theme=dark] .recommendations-extended{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-left-color:var(--warning-600);box-shadow:0 2px 8px #f59e0b33}[data-theme=dark] .recommendation-card-extended{background:var(--bg-tertiary);border-color:var(--warning-700)}[data-theme=dark] .info-tag{background:var(--bg-tertiary);border-color:var(--border-medium)}[data-theme=dark] .info-tag.equipment{border-left-color:var(--primary-600)}[data-theme=dark] .info-tag.category{border-left-color:var(--success-600)}@media(max-width:768px){.muscle-badge{flex-direction:row}.muscle-icon{width:40px;height:40px;font-size:20px}.equipment-tags{flex-direction:column}.info-tag{flex:1}}.gif-fullscreen-overlay{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;padding:40px;animation:fadeIn .2s ease-out}.gif-fullscreen-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;color:#fff}.gif-fullscreen-close:hover{background:#fff3;transform:rotate(90deg)}.gif-fullscreen-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:90vw;max-height:85vh;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.gif-fullscreen-image{max-width:100%;max-height:70vh;border-radius:20px;box-shadow:0 20px 60px #00000080}.gif-fullscreen-title{color:#fff;font-size:1.5rem;font-weight:600;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.5);margin:0}.gif-fullscreen-hint{position:absolute;bottom:30px;color:#fff9;font-size:.875rem;text-align:center}.gif-fullscreen-loading{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff}.gif-fullscreen-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.gif-fullscreen-overlay{padding:20px}.gif-fullscreen-close{top:15px;right:15px;width:48px;height:48px}.gif-fullscreen-image{max-height:60vh;border-radius:16px}.gif-fullscreen-title{font-size:1.25rem}.gif-fullscreen-hint{bottom:20px;font-size:.75rem}}.no-workout-plan-modal{max-width:600px;width:100%;border-radius:16px;overflow:hidden}.no-workout-header{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-bottom:none;position:relative}[data-theme=dark] .no-workout-header{background:linear-gradient(135deg,var(--primary-900),var(--primary-800))}.warning-icon-container{position:relative;display:inline-block;margin-bottom:1rem}.warning-badge{position:absolute;bottom:-4px;right:-4px;background:#fff;border-radius:50%;padding:4px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}[data-theme=dark] .warning-badge{background:var(--bg-elevated)}.no-workout-header h2{color:var(--primary-700);font-size:1.75rem;font-weight:700;margin:0;line-height:1.3}[data-theme=dark] .no-workout-header h2{color:var(--primary-200)}.no-workout-body{padding:2rem}.main-message{font-size:1.1rem;color:var(--text-primary);font-weight:600;margin-bottom:1rem;line-height:1.5}.sub-message{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.benefits-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light);transition:all .2s ease}.benefit-item:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-2px)}[data-theme=dark] .benefit-item:hover{background:var(--primary-900);border-color:var(--primary-700)}.benefit-icon{font-size:1.5rem;flex-shrink:0}.benefit-text{display:flex;flex-direction:column;gap:.25rem}.benefit-text strong{color:var(--text-primary);font-size:1rem;font-weight:600}.benefit-text span{color:var(--text-secondary);font-size:.9rem}.options-list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.option-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-light);transition:all .3s ease}.option-card:hover{border-color:var(--primary-500);background:var(--primary-50);transform:translateY(-2px);box-shadow:0 4px 12px #0133691a}[data-theme=dark] .option-card:hover{background:var(--primary-900);border-color:var(--primary-500)}.option-icon{flex-shrink:0;width:48px;height:48px;background:var(--primary-100);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-600)}[data-theme=dark] .option-icon{background:var(--primary-800);color:var(--primary-300)}.option-content h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.option-content p{color:var(--text-secondary);font-size:.95rem;margin:0;line-height:1.5}.option-divider{text-align:center;color:var(--text-tertiary);font-size:.9rem;font-weight:600;padding:.5rem 0;position:relative}.option-divider:before,.option-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-light)}.option-divider:before{left:0}.option-divider:after{right:0}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--info-50);border-left:4px solid var(--info-500);border-radius:8px;margin-top:1.5rem}[data-theme=dark] .info-box{background:#3b82f61a;border-left-color:var(--info-400)}.info-icon{font-size:1.25rem;flex-shrink:0}.info-box p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.no-workout-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.no-workout-footer button,.btn-generate{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;padding:.75rem 1.5rem}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #01336933}.no-workout-footer button svg{flex-shrink:0;vertical-align:middle;display:inline-block}.no-workout-footer .btn-primary,.no-workout-footer .btn-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-with-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.btn-with-icon svg{flex-shrink:0;display:block}.btn-with-icon span{display:inline-block;line-height:1}@media(max-width:640px){.no-workout-plan-modal{max-width:95%;margin:1rem}.no-workout-header{padding:2rem 1.5rem 1rem}.no-workout-header h2{font-size:1.5rem}.no-workout-body{padding:1.5rem}.main-message{font-size:1rem}.sub-message{font-size:.95rem}.benefit-item,.option-card{padding:1rem}.option-icon{width:40px;height:40px;font-size:1.25rem}.option-content h3{font-size:1rem}.option-content p{font-size:.9rem}.no-workout-footer{flex-direction:column;padding:1rem 1.5rem}.no-workout-footer button{width:100%}.option-divider:before,.option-divider:after{width:35%}}@media(max-width:480px){.warning-icon-container svg{width:48px!important;height:48px!important}.warning-badge{bottom:-2px;right:-2px}.warning-badge svg{width:20px!important;height:20px!important}.no-workout-header h2{font-size:1.3rem}.benefits-list,.options-list{gap:.75rem}}.instructor-dashboard{min-height:100vh;background:var(--bg-primary);padding:2rem}.welcome-section{margin-bottom:2rem}.welcome-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.welcome-content p{font-size:1rem;color:var(--text-secondary)}.instructor-main-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.instructor-main-grid.expanded{grid-template-columns:600px 1fr}.instructor-cards-column{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.instructor-main-grid.expanded .instructor-cards-column{display:flex;flex-direction:column}.instructor-card{background:var(--bg-elevated);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-light);transition:all .3s ease}.instructor-card:hover{box-shadow:0 4px 16px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.header-left{display:flex;align-items:center;gap:.75rem}.card-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.badge-count{background:var(--primary-500);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.badge-warning{background:var(--warning-500)}.classes-list{display:flex;flex-direction:column;gap:1rem}.class-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border-left:4px solid var(--primary-500);transition:all .2s ease}.class-item:hover{transform:translate(4px);box-shadow:0 2px 8px #00000014}.class-time{display:flex;align-items:center;gap:.5rem;color:var(--primary-600);font-weight:600;font-size:.9rem;min-width:80px}.class-details{flex:1}.class-details h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.class-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.class-participants,.class-instructor{display:flex;align-items:center;gap:.25rem}.workouts-preview-list{display:flex;flex-direction:column;gap:.75rem}.workout-preview-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:12px;border-left:4px solid var(--warning-500);cursor:pointer;transition:all .2s ease}.workout-preview-item:hover{transform:translate(4px);box-shadow:0 2px 8px #00000014;background:var(--bg-tertiary)}.workout-preview-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.workout-preview-meta{font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem}.workout-preview-time{font-size:.75rem;color:var(--text-tertiary)}.preview-arrow{color:var(--text-tertiary);font-size:1.5rem}.view-all-link-container{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);text-align:center}.view-all-link{color:var(--primary-600);font-size:.9rem;font-weight:500;text-decoration:underline;cursor:pointer;transition:all .2s ease;display:inline-block}.view-all-link:hover{color:var(--primary-700);text-decoration:none;transform:translate(2px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-icon{color:var(--text-tertiary);margin-bottom:1rem;opacity:.5}.empty-icon.success{color:var(--success-500);opacity:.7}.empty-state p{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0}.empty-subtitle{font-size:.875rem;color:var(--text-tertiary);margin-top:.5rem;display:block}.validation-section-full{background:var(--bg-elevated);border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0000001a;border:1px solid var(--border-light)}.validation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-light)}.validation-title{display:flex;align-items:center;gap:1rem}.validation-icon{color:var(--primary-500)}.validation-title h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.validation-title p{font-size:.875rem;color:var(--text-secondary);margin:0}.btn-close-validation{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-close-validation:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.validation-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.search-box{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px}.search-box input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.9375rem;outline:none}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.validation-table-container{overflow-x:auto}.validation-table{width:100%;border-collapse:collapse}.validation-table thead{background:var(--bg-secondary)}.validation-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.validation-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .2s ease}.validation-table tbody tr:hover{background:var(--bg-secondary)}.validation-table td{padding:1rem;font-size:.9375rem;color:var(--text-primary)}.customer-cell{display:flex;align-items:center;gap:.75rem}.customer-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.customer-name{font-weight:500}.goal-badge{display:inline-block;padding:.375rem .75rem;background:var(--primary-100);color:var(--primary-700);border-radius:6px;font-size:.8125rem;font-weight:500}.date-cell{color:var(--text-secondary);font-size:.875rem}.actions-column{width:200px}.actions-cell{display:flex;gap:.5rem}.btn-action{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-approve{background:var(--success-100);color:var(--success-700)}.btn-approve:hover{background:var(--success-500);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.btn-reject{background:var(--error-100);color:var(--error-700)}.btn-reject:hover{background:var(--error-500);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media(max-width:1400px){.instructor-main-grid.expanded{grid-template-columns:1fr}.validation-section-full{margin-top:2rem}}@media(max-width:1024px){.instructor-cards-column{grid-template-columns:1fr}}@media(max-width:768px){.instructor-dashboard{padding:1rem}.welcome-content h1{font-size:1.5rem}.instructor-cards-column{gap:1rem;grid-template-columns:1fr}.instructor-card,.validation-section-full{padding:1rem}.validation-header{flex-direction:column;align-items:flex-start;gap:1rem}.validation-filters{flex-direction:column}.validation-table-container{overflow-x:scroll}.actions-cell{flex-direction:column}.btn-action{width:100%;justify-content:center}}[data-theme=dark] .instructor-card{background:var(--bg-elevated);border-color:var(--border-dark)}[data-theme=dark] .class-item,[data-theme=dark] .workout-preview-item{background:var(--bg-tertiary)}[data-theme=dark] .workout-preview-item:hover{background:var(--bg-quaternary)}[data-theme=dark] .validation-table thead,[data-theme=dark] .validation-table tbody tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .search-box,[data-theme=dark] .filter-button,[data-theme=dark] .btn-close-validation{background:var(--bg-tertiary);border-color:var(--border-dark)}[data-theme=dark] .search-box:hover,[data-theme=dark] .filter-button:hover,[data-theme=dark] .btn-close-validation:hover{background:var(--bg-quaternary)}.workout-lookup-page{min-height:100vh;background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-background-dark) 50%,var(--color-primary-800) 100%);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.workout-lookup-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(1,51,105,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(1,51,105,.2) 0%,transparent 50%);pointer-events:none;animation:backgroundPulse 8s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:.8}}.lookup-container{width:100%;max-width:550px;text-align:center;position:relative;z-index:2;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1rem}.lookup-header{margin-bottom:3rem}.back-button{position:absolute;top:2rem;left:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;z-index:10}.back-button:hover{background:#fff3;transform:translate(-5px);box-shadow:0 5px 15px #0000001a}.title-section{width:100%;text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeInUp .8s ease-out}.title-icon{display:flex;justify-content:center;margin-bottom:.25rem;animation:bounceIn 1s ease-out,iconPulse 2s ease-in-out 1s infinite}.title-section h1{font-size:2.5rem;font-weight:700;margin:0 auto .5rem;color:#fff;text-align:center;width:100%;line-height:1.2;text-shadow:0 4px 8px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.2);animation:fadeInUp .8s ease-out .2s both}.title-section p{font-size:1.1rem;color:#fffffff2;margin:0 auto;line-height:1.6;text-align:center;width:100%;max-width:500px;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-45deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}70%{transform:scale(.9) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.workout-lookup-page .form-section{background:#fffffffa;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 25px 50px #01336933;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid transparent;background-image:linear-gradient(#fffffffa,#fffffffa),linear-gradient(135deg,var(--color-primary-400),var(--color-secondary-500),var(--color-primary-600));background-origin:border-box;background-clip:padding-box,border-box;animation:formGlow 4s ease-in-out infinite alternate,scaleIn .6s ease-out .5s both;position:relative;width:100%;max-width:500px;margin:0 auto;box-sizing:border-box}@keyframes scaleIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.workout-lookup-page .form-section:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-primary-400),var(--color-secondary-500),var(--color-primary-600));border-radius:20px;z-index:-1;opacity:0;transition:opacity .3s ease}.workout-lookup-page .form-section:hover{box-shadow:0 35px 70px #01336959}@keyframes formGlow{0%{box-shadow:0 25px 50px #01336933,0 0 40px #0133691a}to{box-shadow:0 30px 60px #01336959,0 0 80px #01336933}}@keyframes formFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.form-group{margin-bottom:1.5rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-group label{display:block;margin:0 auto 1rem;color:#1a1a1a;font-weight:500;font-size:.95rem;text-align:center;width:100%;line-height:1.5;max-width:400px}.cpf-input-group{position:relative;width:100%}.cpf-input{width:100%;padding:1rem 1.5rem;font-size:1.2rem;border:2px solid var(--color-border-light);border-radius:15px;outline:none;transition:all .3s ease;text-align:center;font-weight:600;letter-spacing:1px;box-sizing:border-box}.cpf-input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 4px #0133691a;transform:translateY(-3px)}.cpf-input.error{border-color:#e74c3c;background:#fdf2f2}.submit-button{width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border:none;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 10px 25px #0133694d}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover:not(:disabled):before{width:300px;height:300px}.submit-button:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 18px 40px #01336973,0 0 20px #0133694d;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600))}.submit-button:active:not(:disabled){transform:translateY(-2px) scale(.98)}.submit-button:disabled{cursor:not-allowed}.submit-button.loading{color:transparent}.submit-button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#fdf2f2;color:#e74c3c;padding:1rem;border-radius:10px;margin-bottom:1.5rem;border-left:4px solid #e74c3c;font-size:.95rem;display:flex;align-items:center;gap:.75rem}.success-message{background:#f0f9ff;color:#0369a1;padding:1rem;border-radius:10px;margin-bottom:1.5rem;border-left:4px solid #0369a1;font-size:.95rem}.motivation-text{margin-top:2rem;color:var(--color-text-secondary);font-size:.9rem;font-style:italic}@media(max-width:768px){.workout-lookup{padding:1rem;min-height:100vh}.lookup-container{max-width:100%;width:100%;padding:0 1rem}.title-section{margin-bottom:2rem}.title-section h1{font-size:2rem;margin-bottom:.75rem;line-height:1.2}.title-section p{font-size:1rem;line-height:1.5;padding:0 .5rem}.workout-lookup-page .form-section{padding:2rem 1.5rem;margin:0;border-radius:15px;width:100%;box-sizing:border-box}.cpf-input-group{width:100%}.back-button{position:fixed;top:1rem;left:1rem;padding:.5rem 1rem;font-size:.8rem;z-index:100}.cpf-input{font-size:1rem;padding:.9rem;width:100%;box-sizing:border-box}.submit-button{padding:1rem;font-size:1rem;width:100%}.animation-container{margin-top:1.5rem;gap:1rem}.floating-icon{width:45px;height:45px;font-size:1.1rem}}@media(max-width:480px){.workout-lookup{padding:1rem}.lookup-container{padding:0 .75rem}.title-section h1{font-size:1.75rem;margin-bottom:.75rem;line-height:1.2}.title-section p{font-size:.95rem;line-height:1.5;padding:0 .25rem}.workout-lookup-page .form-section{padding:2rem 1.25rem;border-radius:15px;margin:0}.form-group label{font-size:.9rem;margin-bottom:.5rem}.cpf-input{font-size:1rem;padding:.9rem}.submit-button{padding:.9rem;font-size:.95rem}.back-button{padding:.4rem .8rem;font-size:.75rem}.motivation-text{font-size:.8rem;margin-top:1.5rem}.animation-container{margin-top:1rem;gap:.75rem}.floating-icon{width:40px;height:40px;font-size:1rem}}.animation-container{margin-top:3rem;display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;width:100%;perspective:1000px}.floating-icon{width:64px;height:64px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;animation:floatEnhanced 4s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00000026;position:relative;will-change:transform}.floating-icon:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,var(--color-primary-400, #42a5f5),var(--color-secondary-500, #e91e63));border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(10px)}.floating-icon svg{width:40px;height:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.floating-icon:nth-child(1){animation-delay:0s}.floating-icon:nth-child(2){animation-delay:1.3s}.floating-icon:nth-child(3){animation-delay:2.6s}.floating-icon:hover{transform:scale(1.2) translateY(-15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);box-shadow:0 15px 40px #0133694d;animation-play-state:paused}.floating-icon:hover:before{opacity:1}@keyframes floatEnhanced{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-15px) translate(5px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(10px) translate(5px)}}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconGlow{0%,to{box-shadow:0 8px 20px #00000026}50%{box-shadow:0 8px 30px #01336966,0 0 20px #0133694d}}.particles{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;overflow:visible!important;pointer-events:none;z-index:1!important}.particle{position:absolute!important;background:radial-gradient(circle,#fffc,#fff6)!important;border-radius:50%;animation:particle-float-enhanced 15s linear infinite;box-shadow:0 0 15px #fff9,0 0 25px #ffffff4d!important;opacity:1!important;visibility:visible!important;display:block!important;will-change:bottom,transform,opacity}.particle:nth-child(1){width:10px;height:10px;left:10%;bottom:0%;animation-delay:0s;animation-duration:18s}.particle:nth-child(2){width:7px;height:7px;left:25%;bottom:20%;animation-delay:3s;animation-duration:22s}.particle:nth-child(3){width:12px;height:12px;left:40%;bottom:40%;animation-delay:6s;animation-duration:20s}.particle:nth-child(4){width:8px;height:8px;left:55%;bottom:60%;animation-delay:9s;animation-duration:25s}.particle:nth-child(5){width:11px;height:11px;left:70%;bottom:10%;animation-delay:12s;animation-duration:19s}.particle:nth-child(6){width:9px;height:9px;left:85%;bottom:30%;animation-delay:15s;animation-duration:23s}.particle:nth-child(7){width:7px;height:7px;left:15%;bottom:50%;animation-delay:4s;animation-duration:21s}.particle:nth-child(8){width:9px;height:9px;left:60%;bottom:15%;animation-delay:7s;animation-duration:24s}.particle:nth-child(9){width:8px;height:8px;left:90%;bottom:70%;animation-delay:10s;animation-duration:17s}.particle:nth-child(10){width:7px;height:7px;left:5%;bottom:35%;animation-delay:2s;animation-duration:26s}.particle:nth-child(11){width:8px;height:8px;left:35%;bottom:5%;animation-delay:5s;animation-duration:21s}.particle:nth-child(12){width:6px;height:6px;left:50%;bottom:55%;animation-delay:8s;animation-duration:19s}.particle:nth-child(13){width:9px;height:9px;left:75%;bottom:25%;animation-delay:11s;animation-duration:23s}.particle:nth-child(14){width:7px;height:7px;left:20%;bottom:65%;animation-delay:14s;animation-duration:20s}.particle:nth-child(15){width:8px;height:8px;left:95%;bottom:45%;animation-delay:16s;animation-duration:22s}.particle:nth-child(16){width:7px;height:7px;left:12%;bottom:75%;animation-delay:1s;animation-duration:24s}.particle:nth-child(17){width:6px;height:6px;left:48%;bottom:85%;animation-delay:6s;animation-duration:27s}.particle:nth-child(18){width:8px;height:8px;left:78%;bottom:78%;animation-delay:13s;animation-duration:21s}.particle:nth-child(19){width:7px;height:7px;left:33%;bottom:90%;animation-delay:9s;animation-duration:25s}@keyframes particle-float-enhanced{0%{bottom:0;opacity:0;transform:translate(0) scale(.5)}10%{opacity:1;transform:translate(10px) scale(1)}50%{bottom:50%;opacity:1;transform:translate(-10px) scale(1)}90%{opacity:1;transform:translate(5px) scale(1)}to{bottom:100%;opacity:0;transform:translate(0) scale(.5)}}@keyframes particle-glow{0%,to{box-shadow:0 0 15px #fffc,0 0 25px #fff6}50%{box-shadow:0 0 25px #fff,0 0 40px #fff9,0 0 50px #01336980}}.motivation-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);opacity:1}}[data-theme=light] .workout-lookup{background:linear-gradient(135deg,#e6f0ff,#f0f7ff,#def)}[data-theme=light] .workout-lookup:before{background:radial-gradient(circle at 20% 20%,rgba(0,102,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,102,255,.1) 0%,transparent 50%)}[data-theme=light] .title-section h1{color:var(--color-primary-600);text-shadow:0 2px 4px rgba(0,0,0,.1)}[data-theme=light] .title-section p{color:var(--color-text-secondary-light)}[data-theme=light] .workout-lookup-page .form-section{background:#fffffffa;box-shadow:0 25px 50px #0066ff26;border:1px solid rgba(0,102,255,.1)}[data-theme=light] .workout-lookup-page .form-section:hover{box-shadow:0 30px 60px #06f3}[data-theme=light] .floating-icon{background:#0066ff1a;border:1px solid rgba(0,102,255,.2)}[data-theme=light] .floating-icon:hover{background:#06f3}[data-theme=light] .particle{background:radial-gradient(circle,#013369e6,#06f9)!important;box-shadow:0 0 20px #013369cc,0 0 30px #0066ff80!important}[data-theme=light] .back-button{background:#0066ff1a;border:1px solid rgba(0,102,255,.2);color:var(--color-primary-600)}[data-theme=light] .back-button:hover{background:#06f3}[data-theme=light] .submit-button{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff!important}[data-theme=light] .submit-button span{color:#fff!important}[data-theme=dark] .workout-lookup-page .form-section{background:linear-gradient(135deg,#142846f2,#0f1f3afa)!important;border:2px solid rgba(59,130,246,.3)!important;box-shadow:0 25px 50px #0006,0 0 40px #3b82f626!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-image:none;background-origin:border-box;background-clip:padding-box}[data-theme=dark] .workout-lookup-page .form-section:before{background:linear-gradient(135deg,#3b82f64d,#60a5fa33);opacity:0}[data-theme=dark] .workout-lookup-page .form-section:hover{box-shadow:0 35px 70px #00000080,0 0 60px #3b82f640!important;border-color:#3b82f680!important}[data-theme=dark] .form-group label{color:#f1f5f9!important;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .cpf-input{background:#1e3a6099!important;border:1px solid rgba(59,130,246,.3)!important;color:#f1f5f9!important}[data-theme=dark] .cpf-input:focus{background:#1e3a60cc!important;border-color:#3b82f699!important;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f633!important}[data-theme=dark] .cpf-input::placeholder{color:#cbd5e180!important}[data-theme=dark] .submit-button{background:linear-gradient(135deg,#3b82f6e6,#2563ebf2)!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 4px 15px #3b82f64d,inset 0 1px #ffffff1a!important}[data-theme=dark] .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 6px 20px #3b82f680,inset 0 1px #fff3!important}[data-theme=dark] .error-message{background:#dc262626!important;border:1px solid rgba(220,38,38,.3)!important;color:#fca5a5!important}@media(max-width:768px){.animation-container{margin-top:2rem;gap:1rem}.floating-icon{width:50px;height:50px;font-size:1.2rem}}.member-info{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1 1 0%;min-width:0;position:relative;height:100%;justify-content:flex-start}.continue-bar-btn{width:100%;max-width:100%;box-sizing:border-box;padding:14px 0;background:var(--color-warning-500, #facc15);color:#1e293b;border:none;border-radius:var(--spacing-2);font-size:var(--spacing-4);font-weight:var(--font-weight-semibold);text-align:center;margin:var(--spacing-4) 0 0 0;box-shadow:0 2px 8px #facc1514;cursor:pointer;transition:background .2s,box-shadow .2s;align-self:stretch}.continue-bar-btn:hover{background:var(--color-warning-600, #eab308);box-shadow:0 4px 16px #facc151f}@media(max-width:768px){.continue-bar-btn{font-size:var(--font-size-base);padding:var(--spacing-3) 0;margin:var(--spacing-3) 0 0 0}}.incomplete-employees-section{background:var(--color-warning-50, #fef3c7);border:1px solid var(--color-warning-200, #fde68a);border-radius:var(--spacing-3);padding:1.5rem;margin-bottom:2rem}.incomplete-employees-section h3{color:var(--color-warning-700, #b45309);margin:0 0 .5rem;font-size:1.2rem;font-weight:var(--font-weight-semibold)}.incomplete-employees-section p{color:var(--color-warning-600, #d97706);margin:0 0 1rem;font-size:.9rem}.incomplete-card{display:flex;justify-content:space-between;align-items:center;background:var(--color-background-card-light);border:1px solid var(--color-warning-300, #fcd34d);border-radius:var(--spacing-2);padding:1rem;transition:all var(--transition-fast) ease}.incomplete-info strong{color:var(--color-text-primary);font-size:1rem}.incomplete-info span{color:var(--color-text-primary);opacity:.7;font-size:.9rem}.incomplete-info small{color:var(--color-text-primary);opacity:.5;font-size:.8rem}.members-section{padding:var(--spacing-6);background:#f8fafc;min-height:100vh}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);background:var(--color-background-card-light);padding:var(--spacing-5);border-radius:var(--spacing-3);box-shadow:var(--shadow-base)}.section-header h2{margin:0;color:#1e293b;font-size:var(--spacing-6);font-weight:var(--font-weight-semibold)}.filters-row{margin-bottom:var(--spacing-6)}.search-container{flex:1;max-width:400px}.search-input{width:100%;padding:var(--spacing-3) 16px;border:1px solid var(--color-border-light);border-radius:var(--spacing-2);font-size:var(--font-size-sm);background:var(--color-background-card-light)}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.members-grid{display:flex;flex-direction:column;gap:var(--spacing-6)}.member-card{background:var(--color-background-card-light);border-radius:var(--spacing-3);padding:var(--spacing-6);box-shadow:var(--shadow-base);display:flex;gap:var(--spacing-6);min-height:200px;align-items:flex-start;position:relative}.member-profile{display:flex;align-items:flex-start;gap:var(--spacing-4);width:250px;flex-shrink:0}.member-avatar{width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;position:relative;background:linear-gradient(135deg,var(--primary-100),var(--primary-200))}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);display:block}.avatar-placeholder{width:100%;height:100%;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--spacing-8);font-weight:var(--font-weight-semibold);position:absolute;top:0;left:0}.member-info h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.member-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);opacity:.7}.member-quick-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.quick-action-btn.inactivate-btn{border-color:var(--warning-300);color:#d97706}.quick-action-btn.inactivate-btn:hover{background:var(--warning-50);border-color:var(--warning-400);color:#b45309}:root[data-theme=dark] .quick-action-btn.inactivate-btn{border-color:var(--warning-400);color:#fbbf24}:root[data-theme=dark] .quick-action-btn.inactivate-btn:hover{background:var(--warning-200);border-color:var(--warning-300);color:#fde68a}.payment-overdue{color:#dc2626!important;font-weight:var(--font-weight-medium)}.payment-current{color:#059669!important}.member-actions{display:flex;gap:var(--spacing-6);flex:1;align-items:stretch}.action-section{flex:1;min-width:0;border:1px solid var(--color-border-light);border-radius:var(--spacing-2);padding:var(--spacing-4);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.action-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.action-icon{font-size:var(--spacing-4);display:flex;align-items:center;justify-content:center;color:#2563eb}.action-icon svg{transition:all var(--transition-fast);width:20px!important;height:20px!important;flex-shrink:0;display:block}.action-icon svg path,.action-icon svg circle,.action-icon svg rect{stroke:currentColor}.action-icon svg path[fill]:not([fill=none]),.action-icon svg circle[fill]:not([fill=none]),.action-icon svg rect[fill]:not([fill=none]){fill:currentColor;stroke:none}:root[data-theme=dark] .action-icon{color:#7a9cc8}.action-header span:last-child{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.status-text{font-size:var(--spacing-3);color:var(--color-text-primary);opacity:.7;margin:0 0 16px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.status-text.overdue{color:var(--color-error);font-weight:var(--font-weight-medium);opacity:1}.status-text.current{color:var(--color-text-primary);opacity:.7}.status-text.payment-overdue{color:var(--color-error)!important;font-weight:var(--font-weight-medium)!important;opacity:1!important;background:#ef44441a!important;padding:8px 12px!important;border-radius:var(--radius-base)!important;border-left:3px solid var(--color-error)!important}.status-text.payment-current{color:#10b981!important;font-weight:var(--font-weight-medium)!important;opacity:1!important;background:#10b9811a!important;padding:8px 12px!important;border-radius:var(--radius-base)!important;border-left:3px solid #10b981!important}.workout-buttons-group{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.workout-buttons-group .action-button{flex:1;min-width:180px}.action-button{width:100%;min-height:42px;padding:10px 16px;background:#1e40af;color:#fff;border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.4}.action-button.secondary{background:#64748b}.action-button.secondary:hover{background:#475569}.continue-btn{background:#1e40af!important;color:#fff!important;margin-top:.5rem;width:auto;box-shadow:none}.continue-btn:hover{background:#1e3a8a!important}.action-button:hover{background:#1e3a8a;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.primary-button{background:#1e40af;color:#fff;border:none;padding:var(--spacing-3) 24px;border-radius:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.primary-button:hover{background:#1e3a8a}.loading-state,.error-state{background:var(--color-background-card-light);border-radius:var(--spacing-3);padding:var(--spacing-10);text-align:center;box-shadow:var(--shadow-base)}.loading-state p,.error-state p{margin:0 0 16px;color:var(--color-text-primary);opacity:.7;font-size:var(--spacing-4)}.error-state{border-left:var(--spacing-1) solid var(--color-error)}.error-state p{color:var(--color-error);opacity:1}.empty-members-state{background:var(--color-background-card-light);border-radius:var(--spacing-3);padding:60px 40px;text-align:center;box-shadow:var(--shadow-base)}.empty-members-state h3{margin:0 0 16px;color:var(--color-text-primary);font-size:var(--spacing-5);font-weight:var(--font-weight-semibold)}.empty-members-state p{margin:0;color:var(--color-text-primary);opacity:.7;font-size:var(--spacing-4);line-height:1.5}@media(max-width:1200px){.members-section{padding:var(--spacing-5)}.section-header{padding:var(--spacing-4)}.section-header h2{font-size:var(--spacing-5)}.member-card{flex-direction:column;padding:var(--spacing-5)}.member-profile{width:100%;flex-direction:row}.member-actions{flex-direction:column;gap:var(--spacing-3);width:100%}.action-section{min-height:auto}.workout-buttons-group .action-button{min-width:140px}}@media(max-width:992px){.members-section{padding:var(--spacing-4)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4)}.section-header h2{font-size:1.5rem}.filters-row{flex-direction:column;gap:var(--spacing-3)}.search-container{max-width:none;width:100%}.member-card{padding:var(--spacing-4);gap:var(--spacing-4)}.member-avatar{width:64px;height:64px}.avatar-placeholder{font-size:1.75rem}.member-info h3{font-size:1.125rem}.member-info p{font-size:.875rem}.action-header{margin-bottom:var(--spacing-2)}.action-header span:last-child{font-size:.875rem}.status-text{font-size:.8125rem}.action-button{min-height:40px;padding:9px 14px;font-size:.875rem}}@media(max-width:768px){.members-section{padding:var(--spacing-3);background:var(--bg-primary)}.section-header{padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.section-header h2{font-size:1.25rem}.primary-button{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:.875rem}.filters-row{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.search-container{max-width:none;width:100%}.search-input{padding:var(--spacing-2) 14px;font-size:.875rem}.members-grid{gap:var(--spacing-4)}.member-card{padding:var(--spacing-3);gap:var(--spacing-3);min-height:auto}.member-profile{width:100%;flex-direction:row;align-items:center;gap:var(--spacing-3)}.member-avatar{width:56px;height:56px}.avatar-placeholder{font-size:1.5rem}.member-info h3{font-size:1rem;margin-bottom:.25rem}.member-info p{font-size:.8125rem}.member-quick-actions{gap:var(--spacing-1);margin-top:var(--spacing-1)}.quick-action-btn{width:36px;height:36px}.quick-action-btn svg{width:16px!important;height:16px!important}.member-actions{flex-direction:column;gap:var(--spacing-2);width:100%}.action-section{padding:var(--spacing-3);min-height:auto}.action-header{margin-bottom:var(--spacing-2);gap:var(--spacing-1)}.action-icon{font-size:1rem}.action-icon svg{width:18px!important;height:18px!important}.action-header span:last-child{font-size:.8125rem}.status-text{font-size:.75rem;margin-bottom:12px;line-height:1.3}.status-text.payment-overdue,.status-text.payment-current{padding:6px 10px!important}.workout-buttons-group{flex-direction:column;gap:var(--spacing-1)}.workout-buttons-group .action-button{min-width:100%;width:100%}.action-button{width:100%;min-height:38px;padding:8px 12px;font-size:.8125rem;white-space:normal;line-height:1.3}.continue-btn{margin-top:.375rem}.loading-state,.error-state{padding:var(--spacing-6)}.loading-state p,.error-state p{font-size:.875rem}.empty-members-state{padding:40px 20px}.empty-members-state h3{font-size:1.125rem;margin-bottom:12px}.empty-members-state p{font-size:.875rem}.incomplete-employees-section{padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.incomplete-employees-section h3{font-size:1rem;margin-bottom:.375rem}.incomplete-employees-section p{font-size:.8125rem;margin-bottom:.75rem}.incomplete-list{gap:.75rem}.incomplete-card{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem}.incomplete-info strong{font-size:.9375rem}.incomplete-info span{font-size:.8125rem}.incomplete-info small{font-size:.75rem}.continue-bar-btn{width:100%;padding:12px 0;font-size:.875rem}}@media(max-width:480px){.members-section{padding:.75rem}.section-header{padding:.875rem;margin-bottom:1rem;border-radius:8px}.section-header h2{font-size:1.125rem}.primary-button{padding:.625rem 1rem;font-size:.8125rem}.search-input{padding:.625rem 12px;font-size:.8125rem}.members-grid{gap:.875rem}.member-card{padding:.875rem;gap:.875rem;border-radius:8px}.member-profile{gap:.75rem}.member-avatar{width:48px;height:48px}.avatar-placeholder{font-size:1.25rem}.member-info h3{font-size:.9375rem}.member-info p{font-size:.75rem}.member-quick-actions{flex-wrap:wrap;gap:.375rem}.quick-action-btn{width:32px;height:32px}.quick-action-btn svg{width:14px!important;height:14px!important}.action-section{padding:.75rem;border-radius:6px}.action-header{margin-bottom:.5rem}.action-icon svg{width:16px!important;height:16px!important}.action-header span:last-child{font-size:.75rem}.status-text{font-size:.6875rem;margin-bottom:10px}.status-text.payment-overdue,.status-text.payment-current{padding:5px 8px!important;font-size:.6875rem!important}.action-button{min-height:36px;padding:7px 10px;font-size:.75rem;border-radius:6px}.continue-btn{margin-top:.25rem;padding:10px 0}.loading-state,.error-state{padding:2rem 1rem}.loading-state p,.error-state p{font-size:.8125rem}.empty-members-state{padding:30px 15px}.empty-members-state h3{font-size:1rem}.empty-members-state p{font-size:.8125rem}.incomplete-employees-section{padding:.875rem;margin-bottom:1rem;border-radius:8px}.incomplete-employees-section h3{font-size:.9375rem}.incomplete-employees-section p{font-size:.75rem}.incomplete-card{padding:.75rem}.incomplete-info strong{font-size:.875rem}.incomplete-info span,.incomplete-info small{font-size:.6875rem}.continue-bar-btn{padding:10px 0;font-size:.8125rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6) 0;margin-top:var(--spacing-4)}.workout-section{padding:var(--spacing-6);background:var(--color-gray-50);min-height:100vh}[data-theme=dark] .workout-section{background:var(--bg-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);background:var(--bg-elevated);padding:var(--spacing-5);border-radius:var(--spacing-3);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--spacing-4)}.back-button{background:var(--color-gray-200);border:1px solid var(--border-light);padding:var(--spacing-2) 16px;border-radius:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-600);transition:all var(--transition-fast)}.back-button:hover{background:var(--color-gray-300);border-color:var(--primary-500)}[data-theme=dark] .back-button{background:var(--color-gray-700);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .back-button:hover{background:var(--color-gray-600)}.week-navigation{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-5);overflow-x:auto;padding-bottom:var(--spacing-2)}.day-button{padding:6px 12px;border:2px solid var(--border-light);background:var(--bg-elevated);border-radius:var(--spacing-2);cursor:pointer;font-weight:var(--font-weight-medium);white-space:nowrap;transition:all var(--transition-fast) ease;min-width:100px;color:var(--color-text-primary-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.day-button:hover{border-color:var(--primary-500);background:var(--color-gray-100)}.day-button.active:not(.today){background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.day-button.today:not(.active){position:relative;border-color:#3b82f6;border-width:2px;background:linear-gradient(135deg,#3b82f614,#3b82f605)}.day-button.today.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.day-name{font-size:14px}.today-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;background:#3b82f626;border-radius:4px;color:#3b82f6}.day-button.today.active .today-label{background:#ffffff40;color:#fff}.today-indicator{display:inline-block;width:6px;height:6px;background:#3b82f6;border-radius:50%;margin-right:6px;animation:pulse-today 2s ease-in-out infinite}.day-button.today.active .today-indicator{background:#fff}@keyframes pulse-today{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}[data-theme=dark] .day-button{background:var(--color-background-card-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .day-button.today{border-color:var(--primary-500);background:linear-gradient(135deg,#60a5fa1f,#60a5fa08)}[data-theme=dark] .day-button:hover{background:var(--color-background-hover-dark)}.day-info-search{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5);gap:var(--spacing-5)}.current-day-info{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4);background:var(--bg-elevated);border-radius:var(--spacing-2);border-left:var(--spacing-1) solid var(--primary-500);flex:1}[data-theme=dark] .current-day-info{background:var(--color-background-card-dark)}.current-day-info h3{margin:0;color:var(--color-text-primary-light);font-size:var(--font-size-lg)}[data-theme=dark] .current-day-info h3{color:var(--color-text-primary-dark)}.exercises-count{color:var(--color-text-secondary-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}[data-theme=dark] .exercises-count{color:var(--color-text-secondary-dark)}.search-container{flex-shrink:0}.workout-section .search-input{width:300px;padding:var(--spacing-3) 16px;border:1px solid var(--border-light)!important;border-radius:var(--spacing-2);font-size:var(--font-size-sm);background:var(--bg-elevated)!important;color:var(--color-text-primary-light)!important;transition:all var(--transition-fast)}.workout-section .search-input:focus{outline:none;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #3b82f61a}.workout-section .search-input::placeholder{color:var(--color-text-muted-light)!important}[data-theme=dark] .workout-section .search-input{background:var(--color-background-hover-dark)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .workout-section .search-input::placeholder{color:var(--color-text-muted-dark)!important}.exercises-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.workout-section .exercise-card{background:var(--bg-elevated)!important;border:1px solid var(--border-light)!important;border-radius:var(--spacing-3);padding:var(--spacing-5);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}[data-theme=dark] .workout-section .exercise-card{background:#1e293b!important;border-color:#334155!important}.exercise-card:hover{box-shadow:var(--shadow-md)}.exercise-header{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.exercise-title-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.exercise-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background:var(--primary-500);color:#fff;border-radius:8px;font-size:14px;font-weight:700;flex-shrink:0}[data-theme=dark] .exercise-number{background:var(--primary-600)}.exercise-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light);margin:0;flex:1;min-width:150px}[data-theme=dark] .exercise-name{color:var(--color-text-primary-dark)}.workout-section .exercise-metrics{display:flex;align-items:center;gap:var(--spacing-3);padding:12px 16px;background:var(--bg-secondary)!important;border-radius:12px;border:1px solid var(--border-light)!important}[data-theme=dark] .workout-section .exercise-metrics{background:#0f172a!important;border-color:#334155!important}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.workout-section .metric-input{width:70px;padding:6px 10px;border:2px solid var(--border-medium);border-radius:8px;background:var(--bg-primary)!important;color:var(--text-primary)!important;font-size:16px;font-weight:600;text-align:center;transition:all var(--transition-fast)}.workout-section .metric-input:focus{outline:none;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #3b82f61a}.workout-section .metric-input:hover{border-color:var(--primary-400)!important}[data-theme=dark] .workout-section .metric-input{background:#0f172a!important;color:#f8fafc!important;border-color:#475569!important}[data-theme=dark] .workout-section .metric-input:focus{border-color:#5b7fb0!important}[data-theme=dark] .workout-section .metric-input:hover{border-color:#5b7fb0!important}.metric-divider{font-size:20px;font-weight:700;color:var(--text-tertiary);margin:0 4px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde047);color:#854d0e;border:1.5px solid #fbbf24}.status-badge.approved{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#065f46;border:1.5px solid #10b981}.status-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fca5a5);color:#991b1b;border:1.5px solid #ef4444}[data-theme=dark] .status-badge.pending{background:linear-gradient(135deg,#78350f,#a16207);color:#fef3c7;border-color:#d97706}[data-theme=dark] .status-badge.approved{background:linear-gradient(135deg,#064e3b,#047857);color:#d1fae5;border-color:#059669}[data-theme=dark] .status-badge.rejected{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fee2e2;border-color:#dc2626}.status-badge-icon{font-size:12px}.series-info{display:flex;align-items:center;gap:var(--spacing-2)}.workout-section .series-label{font-size:var(--font-size-sm);color:var(--color-text-secondary-light)!important;font-weight:var(--font-weight-medium)}[data-theme=dark] .workout-section .series-label{color:var(--color-text-secondary-dark)!important}.workout-section .series-counter{display:flex;align-items:center;gap:var(--spacing-1);background:var(--gray-200)!important;padding:var(--spacing-2) 12px;border-radius:var(--spacing-2);border:1px solid var(--border-light)!important}[data-theme=dark] .workout-section .series-counter{background:var(--gray-200)!important;border-color:var(--border-medium)!important}.workout-section .series-counter span{color:var(--color-text-secondary-light)!important}[data-theme=dark] .workout-section .series-counter span{color:var(--color-text-secondary-dark)!important}.workout-section .series-counter .series-input{width:var(--spacing-10);border:none!important;background:transparent!important;text-align:center;font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light)!important;padding:0!important}[data-theme=dark] .workout-section .series-counter .series-input{color:var(--color-text-primary-dark)!important;background:transparent!important}.workout-section .series-counter .series-input:focus{outline:none;box-shadow:none!important}.exercise-details{margin-bottom:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.exercise-notes{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:10px 14px;background:#3b82f60d;border-left:3px solid var(--primary-500);border-radius:8px;font-size:14px;color:var(--text-primary);line-height:1.5}[data-theme=dark] .exercise-notes{background:#3b82f61a;border-left-color:var(--primary-400)}.notes-icon{font-size:16px;flex-shrink:0;margin-top:2px}.notes-text{flex:1;word-break:break-word}.approval-info{display:flex;align-items:center;gap:var(--spacing-2);padding:8px 12px;background:#10b9810d;border-left:3px solid #10b981;border-radius:8px;font-size:13px;color:#065f46}[data-theme=dark] .approval-info{background:#10b9811a;color:#d1fae5}.approval-icon{font-size:14px;font-weight:700;color:#10b981}.approval-text{font-weight:500}.rejection-info{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:10px 14px;background:#ef44440d;border-left:3px solid #ef4444;border-radius:8px;font-size:13px;color:#991b1b;line-height:1.5}[data-theme=dark] .rejection-info{background:#ef44441a;color:#fee2e2}.rejection-icon{font-size:14px;font-weight:700;color:#ef4444;flex-shrink:0;margin-top:2px}.rejection-text{font-weight:500;flex:1;word-break:break-word}.exercise-inputs{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.input-group label{font-size:var(--spacing-3);color:var(--color-text-secondary-light);font-weight:var(--font-weight-medium)}[data-theme=dark] .input-group label{color:var(--color-text-secondary-dark)}.workout-section .weight-input{width:80px;padding:var(--spacing-2) 12px;border:1px solid var(--border-light)!important;border-radius:.5rem;font-size:var(--font-size-sm);background:var(--bg-elevated)!important;color:var(--color-text-primary-light)!important;transition:all var(--transition-fast)}.notes-group{flex:1;min-width:200px}.workout-section .notes-input{padding:var(--spacing-2) 12px;border:1px solid var(--border-light)!important;border-radius:.5rem;font-size:var(--font-size-sm);width:100%;background:var(--bg-elevated)!important;color:var(--color-text-primary-light)!important;transition:all var(--transition-fast)}.workout-section .weight-input::placeholder,.workout-section .notes-input::placeholder{color:var(--color-text-muted-light)!important}.workout-section .weight-input:focus,.workout-section .notes-input:focus{outline:none;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .workout-section .weight-input,[data-theme=dark] .workout-section .notes-input{background:var(--color-background-hover-dark)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .workout-section .weight-input::placeholder,[data-theme=dark] .workout-section .notes-input::placeholder{color:var(--color-text-muted-dark)!important}.exercise-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-3);border-top:1px solid var(--border-color)}.workout-section .approve-btn{flex:1;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #10b98133;display:flex;align-items:center;justify-content:center;gap:6px}.workout-section .approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.workout-section .approve-btn.approved{background:linear-gradient(135deg,#047857,#065f46)!important;cursor:default;opacity:.9;box-shadow:none}.workout-section .approve-btn:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.workout-section .remove-btn{flex:1;background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #ef444433;display:flex;align-items:center;justify-content:center;gap:6px}.workout-section .remove-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.workout-section .remove-btn:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none;background:linear-gradient(135deg,#9ca3af,#6b7280)!important}.empty-state{text-align:center;padding:var(--spacing-10);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--spacing-3);box-shadow:var(--shadow-sm);margin:var(--spacing-6) 0}.empty-state-icon{font-size:64px;margin-bottom:var(--spacing-4);opacity:.5}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2);color:var(--text-primary)}.empty-state p{font-size:var(--font-size-base);color:var(--text-secondary)}.loading-state,.error-state{text-align:center;padding:var(--spacing-10);color:var(--color-text-secondary-light);background:var(--bg-elevated);border-radius:var(--spacing-3);box-shadow:var(--shadow-sm)}[data-theme=dark] .loading-state,[data-theme=dark] .error-state{color:var(--color-text-secondary-dark);background:var(--color-background-card-dark)}.workout-section .primary-button{background:var(--primary-500)!important;color:#fff!important;border:none;padding:10px 20px;border-radius:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.workout-section .primary-button:hover{background:var(--primary-600)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.workout-section .secondary-button{background:var(--error-500)!important;color:#fff!important;border:none;padding:10px 20px;border-radius:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.workout-section .secondary-button:hover{background:var(--error-600)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:1200px){.workout-section{padding:var(--spacing-5)}.section-header{padding:var(--spacing-4)}.day-button{min-width:90px;padding:8px 12px}.exercise-card{padding:var(--spacing-4)}.metric-input{width:65px}}@media(max-width:992px){.workout-section{padding:var(--spacing-4)}.section-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch;padding:var(--spacing-3)}.header-left{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.header-actions{width:100%;flex-wrap:wrap}.header-actions button{flex:1;min-width:140px}.week-navigation{gap:8px}.day-button{min-width:85px;padding:8px 10px}.day-name{font-size:13px}.day-info-search{flex-direction:column;gap:var(--spacing-3)}.current-day-info{align-items:flex-start}.exercise-card{padding:var(--spacing-3)}.exercise-header,.exercise-title-row{gap:var(--spacing-2)}.exercise-metrics{flex-wrap:wrap;gap:var(--spacing-2)}.metric-item{gap:3px}.metric-input{width:60px;padding:5px 8px;font-size:15px}}@media(max-width:768px){.workout-section{padding:var(--spacing-3)}.section-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch;padding:var(--spacing-3)}.header-left{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.header-left h2{font-size:1.375rem}.back-button{width:100%;justify-content:center;padding:var(--spacing-2) var(--spacing-3)}.header-actions{width:100%;flex-direction:column;gap:var(--spacing-2)}.header-actions button{width:100%;justify-content:center}.week-navigation{gap:6px;padding-bottom:var(--spacing-1)}.day-button{padding:8px 12px;min-width:80px;font-size:.85rem}.day-name{font-size:12px}.today-label{font-size:9px;padding:1px 4px}.day-info-search{flex-direction:column;gap:var(--spacing-3)}.current-day-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.current-day-info h3{font-size:1.125rem}.search-input{width:100%;font-size:.9rem}.exercises-list{gap:var(--spacing-3)}.exercise-card{padding:var(--spacing-3)}.exercise-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.exercise-title-row{width:100%}.exercise-number{min-width:28px;height:28px;font-size:13px}.exercise-name{font-size:1rem}.exercise-metrics{flex-wrap:wrap;padding:10px 12px;gap:var(--spacing-2)}.metric-item{gap:3px}.metric-label{font-size:10px}.metric-input{width:55px;padding:5px 8px;font-size:14px}.metric-divider{font-size:18px}.exercise-inputs{flex-direction:column;gap:var(--spacing-2)}.exercise-inputs input,.exercise-inputs select{width:100%}.exercise-actions{justify-content:stretch;flex-direction:column;gap:var(--spacing-2)}.approve-btn,.remove-btn{width:100%;justify-content:center}.empty-state{padding:var(--spacing-5) var(--spacing-3)}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:.875rem}}@media(max-width:480px){.workout-section{padding:var(--spacing-2)}.section-header{padding:var(--spacing-2);gap:var(--spacing-2)}.header-left h2{font-size:1.25rem}.back-button,.header-actions button{padding:var(--spacing-2);font-size:.85rem}.week-navigation{gap:4px}.day-button{padding:6px 8px;min-width:70px;font-size:.8rem}.day-name{font-size:11px}.today-label{font-size:8px;padding:0 3px}.current-day-info h3{font-size:1rem}.search-input{padding:var(--spacing-2);font-size:.875rem}.exercises-list{gap:var(--spacing-2)}.exercise-card{padding:var(--spacing-2)}.exercise-number{min-width:24px;height:24px;font-size:12px}.exercise-name{font-size:.9rem}.exercise-metrics{padding:8px 10px;gap:var(--spacing-1)}.metric-label{font-size:9px}.metric-input{width:50px;padding:4px 6px;font-size:13px}.metric-divider{font-size:16px;margin:0 2px}.exercise-inputs,.exercise-actions{gap:var(--spacing-1)}.approve-btn,.remove-btn{padding:var(--spacing-2);font-size:.8rem}.empty-state{padding:var(--spacing-4) var(--spacing-2)}.empty-state svg{width:48px;height:48px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.8rem}.empty-state button{padding:var(--spacing-2);font-size:.85rem}}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.exercise-card-compact{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:12px;padding:1.25rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.exercise-card-compact:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border-light);transition:background .3s ease}.exercise-card-compact.pending:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.exercise-card-compact.approved:before{background:linear-gradient(180deg,#10b981,#059669)}.exercise-card-compact.rejected:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.exercise-card-compact:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary-300)}[data-theme=dark] .exercise-card-compact{background:var(--color-background-card-dark);border-color:var(--color-border-dark)}.exercise-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.exercise-sequence{background:var(--primary-100);color:var(--primary-700);padding:.375rem .75rem;border-radius:6px;font-weight:700;font-size:.875rem}[data-theme=dark] .exercise-sequence{background:var(--primary-900);color:var(--primary-300)}.status-badge-mini{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.status-badge-mini.pending{background:#fef3c7;color:#92400e}.status-badge-mini.approved{background:#d1fae5;color:#065f46}.status-badge-mini.rejected{background:#fee2e2;color:#991b1b}[data-theme=dark] .status-badge-mini.pending{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .status-badge-mini.approved{background:#10b98133;color:#34d399}[data-theme=dark] .status-badge-mini.rejected{background:#ef444433;color:#f87171}.exercise-name-compact{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.exercise-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.metric-card:hover{border-color:var(--primary-400);background:var(--primary-50)}[data-theme=dark] .metric-card{background:var(--color-gray-800);border-color:var(--color-border-dark)}[data-theme=dark] .metric-card:hover{background:var(--color-gray-700)}.metric-label-mini{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.metric-input-mini{width:100%;padding:.5rem;border:1px solid var(--border-light);border-radius:6px;font-size:1rem;font-weight:700;color:var(--text-primary);background:transparent;text-align:center;transition:all .2s ease}.metric-input-mini:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .metric-input-mini{border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.exercise-notes-compact{background:var(--warning-50);border-left:3px solid var(--warning-500);padding:.75rem;border-radius:6px;display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--warning-800)}.notes-icon-mini{font-size:1rem;flex-shrink:0}.notes-text-mini{line-height:1.5}[data-theme=dark] .exercise-notes-compact{background:#fbbf241a;color:var(--warning-300)}.approval-info-compact,.rejection-info-compact{padding:.625rem;border-radius:6px;font-size:.8125rem;font-weight:500;text-align:center}.approval-info-compact{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.rejection-info-compact{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}[data-theme=dark] .approval-info-compact{background:#10b98126;color:var(--success-300);border-color:#10b9814d}[data-theme=dark] .rejection-info-compact{background:#ef444426;color:var(--error-300);border-color:#ef44444d}.exercise-actions-compact{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto}.btn-approve-compact,.btn-reject-compact{padding:.75rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.375rem}.btn-approve-compact{background:var(--success-500);color:#fff}.btn-approve-compact:hover:not(:disabled){background:var(--success-600);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-approve-compact.approved{background:var(--success-600);cursor:default;opacity:.8}.btn-approve-compact:disabled{opacity:.6;cursor:not-allowed}.btn-reject-compact{background:transparent;color:var(--error-600);border:2px solid var(--error-300)}.btn-reject-compact:hover:not(:disabled){background:var(--error-500);color:#fff;border-color:var(--error-500);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-reject-compact:disabled{opacity:.5;cursor:not-allowed;background:var(--error-100);color:var(--error-600)}@media(max-width:1400px){.exercises-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media(max-width:992px){.exercises-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){.exercises-grid{grid-template-columns:1fr;gap:1rem}.exercise-metrics-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.metric-card{padding:.625rem}.exercise-actions-compact{grid-template-columns:1fr}}.confirmation-overlay{z-index:1100}.confirmation-modal{max-width:500px;max-height:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;text-align:center}.confirmation-icon{width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl)}.confirmation-icon.warning{background:var(--color-warning-100);color:var(--warning-600)}.confirmation-icon.danger{background:var(--error-100);color:var(--error-600)}.confirmation-icon.info{background:var(--primary-100);color:var(--primary-600)}.confirmation-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.confirmation-body{padding:0 2rem 1rem}.confirmation-body p{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;line-height:1.5;text-align:center;opacity:.9}.justification-container{margin-top:1.5rem;text-align:left}.justification-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:600}.required-indicator{color:var(--error-500);margin-left:4px}.justification-textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s ease}.justification-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.justification-textarea.error{border-color:var(--error-500)}.justification-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{display:block;margin-top:.5rem;color:var(--error-500);font-size:.85rem;font-weight:500}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.confirmation-footer{display:flex;gap:.75rem;padding:1.5rem 2rem;justify-content:center;border-top:none;background:transparent}.btn-confirm.warning{background:var(--warning-500)!important;border-color:var(--warning-500)}.btn-confirm.warning:hover:not(:disabled){background:var(--warning-600)!important;border-color:var(--warning-600)}.btn-confirm.danger{background:var(--error-500)!important;border-color:var(--error-500)}.btn-confirm.danger:hover:not(:disabled){background:var(--error-600)!important;border-color:var(--error-600)}.btn-confirm.info{background:var(--primary-500)!important;border-color:var(--primary-500)}.btn-confirm.info:hover:not(:disabled){background:var(--primary-600)!important;border-color:var(--primary-600)}@media(max-width:480px){.confirmation-modal{width:95%;margin:1rem}.confirmation-footer{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.details-modal .modal-content{padding-bottom:0!important}.billing-section{padding:var(--spacing-6);background:var(--color-gray-50);min-height:100vh}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);background:var(--bg-elevated);padding:var(--spacing-5);border-radius:var(--spacing-3);box-shadow:var(--shadow-base);gap:var(--spacing-4)}.back-button{background:var(--color-gray-200)!important;border:none!important;padding:var(--spacing-2) 16px!important;border-radius:var(--spacing-2)!important;cursor:pointer!important;font-size:var(--font-size-sm)!important;color:var(--color-gray-600)!important;transition:all var(--transition-fast)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important}.back-button:hover{background:var(--color-gray-300)!important}.section-header h2{margin:0;color:var(--color-text-primary-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.filters-row{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--spacing-6);background:var(--bg-elevated);padding:var(--spacing-4) 20px;border-radius:var(--spacing-3);box-shadow:var(--shadow-base)}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--color-text-muted);pointer-events:none}.search-input{width:300px;padding:var(--spacing-3) 16px var(--spacing-3) 40px;border:1px solid var(--border-light);border-radius:var(--spacing-2);font-size:var(--font-size-sm);background:var(--bg-elevated)}.search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.billing-overview{display:grid;grid-template-columns:2fr 1.5fr;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.customer-info-card,.signature-info-card{background:var(--bg-elevated);border-radius:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);box-shadow:var(--shadow-base)}.customer-info-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--spacing-2);position:relative}.customer-avatar-img{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-primary-500);flex-shrink:0}.customer-avatar-fallback{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-avatar-fallback.hidden{display:none}.customer-details{display:flex;flex-direction:column;gap:2px;min-width:0}.customer-details h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.customer-cpf{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);line-height:1.3}.customer-cpf .label-inline{color:var(--color-text-muted);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs)}.customer-contact{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}.payment-status-alert{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);width:fit-content;grid-column:3;grid-row:1 / -1;align-self:center;white-space:nowrap}.payment-status-alert.overdue{background:var(--color-error-50);color:var(--color-error-700);border:1px solid var(--color-error-200)}.payment-status-alert.ok{background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200)}.signature-info-card h4{margin:0 0 10px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-primary-light);text-transform:uppercase;letter-spacing:.5px}.signature-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.detail-card{background:linear-gradient(135deg,#3b82f614,#3b82f61f);border:1px solid rgba(59,130,246,.2);border-radius:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);display:flex;flex-direction:column;gap:4px;text-align:center;transition:all var(--transition-fast) ease;box-shadow:0 1px 3px #0000000d}.detail-card:hover{border-color:var(--color-primary-500);background:linear-gradient(135deg,#3b82f61f,#3b82f62e);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f626}.detail-card .label{font-size:10px;color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.detail-card .value{font-size:var(--font-size-sm);color:var(--color-text-primary-light);font-weight:var(--font-weight-bold);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item .label{font-size:10px;color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.detail-item .value{font-size:var(--font-size-xs);color:var(--color-text-primary-light);font-weight:var(--font-weight-bold);line-height:1.4}.billing-history{background:var(--bg-elevated);border-radius:var(--spacing-3);padding:var(--spacing-6);box-shadow:var(--shadow-base)}.billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5)}.billing-history h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light)}.billing-table{overflow-x:auto}.billing-table table{width:100%;border-collapse:collapse}.billing-table th{background:var(--color-gray-50);padding:var(--spacing-3) 16px;text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-600);border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm)}.billing-table td{padding:var(--spacing-3) 16px;border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-sm);color:var(--color-text-primary-light);word-wrap:break-word;max-width:150px}.billing-table tr:hover{background:var(--color-gray-50)}.status-badge{padding:var(--spacing-1) 12px;border-radius:var(--spacing-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-badge.paid{background:var(--color-success-50);color:var(--color-success-700)}.status-badge.pending{background:var(--color-warning-50);color:var(--color-warning-700)}.status-badge.overdue{background:var(--color-error-50);color:var(--color-error-700)}.status-badge.active{background:var(--color-success-50);color:var(--color-success-700)}.action-buttons{display:flex;gap:var(--spacing-3);flex-wrap:nowrap;min-width:300px;justify-content:flex-end}.action-btn{padding:10px 16px;border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn.paid{background:var(--color-success-500);color:#fff}.action-btn.paid:hover{background:var(--color-success-600);box-shadow:0 4px 12px #10b9814d}.action-btn.view{background:var(--color-primary-500);color:#fff!important}.action-btn.view:hover{background:var(--color-primary-600);box-shadow:0 4px 12px #667eea4d}.action-btn.view:hover{background:var(--color-primary-600);color:#fff!important}.payment-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-dropdown)0}.payment-modal{background:var(--bg-elevated);border-radius:var(--spacing-3);width:90%;max-width:650px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light)}.close-btn{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-secondary);padding:0;width:var(--spacing-8);height:var(--spacing-8);display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--color-text-primary-light)}.modal-content{padding:var(--spacing-5)}.payment-info{background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--spacing-2);margin-bottom:var(--spacing-5)}.payment-info p{margin:0 0 8px;font-size:var(--font-size-sm);color:var(--color-text-primary-light)}.payment-options h4{margin:0 0 16px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light)}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.detail-section .payment-buttons{margin-top:var(--spacing-2)}.payment-option-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5) 16px;border:2px solid var(--border-light);border-radius:var(--spacing-2);background:var(--bg-elevated);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.payment-option-btn:hover{border-color:var(--color-primary-500);background:var(--color-gray-50)}.payment-option-btn.pix:hover{border-color:var(--color-success-600);background:var(--color-success-50)}.payment-option-btn.qr:hover{border-color:var(--color-primary-600);background:var(--color-primary-50)}.payment-option-btn.boleto:hover{border-color:var(--color-error-600);background:var(--color-error-50)}.payment-option-btn.card:hover{border-color:var(--color-warning-600);background:var(--color-warning-50)}.payment-option-btn.money:hover{border-color:var(--color-success-600);background:var(--color-success-50)}.payment-option-btn.debit:hover{border-color:var(--color-primary-600);background:var(--color-primary-50)}.payment-icon{font-size:var(--font-size-xl)}.details-modal{max-width:700px}.detail-section{background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--spacing-2);border-left:var(--spacing-1) solid var(--color-primary-500);margin-bottom:var(--spacing-3)}.detail-section:last-child{margin-bottom:0}.details-grid{display:grid;gap:var(--spacing-2);padding-bottom:0!important}.details-grid .detail-section:last-child{margin-bottom:0!important;padding-bottom:0!important}.detail-section h4{margin:0 0 12px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light)}.section-title{margin-bottom:var(--spacing-3);border-bottom:2px solid var(--border-light);padding-bottom:6px}.section-title h4{margin:0;font-size:17px;font-weight:var(--font-weight-bold);color:var(--color-text-primary-light);display:flex;align-items:center;gap:var(--spacing-2)}.section-content{padding-left:var(--spacing-1)}.detail-section .detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);padding-bottom:6px;border-bottom:1px solid var(--border-light)}.detail-section .detail-item:last-child{margin-bottom:0;border-bottom:none}.detail-section .detail-item .label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.detail-section .detail-item .value{font-size:var(--font-size-sm);color:var(--color-text-primary-light);font-weight:var(--font-weight-semibold)}.payment-confirmed{color:var(--color-success-600)!important;display:flex;align-items:center;gap:var(--spacing-1)}.transaction-id{font-family:Courier New,monospace;background:var(--color-gray-100);padding:var(--spacing-1) 8px;border-radius:var(--spacing-1);color:var(--color-gray-600)!important}.amount{color:var(--color-success-600)!important;font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.signature-plan{color:var(--color-primary-500)!important;font-weight:var(--font-weight-semibold)}.signature-id{font-family:Courier New,monospace;background:var(--color-primary-50);padding:var(--spacing-1) 8px;border-radius:var(--spacing-1);color:var(--color-primary-700)!important}.next-charge{color:var(--color-warning-600)!important;font-weight:var(--font-weight-semibold)}@media(max-width:1200px){.billing-section{padding:var(--spacing-5)}.section-header{padding:var(--spacing-4)}.billing-overview{grid-template-columns:1.5fr 1fr;gap:var(--spacing-3)}.customer-info-card{grid-template-columns:42px 1fr auto}.customer-avatar-img,.customer-avatar-fallback{width:42px;height:42px}.signature-details{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.billing-section{padding:var(--spacing-4)}.section-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch;padding:var(--spacing-3)}.section-header h2{font-size:1.5rem}.back-button{width:100%;justify-content:center}.filters-row{padding:var(--spacing-3)}.search-input{width:100%}.billing-overview{grid-template-columns:1fr;gap:var(--spacing-3)}.customer-info-card{grid-template-columns:40px 1fr auto}.customer-avatar-img,.customer-avatar-fallback{width:40px;height:40px}.signature-details{grid-template-columns:repeat(2,1fr)}.billing-table th:nth-child(5),.billing-table td:nth-child(5){display:none}.billing-table{font-size:.875rem}.action-buttons{flex-direction:column;gap:.375rem;min-width:auto}.action-btn{font-size:.8rem;padding:.375rem .5rem;width:100%}}@media(max-width:768px){.billing-section{padding:var(--spacing-3)}.section-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch;padding:var(--spacing-3)}.section-header h2{font-size:1.375rem}.back-button{width:100%;padding:var(--spacing-2) var(--spacing-3)!important}.filters-row{padding:var(--spacing-3)}.search-input{width:100%;font-size:.9rem}.billing-overview{grid-template-columns:1fr;gap:var(--spacing-3)}.customer-info-card{grid-template-columns:36px 1fr;gap:var(--spacing-2)}.customer-avatar-img,.customer-avatar-fallback{width:36px;height:36px}.customer-details h3{font-size:.95rem}.customer-details p{font-size:.8rem}.signature-details{grid-template-columns:1fr;gap:var(--spacing-2)}.detail-card{padding:var(--spacing-3)}.detail-card .label{font-size:.75rem}.detail-card .value{font-size:.95rem;white-space:normal}.billing-table th:nth-child(4),.billing-table td:nth-child(4),.billing-table th:nth-child(5),.billing-table td:nth-child(5){display:none}.billing-table{font-size:.85rem;overflow-x:visible}.billing-table table{min-width:auto;width:100%}.billing-table td{padding:var(--spacing-2) 6px}.billing-table th{padding:var(--spacing-2) 6px;font-size:.8rem}.status-badge{font-size:.7rem;padding:.25rem .5rem}.action-buttons{flex-direction:column;gap:var(--spacing-1);min-width:auto}.action-btn{font-size:var(--font-size-xs);padding:var(--spacing-1) 6px}.payment-buttons{grid-template-columns:1fr}.payment-modal{width:95%;max-width:600px;margin:var(--spacing-5)}.search-input{width:100%}.detail-section .detail-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.details-modal{max-width:95%}.details-grid,.payment-buttons-compact{grid-template-columns:1fr}}@media(max-width:480px){.billing-section{padding:var(--spacing-2)}.section-header{padding:var(--spacing-2);gap:var(--spacing-2)}.section-header h2{font-size:1.25rem}.back-button{padding:var(--spacing-2)!important;font-size:.85rem!important}.filters-row{padding:var(--spacing-2)}.search-input{padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) 32px;font-size:.85rem}.billing-overview{gap:var(--spacing-2)}.customer-info-card{grid-template-columns:32px 1fr;padding:var(--spacing-2)}.customer-avatar-img,.customer-avatar-fallback{width:32px;height:32px}.customer-details h3{font-size:.875rem}.customer-details p{font-size:.75rem}.signature-info-card,.detail-card{padding:var(--spacing-2)}.detail-card .label{font-size:.7rem}.detail-card .value{font-size:.875rem}.billing-table{font-size:.8rem}.billing-table td{padding:var(--spacing-1) 4px}.billing-table th{padding:var(--spacing-1) 4px;font-size:.75rem}.billing-table table{min-width:auto}.status-badge{font-size:.65rem;padding:.1875rem .375rem}.action-btn{font-size:.75rem;padding:.25rem .375rem}.payment-buttons{gap:var(--spacing-1)}.details-modal-compact,.details-modal-modern,.mark-paid-modal-compact,.feedback-modal{max-width:95%!important;margin:var(--spacing-3);padding:var(--spacing-3)}.modal-header h3{font-size:1.125rem}.amount-value{font-size:1.75rem}.detail-section h4{font-size:.875rem}.detail-item .label{font-size:.75rem}.detail-item .value{font-size:.85rem}}.feedback-message{padding:var(--spacing-5);border-radius:var(--spacing-2);text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.feedback-message.success{background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-600)}.feedback-message.error{background:var(--color-error-50);color:var(--color-error-700);border:1px solid var(--color-error-600)}.feedback-message p{margin:0;line-height:1.4}.primary-button{background:var(--color-primary-500);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:8px}.primary-button:hover{background:var(--color-primary-600);transform:translateY(-1px)}.details-modal-compact{max-width:700px!important;max-height:80vh}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-top:var(--spacing-4)}.details-column{display:flex;flex-direction:column;gap:var(--spacing-5)}.detail-group{background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--spacing-2);border:1px solid var(--border-light)}.detail-group h4{margin:0 0 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light);text-transform:uppercase;letter-spacing:.5px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.detail-row .value{font-size:var(--font-size-sm);color:var(--color-text-primary-light);font-weight:var(--font-weight-semibold);text-align:right}.detail-row .value.amount{color:var(--color-success-600);font-size:var(--font-size-base)}.detail-row .value.payment-confirmed{color:var(--color-success-600)}.payment-info-compact{background:#f8fafc;padding:var(--spacing-4);border-radius:var(--spacing-2);margin-bottom:var(--spacing-5);border:1px solid var(--border-light)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--border-light)}.info-row:last-child{border-bottom:none}.info-row .label{font-size:var(--font-size-sm);color:#64748b;font-weight:var(--font-weight-medium)}.info-row .value{font-size:var(--font-size-sm);color:#1e293b;font-weight:var(--font-weight-semibold)}.info-row .value.amount-highlight{color:#16a34a;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.payment-method-section{margin-top:var(--spacing-4)}.payment-method-section .form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light)}.payment-method-section .form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:.5rem;font-size:.95rem;transition:all var(--transition-base);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer}.payment-method-section .form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.payment-method-section h4{margin:0 0 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light)}.payment-buttons-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.payment-btn{padding:var(--spacing-3) 16px;border:2px solid var(--color-primary-500);border-radius:var(--spacing-2);background:var(--bg-elevated);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;gap:8px}.payment-btn:hover{border-color:var(--color-primary-600);background:var(--color-primary-500);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.payment-btn.pix{border-color:#32bcad;color:#32bcad}.payment-btn.pix:hover{background:#32bcad;border-color:#2a9d8f;color:#fff}.payment-btn.card{border-color:#3b82f6;color:#3b82f6}.payment-btn.card:hover{background:#3b82f6;border-color:#2563eb;color:#fff}.payment-btn.money{border-color:#10b981;color:#10b981}.payment-btn.money:hover{background:#10b981;border-color:#059669;color:#fff}.payment-btn.debit{border-color:#8b5cf6;color:#8b5cf6}.payment-btn.debit:hover{background:#8b5cf6;border-color:#7c3aed;color:#fff}.mark-paid-modal-compact .modal-footer{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4);border-top:1px solid var(--border-light);background:var(--bg-primary)}.mark-paid-modal-compact .btn-cancel{padding:.75rem 1.5rem;border:2px solid var(--border-light);border-radius:.5rem;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.mark-paid-modal-compact .btn-cancel:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.mark-paid-modal-compact .btn-confirm{padding:.75rem 1.5rem;border:none;border-radius:.5rem;background:var(--color-primary-500);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.mark-paid-modal-compact .btn-confirm:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mark-paid-modal-compact .btn-confirm:active{transform:translateY(0)}.feedback-modal{max-width:400px!important}.feedback-content{text-align:center;padding:var(--spacing-5) 0}.feedback-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:var(--font-size-2xl);font-weight:700}.feedback-icon.success-icon{background:var(--color-success-50);color:var(--color-success-600);border:3px solid var(--color-success-600)}.feedback-icon.error-icon{background:var(--color-error-50);color:var(--color-error-600);border:3px solid var(--color-error-600)}.feedback-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.6}.feedback-content.success p{color:var(--color-success-700)}.feedback-content.error p{color:var(--color-error-700)}.details-modal-modern{max-width:600px!important;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.details-modal-modern .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-5);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%)}.details-modal-modern .header-content{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.billing-id-badge{display:flex;align-items:center;gap:var(--spacing-2);background:#fff3;padding:.5rem 1rem;border-radius:.5rem;color:#fff;font-weight:600;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details-modal-modern .close-btn{background:#fff3;color:#fff;border:none;width:32px;height:32px;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.details-modal-modern .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.details-modal-modern .modal-body{padding:0;background:var(--bg-primary)}.amount-highlight-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-6);text-align:center;color:#fff;border-bottom:1px solid var(--border-light)}.amount-label{font-size:.875rem;opacity:.9;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.amount-value{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-2);text-shadow:0 2px 10px rgba(0,0,0,.2)}.amount-date{font-size:.95rem;opacity:.95;font-weight:500}.info-cards-grid{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}.info-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:.5rem;transition:all .2s}.compact-card{padding:var(--spacing-3)}.compact-info-row{display:flex;align-items:center;gap:var(--spacing-3)}.compact-info-item{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.compact-info-item svg{color:var(--color-primary-500);flex-shrink:0}.compact-info-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.compact-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.compact-value{font-size:.95rem;color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-divider{width:1px;height:32px;background:var(--border-light);flex-shrink:0}.paid-card-compact{padding:var(--spacing-3);background:linear-gradient(135deg,#10b9810d,#10b9811a);border-color:var(--color-success-200)}.paid-card-compact .compact-info-item svg{color:var(--color-success-600)}.payment-method-badge-compact{background:var(--color-success-100);color:var(--color-success-700);padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;display:inline-block}.info-card-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-weight:600;font-size:.875rem;color:var(--text-secondary)}.info-card-body{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0}.info-item:not(:last-child){border-bottom:1px solid var(--border-light)}.info-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.info-value{font-size:.95rem;color:var(--text-primary);font-weight:600}.payment-method-badge{background:var(--color-primary-50);color:var(--color-primary-700);padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600}.paid-card{border-color:var(--color-success-200)}.paid-card .info-card-header{background:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.details-modal-compact{max-width:850px!important;max-height:90vh;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.details-modal-compact .modal-body{padding:var(--spacing-6);max-height:calc(90vh - 70px);overflow-y:auto;background:linear-gradient(to bottom,#fff,#f8fafc)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.details-column{display:flex;flex-direction:column;gap:14px}.detail-group{background:var(--bg-elevated);padding:18px;border-radius:var(--spacing-3);border:1px solid var(--border-light);box-shadow:var(--shadow-base);transition:all var(--transition-fast) ease}.detail-group:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.detail-group h4{margin:0 0 14px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:var(--spacing-2)}.detail-group h4:before{content:"";width:3px;height:14px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:var(--spacing-3)}.detail-row:not(:last-child){border-bottom:1px dashed var(--border-light)}.detail-row .label{font-size:var(--font-size-sm);color:#64748b;font-weight:var(--font-weight-medium)}.detail-row .value{font-size:var(--font-size-sm);color:#1e293b;font-weight:var(--font-weight-semibold);text-align:right;display:flex;align-items:center;gap:6px}.detail-row .value.amount{color:var(--color-success-600);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.detail-row .value.payment-confirmed{color:var(--color-success-600);display:inline-flex;align-items:center;gap:var(--spacing-1)}.detail-row .value.payment-confirmed:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-success-50);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.mark-paid-modal-compact{max-width:500px!important}.mark-paid-modal-compact .modal-body{padding:var(--spacing-5)}.payment-info-compact{background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--spacing-2);border:1px solid var(--border-light);margin-bottom:var(--spacing-5)}.payment-info-compact .info-row{display:flex;justify-content:space-between;padding:var(--spacing-2) 0}.payment-info-compact .info-row:not(:last-child){border-bottom:1px solid var(--border-light)}.payment-info-compact .label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.payment-info-compact .value{font-size:var(--font-size-sm);color:var(--color-text-primary-light);font-weight:var(--font-weight-semibold)}.payment-info-compact .value.amount-highlight{color:var(--color-success-600);font-size:var(--font-size-base)}@media(max-width:768px){.details-grid{grid-template-columns:1fr}.details-modal-compact,.details-modal-modern,.mark-paid-modal-compact,.feedback-modal{max-width:95%!important;margin:var(--spacing-5)}.payment-buttons-compact{grid-template-columns:1fr}.compact-info-row{flex-direction:column;gap:var(--spacing-2)}.compact-divider{width:100%;height:1px}.amount-value{font-size:2rem}}[data-theme=dark] .billing-section{background:var(--color-background-dark)}[data-theme=dark] .section-header{background:var(--color-background-card-dark)}[data-theme=dark] .section-header h2{color:var(--color-text-primary-dark)}[data-theme=dark] .back-button{background:var(--color-gray-700)!important;color:var(--color-gray-300)!important}[data-theme=dark] .back-button:hover{background:var(--color-gray-600)!important}[data-theme=dark] .filters-row{background:var(--color-background-card-dark)}[data-theme=dark] .search-input{background:var(--color-background-hover-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .search-input::placeholder{color:var(--color-text-muted-dark)}[data-theme=dark] .customer-info-card,[data-theme=dark] .signature-info-card{background:var(--color-background-card-dark)}[data-theme=dark] .customer-details h3,[data-theme=dark] .signature-info-card h4,[data-theme=dark] .detail-item .value,[data-theme=dark] .detail-card .value{color:var(--color-text-primary-dark)}[data-theme=dark] .customer-details p,[data-theme=dark] .detail-item .label,[data-theme=dark] .detail-card .label{color:var(--color-text-secondary-dark)}[data-theme=dark] .detail-card{background:linear-gradient(135deg,#3b82f626,#3b82f638);border-color:#3b82f64d;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .detail-card:hover{background:linear-gradient(135deg,#3b82f638,#3b82f64d);border-color:var(--color-primary-500);box-shadow:0 4px 8px #3b82f633}[data-theme=dark] .detail-card .label{color:var(--color-text-secondary-dark)}[data-theme=dark] .detail-card .value{color:var(--color-text-primary-dark)}[data-theme=dark] .billing-history{background:var(--color-background-card-dark)}[data-theme=dark] .billing-history h3{color:var(--color-text-primary-dark)}[data-theme=dark] .billing-table th{background:var(--color-background-hover-dark);color:var(--color-text-secondary-dark);border-bottom-color:var(--color-border-dark)}[data-theme=dark] .billing-table td{border-bottom-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .billing-table tr:hover{background:var(--color-background-hover-dark)}[data-theme=dark] .payment-modal{background:var(--color-background-card-dark)}[data-theme=dark] .modal-header h3{color:var(--color-text-primary-dark)}[data-theme=dark] .close-btn{color:var(--color-text-secondary-dark)}[data-theme=dark] .close-btn:hover{color:var(--color-text-primary-dark)}[data-theme=dark] .payment-info,[data-theme=dark] .detail-section,[data-theme=dark] .detail-group,[data-theme=dark] .payment-info-compact{background:var(--color-background-hover-dark);border-color:var(--color-border-dark)}[data-theme=dark] .payment-info p,[data-theme=dark] .payment-options h4,[data-theme=dark] .detail-section h4,[data-theme=dark] .detail-group h4,[data-theme=dark] .payment-method-section h4,[data-theme=dark] .payment-method-section .form-label{color:var(--color-text-primary-dark)}[data-theme=dark] .payment-method-section .form-select{background:var(--color-background-hover-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .payment-method-section .form-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .mark-paid-modal-compact .modal-footer{background:var(--color-background-primary-dark);border-color:var(--color-border-dark)}[data-theme=dark] .mark-paid-modal-compact .btn-cancel{background:transparent;border-color:var(--color-border-dark);color:var(--color-text-secondary-dark)}[data-theme=dark] .mark-paid-modal-compact .btn-cancel:hover{background:var(--color-background-hover-dark);border-color:var(--color-text-secondary-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .detail-section .detail-item .label,[data-theme=dark] .detail-row .label,[data-theme=dark] .payment-info-compact .label{color:var(--color-text-secondary-dark)}[data-theme=dark] .detail-section .detail-item .value,[data-theme=dark] .detail-row .value,[data-theme=dark] .payment-info-compact .value{color:var(--color-text-primary-dark)}[data-theme=dark] .payment-option-btn,[data-theme=dark] .payment-btn{background:#3b82f61a;border-color:var(--color-primary-500);color:var(--color-primary-400)}[data-theme=dark] .payment-option-btn:hover,[data-theme=dark] .payment-btn:hover{background:var(--color-primary-600);border-color:var(--color-primary-500);color:#fff}[data-theme=dark] .payment-btn.pix{background:#32bcad1a;border-color:#32bcad;color:#4dd4c4}[data-theme=dark] .payment-btn.pix:hover{background:#32bcad;color:#fff}[data-theme=dark] .payment-btn.card{background:#3b82f61a;border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .payment-btn.card:hover{background:#3b82f6;color:#fff}[data-theme=dark] .payment-btn.money{background:#10b9811a;border-color:#10b981;color:#34d399}[data-theme=dark] .payment-btn.money:hover{background:#10b981;color:#fff}[data-theme=dark] .payment-btn.debit{background:#8b5cf61a;border-color:#8b5cf6;color:#a78bfa}[data-theme=dark] .payment-btn.debit:hover{background:#8b5cf6;color:#fff}[data-theme=dark] .transaction-id{background:var(--color-gray-800);color:var(--color-gray-400)!important}[data-theme=dark] .signature-id{background:var(--color-primary-900);color:var(--color-primary-300)!important}[data-theme=dark] .feedback-message{color:var(--color-text-primary-dark)}[data-theme=dark] .feedback-content p{color:var(--color-text-secondary-dark)}[data-theme=dark] .details-modal-modern .modal-header{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%)}[data-theme=dark] .amount-highlight-card{background:linear-gradient(135deg,#5b21b6,#7c3aed)}[data-theme=dark] .info-card,[data-theme=dark] .compact-card{background:var(--color-background-hover-dark);border-color:var(--color-border-dark)}[data-theme=dark] .compact-label{color:var(--color-text-secondary-dark)}[data-theme=dark] .compact-value{color:var(--color-text-primary-dark)}[data-theme=dark] .compact-divider{background:var(--color-border-dark)}[data-theme=dark] .compact-info-item svg{color:var(--color-primary-400)}[data-theme=dark] .paid-card-compact{background:linear-gradient(135deg,#10b9811a,#10b98126);border-color:#10b9814d}[data-theme=dark] .paid-card-compact .compact-info-item svg{color:#34d399}[data-theme=dark] .payment-method-badge-compact{background:#10b98133;color:#34d399}[data-theme=dark] .info-card-header{background:var(--color-background-active-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .info-card-body{background:transparent}[data-theme=dark] .info-label{color:var(--color-text-secondary-dark)}[data-theme=dark] .info-value{color:var(--color-text-primary-dark)}[data-theme=dark] .info-item{border-color:var(--color-border-dark)}[data-theme=dark] .payment-method-badge{background:#3b82f633;color:var(--color-primary-400)}[data-theme=dark] .paid-card{border-color:#10b9814d}[data-theme=dark] .paid-card .info-card-header{background:#10b98126;color:#34d399;border-color:#10b9814d}.create-payment-modal{max-width:700px!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.create-payment-modal .modal-body{padding:0}.payment-form{padding:2rem;display:flex;flex-direction:column;gap:0}.form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.form-section:last-child{border-bottom:none;margin-bottom:1.5rem;padding-bottom:0}.form-section h3{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:.5rem}.form-section h3:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.form-input.readonly{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;border-color:var(--border-light)}.form-input.amount-field{font-weight:600;color:#059669;background:#f0fdf4;border-color:#bbf7d0}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:80px}.error-message{color:#ef4444;font-size:var(--font-size-xs);font-weight:500;margin-top:4px}.member-selector-section{margin-bottom:16px;width:100%}.member-selector-section .form-group{width:100%}.searchable-select{position:relative;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:12px;color:var(--color-text-secondary);pointer-events:none;z-index:1}.search-input{width:100%;padding-left:40px!important;padding-right:36px!important}.clear-search-btn{position:absolute;right:8px;background:transparent;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:4px;transition:all .2s;z-index:1}.clear-search-btn:hover{background:var(--color-hover);color:var(--color-text)}.dropdown-list{position:absolute;top:100%;left:0;right:0;margin-top:4px;max-height:280px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 16px #0003,0 2px 4px #0000001a;z-index:1000}.dropdown-item{padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-secondary);background:var(--bg-elevated)}.dropdown-item:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.dropdown-item:last-child{border-bottom:none;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item.selected{background:var(--primary-500);color:#fff}.dropdown-item.selected:hover{background:var(--primary-600)}.dropdown-item.no-results{cursor:default;color:var(--text-secondary);text-align:center;font-style:italic;background:var(--bg-elevated)}.dropdown-item.no-results:hover{background:var(--bg-elevated)}.member-name{font-weight:500;font-size:.9375rem;color:var(--text-primary);margin-bottom:4px}.dropdown-item.selected .member-name{color:#fff}.member-email{font-size:.8125rem;color:var(--text-secondary)}.dropdown-item.selected .member-email{color:#ffffffe6}.dropdown-item:hover .member-name{color:var(--text-primary)}.dropdown-item:hover .member-email{color:var(--text-secondary)}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:transparent}.dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.loading-text{display:block;margin-top:6px;font-size:.8125rem;color:var(--color-text-secondary);font-style:italic}.error-alert{padding:12px 16px;margin-bottom:16px;background:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.875rem}.loading-signature{padding:16px;text-align:center;color:var(--color-text-secondary);font-style:italic;background:var(--color-hover);border-radius:6px;margin-bottom:16px}@media(max-width:768px){.payment-form{padding:1rem}}.btn:disabled.loading{position:relative}.btn:disabled.loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:spin 1s linear infinite}.compact-form .info-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:20px;padding:0}.compact-form .info-card{background:var(--bg-secondary);padding:1rem;border-radius:.5rem;border:1px solid var(--border-light)}.compact-form .info-card h4{margin:0 0 8px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.compact-form .info-card .info-value{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary)}.compact-form .info-card .info-subvalue{margin:0;font-size:13px;color:var(--text-secondary)}.compact-form .info-card .info-subvalue.amount{color:#16a34a;font-weight:600;font-size:var(--font-size-sm)}.create-payment-modal{max-width:800px!important}.form-section-compact{margin-bottom:0}.form-row-compact{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:16px}.form-row-compact .form-group{margin-bottom:0}.form-group-full{grid-column:1 / -1;width:100%;margin-bottom:0}.form-group-full .form-textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:80px;max-height:150px}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.875rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:.5rem;font-size:.95rem;transition:all var(--transition-base);background:var(--bg-elevated);color:var(--text-primary);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}select.form-input:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.create-payment-modal .modal-footer{justify-content:space-between}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding-top:1.75rem;font-weight:600;color:var(--text-primary)}.checkbox-input{width:20px;height:20px;cursor:pointer}.amount-input{font-weight:600;color:var(--color-success-600)}.payment-splits-section{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-light)}.payment-splits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.payment-splits-header h4{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.btn-add-payment{padding:.5rem 1rem;background:var(--primary-500);color:#fff;border:none;border-radius:.375rem;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-add-payment:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px)}.payment-splits-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.payment-split-item{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:.5rem;padding:.75rem}.payment-split-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:end}.payment-split-fields .form-group{margin-bottom:0}.btn-remove-payment{width:36px;height:36px;background:var(--color-error-500);color:#fff;border:none;border-radius:.375rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;line-height:1}.btn-remove-payment:hover:not(:disabled){background:var(--color-error-600);transform:scale(1.1)}.payment-summary{padding:1rem;background:var(--bg-elevated);border:2px solid var(--border-medium);border-radius:.5rem;margin-top:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:var(--font-size-sm)}.summary-row:not(:last-child){border-bottom:1px solid var(--border-light)}.summary-row span{color:var(--text-secondary)}.summary-row strong{font-weight:700;font-size:var(--font-size-base)}.amount-total{color:var(--text-primary)}.amount-paid{color:var(--color-success-600)}.amount-remaining{color:var(--color-warning-600)}.amount-complete{color:var(--color-success-600)}.amount-error{color:var(--color-error-600)}.error-payments{display:block;margin-top:.5rem;text-align:center;font-weight:600}@media(max-width:768px){.compact-form .info-cards-grid,.form-row-compact{grid-template-columns:1fr;gap:.75rem}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer .btn{width:100%;min-width:auto}.payment-split-fields{grid-template-columns:1fr;gap:.5rem}.btn-remove-payment{width:100%;height:40px}.payment-splits-header{flex-direction:column;gap:.75rem;align-items:stretch}.btn-add-payment{width:100%}}.image-upload-container{display:flex;flex-direction:column;gap:.5rem}.image-upload-label{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.image-upload-dropzone{position:relative;width:100%;min-height:200px;border:2px dashed var(--border-light);border-radius:.75rem;background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-upload-dropzone:hover{border-color:var(--primary-500);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0133691a}.image-upload-dropzone.drag-active{border-color:var(--primary-500);background:var(--primary-50);border-style:solid}.image-upload-dropzone.has-image{min-height:250px;border-style:solid;border-color:var(--border-medium)}.image-upload-input{display:none}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary)}.image-upload-placeholder svg{margin-bottom:1rem;opacity:.6}.upload-text{margin:.5rem 0 .25rem;font-size:.95rem;color:var(--text-primary)}.upload-text strong{color:var(--primary-500)}.upload-hint{margin:0;font-size:.8rem;color:var(--text-secondary)}.upload-hint-drag{margin:.5rem 0 0;font-size:.75rem;color:var(--text-secondary);opacity:.7}.camera-options-menu{position:relative;z-index:10050;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;width:100%}.camera-option-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--primary-500);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.camera-option-btn:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.camera-option-btn svg{flex-shrink:0}.camera-option-btn.cancel{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-medium)}.camera-option-btn.cancel:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.image-preview-container{position:relative;width:100%;height:100%;min-height:250px;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:250px;object-fit:contain;border-radius:.5rem}.image-remove-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);opacity:0}.image-preview-container:hover .image-remove-btn{opacity:1}.image-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.upload-overlay{position:absolute;inset:0;z-index:10050;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:.5rem}.upload-progress{width:80%;max-width:300px;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));transition:width .3s ease;border-radius:4px}.upload-percentage{color:#fff;font-weight:600;font-size:1.5rem}.image-upload-error{padding:.75rem 1rem;background:var(--error-50);border:1px solid var(--error-500);border-radius:.5rem;color:var(--error-700);font-size:.875rem;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .image-upload-dropzone{background:var(--bg-elevated);border-color:var(--border-medium)}[data-theme=dark] .image-upload-dropzone:hover{background:var(--bg-secondary)}[data-theme=dark] .image-upload-dropzone.drag-active{background:#3b82f61a}[data-theme=dark] .image-upload-placeholder svg{color:var(--text-secondary)}@media(max-width:768px){.image-upload-dropzone,.image-preview-container{min-height:180px}.image-preview{max-height:180px}}.member-details{padding:0}.member-profile-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-light);margin-bottom:2rem}.profile-avatar-large{position:relative;width:100px;height:100px;flex-shrink:0}.profile-avatar-large .avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--primary-500)}.avatar-placeholder-large{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;border:3px solid var(--primary-500);text-transform:uppercase}.profile-main-info{flex:1}.profile-main-info .member-name{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.profile-main-info .member-role{margin:0;font-size:1rem;color:var(--text-secondary);font-weight:500;opacity:.8}.details-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-light)}.details-section:last-child{margin-bottom:0}.details-section h3{color:var(--primary-600);margin:0 0 1.5rem;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-100)}.details-section h3 svg{color:var(--primary-600);opacity:.9}:root[data-theme=dark] .details-section h3{color:var(--primary-400);border-bottom-color:var(--primary-300)}:root[data-theme=dark] .details-section h3 svg{color:var(--primary-400);opacity:1}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.info-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:0}@media(max-width:1024px){.two-column-grid,.info-grid-compact{grid-template-columns:1fr}}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-weight:600;color:var(--text-primary);font-size:.9rem;opacity:.8}.info-item span{color:var(--text-primary);font-size:1rem;padding:.5rem;background:var(--bg-elevated);border-radius:.5rem;border:1px solid var(--border-light);min-height:1.2rem;display:flex;align-items:center}.status-badge{padding:.25rem .75rem!important;border-radius:var(--radius-xl)!important;font-size:.8rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em;min-height:auto!important;width:fit-content}.status-badge.active{background:var(--success-100)!important;color:var(--success-700)!important;border-color:var(--color-success-200)!important}.status-badge.inactive{background:var(--error-100)!important;color:var(--error-700)!important;border-color:var(--color-error-200)!important}.status-badge.pending{background:var(--color-warning-100)!important;color:var(--color-warning-700)!important;border-color:var(--color-warning-200)!important}.bmi-category{margin-left:.5rem;color:var(--gray-600);font-style:italic}.signatures-list{display:flex;flex-direction:column;gap:1rem}.signature-card-view{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:10px;padding:1.5rem;transition:all var(--transition-base) ease-in-out}.signature-card-view:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #0133691a}.signature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.signature-type{font-weight:600;font-size:1.1rem;color:var(--primary-600)}.signature-cost{font-weight:700;font-size:1.2rem;color:var(--success-600)}.signature-details p{margin:.5rem 0;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.signature-details strong{color:var(--text-primary);min-width:120px}.no-data{text-align:center;color:var(--color-text-muted);font-style:italic;padding:2rem;background:var(--bg-elevated);border-radius:.5rem;border:2px dashed var(--border-light)}.loading-state{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--text-secondary)}.loading-state p{font-size:1.1rem}@media(max-width:768px){.view-modal-content{width:95%;margin:1rem}.info-grid{grid-template-columns:1fr}.signature-header{flex-direction:column;gap:.5rem;align-items:flex-start}.details-section{padding:1rem}}@media(max-width:480px){.details-section h3{font-size:1rem}.info-item label{font-size:.85rem}.info-item span{font-size:.9rem;padding:.4rem}}.signature-main-info{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.signature-plan,.signature-value{display:flex;flex-direction:column;gap:.5rem}.signature-plan label,.signature-value label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.plan-type{font-weight:700;font-size:1.3rem;color:var(--primary-600)}[data-theme=dark] .plan-type{color:var(--primary-400)}.plan-cost{font-weight:700;font-size:1.3rem;color:var(--success-600)}[data-theme=dark] .plan-cost{color:var(--success-400)}.signature-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.generate-workout-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-modal);background:#000000a6}.generate-workout-modal{max-width:580px;padding:48px 40px;position:relative;overflow:hidden;animation:modalAppear .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalAppear{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.generating-content{text-align:center}.ai-animation{position:relative;width:240px;height:240px;margin:0 auto 36px;display:flex;align-items:center;justify-content:center}.pulse-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid;border-radius:50%;opacity:0;animation:pulseRing 3s cubic-bezier(.215,.61,.355,1) infinite}.ring-1{border-color:#6366f166;animation-delay:0s}.ring-2{border-color:#8b5cf666;animation-delay:1s}.ring-3{border-color:#a855f766;animation-delay:2s}@keyframes pulseRing{0%{width:60px;height:60px;opacity:0}20%{opacity:.6}to{width:240px;height:240px;opacity:0}}.dna-minimal-animation{width:240px;height:240px;position:relative;z-index:2;filter:drop-shadow(0 10px 40px rgba(99,102,241,.5))}.orbital-circles circle{animation:pulseOrbit 4s ease-in-out infinite}.orbital-circles circle:nth-child(1){animation-delay:0s}.orbital-circles circle:nth-child(2){animation-delay:.5s}.orbital-circles circle:nth-child(3){animation-delay:1s}@keyframes pulseOrbit{0%,to{opacity:.1}50%{opacity:.25}}.dna-helix-animated{animation:helixFloat 3s ease-in-out infinite;transform-origin:120px 125px}@keyframes helixFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.helix-strand{animation:strandWave 4s ease-in-out infinite}.strand-1{animation-delay:0s}.strand-2{animation-delay:2s}@keyframes strandWave{0%,to{opacity:.7;stroke-width:4}50%{opacity:1;stroke-width:5;filter:drop-shadow(0 0 12px currentColor)}}.dna-ball{animation:ballPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 8px currentColor)}.ball-l-1{animation-delay:0s}.ball-l-2{animation-delay:.5s}.ball-l-3{animation-delay:1s}.ball-l-4{animation-delay:1.5s}.ball-l-5{animation-delay:2s}.ball-l-6{animation-delay:2.5s}.ball-l-7{animation-delay:3s}.ball-l-8{animation-delay:3.5s}.ball-r-1{animation-delay:.25s}.ball-r-2{animation-delay:.75s}.ball-r-3{animation-delay:1.25s}.ball-r-4{animation-delay:1.75s}.ball-r-5{animation-delay:2.25s}.ball-r-6{animation-delay:2.75s}.ball-r-7{animation-delay:3.25s}.ball-r-8{animation-delay:3.75s}@keyframes ballPulse{0%,to{r:4;opacity:.7}50%{r:6;opacity:1;filter:drop-shadow(0 0 15px currentColor)}}.dna-bridge{animation:bridgePulse 4s ease-in-out infinite}.bridge-1{animation-delay:0s}.bridge-2{animation-delay:1s}.bridge-3{animation-delay:2s}.bridge-4{animation-delay:3s}@keyframes bridgePulse{0%,to{opacity:.4;stroke-width:2}50%{opacity:.9;stroke-width:3.5;filter:drop-shadow(0 0 10px currentColor)}}.particle{animation:orbitRotate 12s linear infinite;transform-origin:120px 120px}.p1{animation-duration:10s;animation-delay:0s}.p2{animation-duration:11s;animation-delay:-1.4s}.p3{animation-duration:12s;animation-delay:-2.8s}.p4{animation-duration:13s;animation-delay:-4.2s}.p5{animation-duration:11.5s;animation-delay:-5.6s}.p6{animation-duration:10.5s;animation-delay:-7s}.p7{animation-duration:12.5s;animation-delay:-8.4s}.p8{animation-duration:11s;animation-delay:-9.8s}@keyframes orbitRotate{0%{transform:rotate(0) translate(0)}to{transform:rotate(360deg) translate(0)}}.orbiting-particles circle{animation:particleGlow 2.5s ease-in-out infinite}.orbiting-particles .p1{animation-delay:0s}.orbiting-particles .p2{animation-delay:.3s}.orbiting-particles .p3{animation-delay:.6s}.orbiting-particles .p4{animation-delay:.9s}.orbiting-particles .p5{animation-delay:1.2s}.orbiting-particles .p6{animation-delay:1.5s}.orbiting-particles .p7{animation-delay:1.8s}.orbiting-particles .p8{animation-delay:2.1s}@keyframes particleGlow{0%,to{opacity:.5}50%{opacity:1;filter:drop-shadow(0 0 10px rgba(99,102,241,.8))}}.synapse{animation:synapseFlash 1.5s ease-in-out infinite}.synapse-1{animation-delay:0s}.synapse-2{animation-delay:.3s}.synapse-3{animation-delay:.6s}.synapse-4{animation-delay:.9s}@keyframes synapseFlash{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}.motivation-text{animation:textShine 3s ease-in-out infinite;opacity:0}@keyframes textShine{0%,30%{opacity:0}50%{opacity:1}70%,to{opacity:.7}}.generating-title{font-size:26px;font-weight:700;color:#1e293b;margin:0 0 10px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.generating-subtitle{font-size:15px;color:#64748b;margin:0 0 32px;line-height:1.5}.generating-subtitle strong{color:#1e293b;font-weight:600}.weight-plate-loader{width:100%;max-width:280px;margin:0 auto 24px;display:flex;flex-direction:column;align-items:center;gap:20px}.weight-plate-svg{width:200px;height:200px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.weight-plate-rotating{animation:plateRotate 3s linear infinite,plateFloat 4s ease-in-out infinite;transform-origin:100px 100px}@keyframes plateRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes plateFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.plate-shadow{animation:shadowPulse 4s ease-in-out infinite}@keyframes shadowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.15;transform:scale(.9)}}.plate-outer{animation:plateShine 3s ease-in-out infinite}@keyframes plateShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.plate-grips .grip{animation:gripDepth 3s ease-in-out infinite}.grip-top{animation-delay:0s}.grip-right{animation-delay:.75s}.grip-bottom{animation-delay:1.5s}.grip-left{animation-delay:2.25s}@keyframes gripDepth{0%,to{opacity:1}25%{opacity:.6}50%{opacity:.3}75%{opacity:.6}}.grip-inner{animation:gripInnerShine 3s ease-in-out infinite}@keyframes gripInnerShine{0%,to{opacity:.8}50%{opacity:.4}}.plate-bolts circle{animation:boltRotate 8s linear infinite;transform-origin:center}.plate-bolts circle:nth-child(1){animation-delay:0s}.plate-bolts circle:nth-child(2){animation-delay:.1s}.plate-bolts circle:nth-child(3){animation-delay:.2s}.plate-bolts circle:nth-child(4){animation-delay:.3s}.plate-bolts circle:nth-child(5){animation-delay:.4s}.plate-bolts circle:nth-child(6){animation-delay:.5s}.plate-bolts circle:nth-child(7){animation-delay:.6s}.plate-bolts circle:nth-child(8){animation-delay:.7s}@keyframes boltRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plate-weight-text{animation:weightPulse 2s ease-in-out infinite}@keyframes weightPulse{0%,to{opacity:1;filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}50%{opacity:.85;filter:drop-shadow(0 0 16px rgba(139,92,246,.9))}}.plate-kg-text{animation:kgFade 2s ease-in-out infinite}@keyframes kgFade{0%,to{opacity:.9}50%{opacity:.6}}.plate-shine{animation:shineMove 4s ease-in-out infinite}@keyframes shineMove{0%{opacity:.08;transform:translate(0) rotate(-45deg)}25%{opacity:.15;transform:translate(10px,-10px) rotate(-45deg)}50%{opacity:.08;transform:translate(0) rotate(-45deg)}75%{opacity:.12;transform:translate(-10px,10px) rotate(-45deg)}to{opacity:.08;transform:translate(0) rotate(-45deg)}}.plate-loading-label{text-align:center;margin-top:8px}.loading-dots{font-size:14px;font-weight:600;color:#6366f1;letter-spacing:1px;text-transform:uppercase;position:relative;display:inline-block}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite;position:absolute;right:-24px;bottom:0}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.progress-bar{width:100%;height:10px;background:linear-gradient(90deg,#6366f114,#8b5cf61f,#a855f714);border-radius:20px;overflow:visible;position:relative;box-shadow:inset 0 1px 3px #00000014}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:20px;position:relative;animation:progressFlow 2.5s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 16px #6366f180,0 4px 12px #8b5cf64d}.progress-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);border-radius:20px;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progressFlow{0%{width:10%;opacity:.8}50%{width:70%;opacity:1}to{width:95%;opacity:.9}}.progress-label{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:#6366f1;letter-spacing:.5px;text-transform:uppercase;animation:labelPulse 2s ease-in-out infinite}@keyframes labelPulse{0%,to{opacity:.6}50%{opacity:1}}.success-content{text-align:center}.success-icon{width:120px;height:120px;margin:0 auto 28px}.success-animation{width:100%;height:100%}.success-bg-circle{animation:successBgPulse 2s ease-in-out infinite}@keyframes successBgPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.15;transform:scale(1.05)}}.checkmark-circle{stroke-dasharray:314;stroke-dashoffset:314;animation:drawCircle .7s cubic-bezier(.65,0,.35,1) forwards}.checkmark-path{stroke-dasharray:90;stroke-dashoffset:90;animation:drawCheck .5s cubic-bezier(.65,0,.35,1) .7s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.celebration-stars .star{animation:starPop 1.5s ease-out forwards;transform-origin:center;opacity:0}.star-1{animation-delay:.8s}.star-2{animation-delay:1s}.star-3{animation-delay:1.2s}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}to{opacity:.8;transform:scale(1) rotate(360deg)}}.success-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 14px}.success-message{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 28px}.success-message strong{color:#1e293b;font-weight:600}.success-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.detail-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:linear-gradient(135deg,#6366f108,#8b5cf608);border-radius:12px;border:1.5px solid rgba(99,102,241,.1);transition:all .3s ease;animation:detailFadeIn .5s ease-out backwards}.detail-item:nth-child(1){animation-delay:1.3s}.detail-item:nth-child(2){animation-delay:1.5s}.detail-item:nth-child(3){animation-delay:1.7s}@keyframes detailFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-item:hover{transform:translateY(-2px);border-color:#6366f133;background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.detail-icon-svg{width:48px;height:48px}.detail-icon-svg .ai-dot{animation:aiDotBlink 2s ease-in-out infinite}.ai-dot:nth-child(1){animation-delay:0s}.ai-dot:nth-child(2){animation-delay:.3s}@keyframes aiDotBlink{0%,to{opacity:.3}50%{opacity:1}}.muscle-line{stroke-dasharray:30;stroke-dashoffset:30;animation:muscleDraw 2s ease-in-out infinite}@keyframes muscleDraw{0%,to{stroke-dashoffset:30}50%{stroke-dashoffset:0}}.detail-text{font-size:11px;color:#64748b;font-weight:600;text-align:center;line-height:1.3}.success-actions{display:flex;gap:12px;justify-content:center}@media(max-width:768px){.generate-workout-modal{padding:36px 24px}.ai-animation,.muscle-builder-icon{width:180px;height:180px}.weight-plate-loader{max-width:240px}.weight-plate-svg{width:180px;height:180px}.loading-dots{font-size:13px}.generating-title{font-size:22px}.generating-subtitle{font-size:14px}.success-details{grid-template-columns:1fr;gap:10px}.success-actions{flex-direction:column;gap:10px}.btn{width:100%}}@media(max-width:480px){.generate-workout-modal{padding:28px 20px}.ai-animation,.muscle-builder-icon{width:160px;height:160px}.weight-plate-loader{max-width:200px}.weight-plate-svg{width:160px;height:160px}.loading-dots{font-size:12px}.plate-weight-text{font-size:24px}.plate-kg-text{font-size:12px}}.confirm-regenerate-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirm-regenerate-modal{background:var(--bg-elevated);border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease-out;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-icon{width:100px;height:100px;margin:0 auto 24px}.warning-icon{width:100%;height:100%;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.confirm-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.confirm-message{font-size:16px;color:var(--text-secondary);margin:0 0 20px;line-height:1.6}.confirm-message strong{color:var(--text-primary);font-weight:600}.confirm-warning{display:flex;align-items:center;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:24px;text-align:left}.warning-icon-small{font-size:24px;flex-shrink:0}.confirm-warning span:last-child{font-size:14px;color:var(--text-secondary);line-height:1.5}.confirm-question{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 32px}.confirm-actions{display:flex;gap:12px;justify-content:center}.btn{padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-confirm{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-confirm:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.btn-confirm:active{transform:translateY(0)}@media(max-width:640px){.confirm-regenerate-modal{padding:24px}.confirm-actions{flex-direction:column}.btn{width:100%}}.action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;color:#fff!important;font-family:inherit!important;min-width:44px!important;min-height:44px!important}.action-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 4px 12px #00000026!important}.action-btn:active:not(:disabled){transform:translateY(0)!important}.action-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.action-btn-view{background-color:var(--action-view)!important}.action-btn-view:hover:not(:disabled){background-color:var(--action-view-hover)!important;box-shadow:0 4px 12px #667eea4d!important}.action-btn-edit{background-color:var(--action-edit)!important}.action-btn-edit:hover:not(:disabled){background-color:var(--action-edit-hover)!important;box-shadow:0 4px 12px #0891b24d!important}.action-btn-delete{background-color:var(--action-delete)!important}.action-btn-delete:hover:not(:disabled){background-color:var(--action-delete-hover)!important;box-shadow:0 4px 12px #ef44444d!important}.action-btn-paid{background-color:var(--action-paid)!important}.action-btn-paid:hover:not(:disabled){background-color:var(--action-paid-hover)!important;box-shadow:0 4px 12px #10b9814d!important}.action-btn-activate{background-color:var(--action-activate)!important}.action-btn-activate:hover:not(:disabled){background-color:var(--action-activate-hover)!important;box-shadow:0 4px 12px #06b6d44d!important}.action-btn-deactivate{background-color:var(--action-deactivate)!important}.action-btn-deactivate:hover:not(:disabled){background-color:var(--action-deactivate-hover)!important;box-shadow:0 4px 12px #f59e0b4d!important}.action-btn-workout{background-color:var(--action-workout)!important}.action-btn-workout:hover:not(:disabled){background-color:var(--action-workout-hover)!important;box-shadow:0 4px 12px #8b5cf64d!important}.action-btn-clock{background-color:var(--action-clock)!important}.action-btn-clock:hover:not(:disabled){background-color:var(--action-clock-hover)!important;box-shadow:0 4px 12px #3b82f64d!important}.action-btn-reports{background-color:var(--action-reports)!important}.action-btn-reports:hover:not(:disabled){background-color:var(--action-reports-hover)!important;box-shadow:0 4px 12px #14b8a64d!important}.action-btn-schedule{background-color:var(--action-view)!important}.action-btn-schedule:hover:not(:disabled){background-color:var(--action-view-hover)!important;box-shadow:0 4px 12px #667eea4d!important}.action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}@media(max-width:768px){.action-btn{padding:8px;min-width:32px;min-height:32px}.action-buttons{gap:6px}}@media(max-width:480px){.action-btn{padding:6px;min-width:28px;min-height:28px}.action-buttons{gap:4px}}.error-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.error-modal-content{background:var(--bg-elevated);border-radius:20px;padding:40px;max-width:440px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUpBounce .4s cubic-bezier(.34,1.56,.64,1);text-align:center}.error-modal-icon{width:100px;height:100px;margin:0 auto 24px}.error-icon-svg{width:100%;height:100%;animation:errorShake .5s ease-out}@keyframes errorShake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.error-modal-title{font-size:26px;font-weight:700;color:#ef4444;margin:0 0 16px}.error-modal-message{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0 0 32px}.error-modal-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:16px;font-weight:600;padding:14px 48px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ef44444d}.error-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.error-modal-button:active{transform:translateY(0)}@media(max-width:640px){.error-modal-content{padding:32px 24px}.error-modal-icon{width:80px;height:80px}.error-modal-title{font-size:22px}.error-modal-message{font-size:15px}}.success-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.success-modal-content{background:var(--bg-elevated);border-radius:20px;padding:40px;max-width:440px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUpBounce .4s cubic-bezier(.34,1.56,.64,1);text-align:center}.success-modal-icon{width:100px;height:100px;margin:0 auto 24px}.success-icon-svg{width:100%;height:100%}.success-circle{animation:drawCircle .6s ease-out forwards;stroke-dasharray:283;stroke-dashoffset:283}.success-checkmark{animation:drawCheckmark .4s ease-out .3s forwards;stroke-dasharray:70;stroke-dashoffset:70}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheckmark{to{stroke-dashoffset:0}}.success-modal-title{font-size:26px;font-weight:700;color:#10b981;margin:0 0 16px}.success-modal-message{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0 0 32px}.success-modal-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:16px;font-weight:600;padding:14px 48px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #10b9814d}.success-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.success-modal-button:active{transform:translateY(0)}@media(max-width:640px){.success-modal-content{padding:32px 24px}.success-modal-icon{width:80px;height:80px}.success-modal-title{font-size:22px}.success-modal-message{font-size:15px}}.employees-section{max-width:1400px;margin:0 auto}.employees-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.employees-stats .stat-card{background:var(--color-background-card-light);border-radius:var(--spacing-5);padding:var(--spacing-6);box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-fast) ease}.employees-section .error-state button:hover{background:var(--color-primary-600);transform:translateY(-2px)}.incomplete-employees-section{background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--spacing-3);padding:1.5rem;margin-bottom:2rem}.incomplete-employees-section h3{color:var(--color-warning-700);margin:0 0 .5rem;font-size:1.2rem;font-weight:var(--font-weight-semibold)}.incomplete-employees-section p{color:var(--color-warning-600);margin:0 0 1rem;font-size:.9rem}.incomplete-list{display:grid;gap:1rem}.incomplete-card{display:flex;justify-content:space-between;align-items:center;background:var(--color-background-card-light);border:1px solid var(--color-warning-300);border-radius:var(--spacing-2);padding:1rem;transition:all var(--transition-fast) ease}.incomplete-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b26}.incomplete-info{display:flex;flex-direction:column;gap:.25rem}.incomplete-info strong{color:var(--color-text-primary-light);font-size:1rem}.incomplete-info span{color:var(--color-text-secondary-light);font-size:.9rem}.incomplete-info small{color:var(--color-text-muted-light);font-size:.8rem}.continue-btn{background:var(--color-warning-500);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) ease;font-size:.9rem}.continue-btn:hover{background:var(--color-warning-600);transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.employees-stats .stat-icon{font-size:var(--spacing-6);width:var(--spacing-12);height:var(--spacing-12);min-width:var(--spacing-12);min-height:var(--spacing-12);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);flex-shrink:0}.employees-stats .stat-info h3{margin:0 0 8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);opacity:.7}.employees-stats .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.filters-row{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);align-items:center}.search-container{flex:1}.search-input{width:100%;padding:var(--spacing-3) 16px;border:1px solid var(--color-border-light);border-radius:var(--spacing-3);font-size:var(--font-size-sm);background-color:var(--color-gray-50);transition:all var(--transition-fast) ease}.search-input:focus{outline:none;border-color:var(--color-primary-500);background-color:var(--color-background-card-light);box-shadow:0 0 0 3px #0133691a}.filter-select{padding:var(--spacing-3) 16px;border:1px solid var(--color-border-light);border-radius:var(--spacing-3);font-size:var(--font-size-sm);background:var(--color-background-card-light);cursor:pointer;min-width:200px}.employees-table{background:var(--color-background-card-light);border-radius:var(--spacing-5);box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-light);overflow:hidden;margin-bottom:var(--spacing-6)}.employees-table table{width:100%;border-collapse:collapse}.employees-table th{background:var(--color-gray-50);padding:var(--spacing-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border-light)}.employees-table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-sm);color:var(--color-text-primary-light);vertical-align:middle}.employees-table tr:hover{background:var(--color-gray-50)}.employee-avatar{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--spacing-4);flex-shrink:0;overflow:hidden;position:relative}.employee-avatar .avatar-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-full)}.employee-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--spacing-4);font-weight:var(--font-weight-semibold);color:#fff;position:absolute;top:0;left:0}.employee-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light);margin-bottom:2px}.employee-id{font-size:var(--spacing-3);color:var(--color-gray-500)}.position-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.position-title{font-weight:var(--font-weight-medium);color:var(--color-text-primary-light)}.department-tag{display:inline-block;padding:2px 8px;background:var(--color-secondary-100);color:var(--color-secondary-700);border-radius:var(--spacing-3);font-size:var(--spacing-3);font-weight:var(--font-weight-medium);width:fit-content}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.contact-info .phone{font-size:var(--font-size-sm);color:var(--color-gray-600)}.schedule-info{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm);color:var(--color-gray-700);background:var(--color-gray-100);padding:var(--spacing-1) 8px;border-radius:var(--radius-base);text-align:center}.status-badge{padding:6px 16px;border-radius:var(--spacing-5);font-size:var(--spacing-3);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:var(--color-success-50);color:var(--color-success-600)}.status-badge.warning{background:var(--color-warning-50);color:var(--color-warning-600)}.status-badge.inactive{background:var(--color-error-50);color:var(--color-error-600)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) 0;color:var(--color-gray-600);font-size:var(--font-size-sm);flex-wrap:wrap;gap:var(--spacing-4)}.footer-info{color:var(--text-secondary);font-size:var(--font-size-sm)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-4)}.pagination-button{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;display:flex;align-items:center;gap:var(--spacing-2)}.pagination-button:hover:not(:disabled){background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.pagination-button:disabled{opacity:.4;cursor:not-allowed;background:var(--surface-color)}.pagination-info{display:flex;align-items:center;gap:var(--spacing-2)}.page-indicator{color:var(--text-secondary);font-size:var(--font-size-sm)}.page-indicator strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.employee-actions{display:flex;gap:var(--spacing-3)}.secondary-button{background:none;border:1px solid var(--color-primary-500);color:var(--color-primary-500);border-radius:var(--spacing-2);padding:var(--spacing-2) 16px;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast) ease}.secondary-button:hover{background:var(--color-primary-500);color:#fff}@media(max-width:1200px){.employees-section{max-width:100%;padding:0 1rem}.employees-stats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--spacing-5)}.employees-stats .stat-card{padding:var(--spacing-5)}.filters-row{gap:var(--spacing-3)}.filter-select{min-width:180px}}@media(max-width:992px){.employees-section{padding:0 .875rem}.employees-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.employees-stats .stat-card{padding:var(--spacing-4);gap:var(--spacing-3)}.employees-stats .stat-icon{width:44px;height:44px;min-width:44px;min-height:44px;font-size:22px}.employees-stats .stat-info h3{font-size:13px;margin-bottom:6px}.employees-stats .stat-value{font-size:26px}.filters-row{flex-wrap:wrap;gap:var(--spacing-3)}.search-container{min-width:100%}.filter-select{flex:1;min-width:150px}.incomplete-employees-section{padding:1.25rem;margin-bottom:1.5rem}.incomplete-employees-section h3{font-size:1.125rem}.incomplete-employees-section p{font-size:.875rem}.employees-table{overflow-x:auto;margin-bottom:var(--spacing-5)}.employees-table table{min-width:800px}.employees-table th:nth-child(5),.employees-table td:nth-child(5){display:none}.employees-table th,.employees-table td{padding:var(--spacing-3);font-size:13px}.employee-avatar{width:36px;height:36px;font-size:15px}.employee-avatar .avatar-placeholder{font-size:15px}.employee-name{font-size:14px}.employee-id{font-size:12px}.position-title{font-size:13px}.department-tag{font-size:11px;padding:2px 7px}.table-footer{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.employee-actions{gap:8px}.employee-actions button{padding:7px 12px;font-size:13px}}@media(max-width:768px){.employees-section{padding:0 .75rem}.employees-stats{grid-template-columns:1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.employees-stats .stat-card{padding:var(--spacing-4)}.employees-stats .stat-icon{width:40px;height:40px;min-width:40px;min-height:40px;font-size:20px}.employees-stats .stat-info h3{font-size:12px;margin-bottom:6px}.employees-stats .stat-value{font-size:24px}.filters-row{flex-direction:column;align-items:stretch;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.search-container{width:100%}.search-input{padding:var(--spacing-2) 14px;font-size:14px}.filter-select{width:100%;min-width:100%;padding:var(--spacing-2) 14px;font-size:14px}.incomplete-employees-section{padding:1rem;margin-bottom:1.25rem;border-radius:8px}.incomplete-employees-section h3{font-size:1rem;margin-bottom:.375rem}.incomplete-employees-section p{font-size:.8125rem;margin-bottom:.875rem}.incomplete-list{gap:.875rem}.incomplete-card{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem}.incomplete-info strong{font-size:.9375rem}.incomplete-info span{font-size:.8125rem}.incomplete-info small{font-size:.75rem}.continue-btn{width:100%;padding:.625rem 1.25rem;font-size:.875rem}.employees-table{overflow-x:visible;margin-bottom:var(--spacing-4);border-radius:12px}.employees-table table{min-width:auto;width:100%}.employees-table th:nth-child(2),.employees-table td:nth-child(2),.employees-table th:nth-child(3),.employees-table td:nth-child(3),.employees-table th:nth-child(4),.employees-table td:nth-child(4),.employees-table th:nth-child(5),.employees-table td:nth-child(5){display:none}.employees-table th,.employees-table td{padding:12px 8px;font-size:13px}.employees-table th:nth-child(1),.employees-table td:nth-child(1){padding-left:12px}.employees-table th:last-child,.employees-table td:last-child{padding-right:12px}.employee-info{gap:10px}.employee-avatar{width:36px;height:36px;font-size:14px}.employee-avatar .avatar-placeholder{font-size:14px}.employee-name{font-size:13px}.employee-id{font-size:11px}.position-title{font-size:13px}.department-tag{font-size:10px;padding:2px 6px}.table-footer{flex-direction:column;gap:var(--spacing-3);align-items:stretch;padding:var(--spacing-3)}.employee-actions{justify-content:center;gap:8px;flex-wrap:wrap}.employee-actions button{flex:1;min-width:120px;padding:8px 12px;font-size:13px}.primary-button,.secondary-button{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:14px}}@media(max-width:480px){.employees-section{padding:0 .625rem}.employees-stats{gap:.75rem;margin-bottom:1rem}.employees-stats .stat-card{padding:.875rem;gap:.75rem}.employees-stats .stat-icon{width:36px;height:36px;min-width:36px;min-height:36px;font-size:18px}.employees-stats .stat-info h3{font-size:11px;margin-bottom:4px}.employees-stats .stat-value{font-size:22px}.search-input,.filter-select{padding:.625rem 12px;font-size:13px}.incomplete-employees-section{padding:.875rem;margin-bottom:1rem}.incomplete-employees-section h3{font-size:.9375rem}.incomplete-employees-section p{font-size:.75rem}.incomplete-list{gap:.75rem}.incomplete-card{padding:.75rem;gap:.625rem}.incomplete-info strong{font-size:.875rem}.incomplete-info span,.incomplete-info small{font-size:.6875rem}.continue-btn{padding:.625rem 1rem;font-size:.8125rem}.employees-table{margin-bottom:1rem}.employees-table table{width:100%}.employees-table th:nth-child(2),.employees-table td:nth-child(2),.employees-table th:nth-child(3),.employees-table td:nth-child(3),.employees-table th:nth-child(4),.employees-table td:nth-child(4),.employees-table th:nth-child(5),.employees-table td:nth-child(5){display:none}.employees-table th,.employees-table td{padding:10px 6px;font-size:12px}.employees-table th:nth-child(1),.employees-table td:nth-child(1){padding-left:10px}.employees-table th:last-child,.employees-table td:last-child{padding-right:10px}.employee-avatar{width:32px;height:32px;font-size:13px}.employee-avatar .avatar-placeholder{font-size:13px}.employee-name{font-size:12px}.employee-id{font-size:10px}.position-title{font-size:12px}.department-tag{font-size:9px;padding:1px 5px}.employee-actions{flex-direction:column;gap:6px}.employee-actions button{width:100%;min-width:100%;padding:7px 10px;font-size:12px}.primary-button,.secondary-button{padding:.625rem 1rem;font-size:13px}}.form-step{opacity:0;transform:translate(20px);animation:slideIn .4s ease forwards}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.step.completed{background:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.step.completed .step-number{background:var(--success-500)!important;color:var(--text-on-primary)!important;border-color:var(--success-500)}.step.completed .step-label{color:var(--success-700)!important}.signature-options{display:grid;gap:1rem;margin-bottom:1.5rem}.signature-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid var(--border-light);border-radius:.75rem;background:var(--bg-elevated);cursor:pointer;transition:all var(--transition-base) ease-in-out;position:relative;overflow:hidden}.signature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(1,51,105,.05),transparent);transition:left .5s ease}.signature-card:hover{border-color:var(--primary-500);transform:translateY(-2px);box-shadow:0 8px 25px #01336926}.signature-card:hover:before{left:100%}.signature-card.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 4px 16px #0133691a}.signature-card input[type=radio]{margin:0;width:20px;height:20px;accent-color:var(--primary-500)}.signature-card label{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;flex:1}.signature-card label strong{color:var(--text-primary);font-size:1.1rem;font-weight:600}.signature-card label span{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.signature-card .price-tag{background:var(--primary-500);color:var(--text-on-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.9rem}.modal-footer{justify-content:space-between}.continue-btn{background:var(--warning-500)!important;border-color:var(--warning-500)!important;margin-top:.5rem;box-shadow:0 2px 8px #f59e0b26}.continue-btn:hover:not(:disabled){background:var(--warning-600)!important;border-color:var(--warning-600)!important;box-shadow:0 4px 12px #f59e0b40}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;transform:none;box-shadow:none}.photo-preview{margin-top:1rem;display:flex;justify-content:center}.photo-preview img{max-width:150px;max-height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-500);box-shadow:0 4px 12px #00000026}@media(max-width:768px){.modal-content{width:95%;margin:1rem}.form-grid{grid-template-columns:1fr}.modal-steps{flex-direction:column;gap:.5rem}.modal-footer{flex-direction:column}}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.role-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border:2px solid var(--border-light);border-radius:.75rem;background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-base) ease-in-out;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(1,51,105,.05),transparent);transition:left .5s ease}.role-card:hover{border-color:var(--primary-500);transform:translateY(-2px);box-shadow:0 8px 25px #01336926}.role-card:hover:before{left:100%}.role-card input[type=checkbox]:checked~label{color:var(--primary-600)}.role-card input[type=checkbox]:checked{transform:scale(1.1)}.role-card label strong{color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:color .3s ease}.role-card label span{color:var(--text-secondary);font-size:.9rem;line-height:1.4;transition:color .3s ease}.role-card:has(input:checked){border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 4px 16px #0133691a}.role-card:has(input:checked) label strong{color:var(--primary-600)}.role-card:has(input:checked) label span{color:var(--primary-500)}.step-description{text-align:center;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:2rem;padding:0 1rem}.form-group input[type=time]{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:.5rem;background:var(--bg-elevated);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-base) ease-in-out;box-sizing:border-box}.form-group input[type=time]:hover{border-color:var(--gray-300)}.form-group input[type=time]:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0133691a;transform:translateY(-1px)}.form-group input[type=number]{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:.5rem;background:var(--bg-elevated);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-base) ease-in-out;box-sizing:border-box}.form-group input[type=number]:hover{border-color:var(--gray-300)}.form-group input[type=number]:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0133691a;transform:translateY(-1px)}.form-step h3{color:var(--primary-500);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;text-align:center;border-bottom:2px solid var(--primary-100);padding-bottom:.5rem}.form-step{opacity:0;transform:translate(20px);animation:slideInEmployee .4s ease forwards}@keyframes slideInEmployee{to{opacity:1;transform:translate(0)}}.form-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:.5rem;background:var(--bg-elevated);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-base) ease-in-out;box-sizing:border-box;cursor:pointer}.form-group select:hover{border-color:var(--gray-300)}.form-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0133691a;transform:translateY(-1px)}@media(max-width:768px){.roles-grid{grid-template-columns:1fr}.role-card{padding:1rem}.role-card label strong{font-size:1rem}.role-card label span{font-size:.85rem}}.btn-primary:disabled{cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled{background:var(--gray-400);border-color:var(--gray-400);color:var(--gray-200)}.success-message{background:var(--success-50);border:1px solid var(--color-success-200);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:var(--success-700);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;animation:slideDown .3s ease-out}.success-message:before{content:"✅";font-size:1rem}.error-message{background:var(--error-50);border:1px solid var(--color-error-200);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:var(--error-700);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;animation:slideDown .3s ease-out}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.role-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border:2px solid var(--border-light);border-radius:.75rem;background:var(--bg-primary);cursor:pointer;transition:all var(--transition-base) ease-in-out}.role-card:hover{border-color:var(--primary-300);background:var(--primary-50);transform:translateY(-2px);box-shadow:0 4px 12px #0133691a}.role-card input[type=checkbox]{margin:0;width:20px;height:20px;accent-color:var(--primary-500);cursor:pointer}.role-card label{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;flex:1;margin:0}.role-card label strong{color:var(--text-primary);font-size:1rem;font-weight:600}.role-card label span{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.btn-secondary:disabled{background:var(--gray-400)!important;border-color:var(--gray-400)!important;color:var(--gray-200)!important}.step-description{margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.view-employee-modal-content{max-width:750px;display:flex;flex-direction:column}.view-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;position:relative}.employee-header-info{display:flex;align-items:center;gap:1.5rem}.employee-avatar-large{width:80px;height:80px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.3);overflow:hidden}.employee-avatar-large .avatar-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-full)}.employee-avatar-large .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;position:absolute;top:0;left:0}.view-modal-header h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:600}.employee-subtitle{margin:0 0 1rem;font-size:1rem}.view-modal-header .status-badge{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.view-modal-header .close-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);width:40px;height:40px;border-radius:var(--radius-full);font-size:1.5rem;cursor:pointer;transition:all var(--transition-base) ease-in-out}.view-modal-header .close-btn:hover{background:#fff3;transform:rotate(90deg)}.view-modal-body{flex:1;padding:2rem;overflow-y:auto}.employee-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.detail-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.detail-section.full-width{grid-column:1 / -1}.detail-section h3{margin:0 0 1.5rem;color:var(--color-primary);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid var(--border-light);padding-bottom:.75rem}.detail-items{display:flex;flex-direction:column;gap:1rem}.detail-item label{font-size:.85rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.detail-item span{font-size:1rem;color:var(--text-primary);font-weight:500;padding:.5rem 0}.detail-item .salary-value{font-size:1.25rem;color:var(--color-success);font-weight:700}.detail-item .status-badge{align-self:flex-start;margin-top:.25rem}.roles-display{display:flex;flex-wrap:wrap;gap:.75rem}.role-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-primary-light);color:var(--color-primary);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;border:2px solid var(--color-primary-light);transition:all var(--transition-base) ease-in-out}.role-badge:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.no-roles{color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center;background:var(--bg-secondary);border-radius:.5rem;border:2px dashed var(--border-light)}.view-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-primary);border-top:1px solid var(--border-light);gap:1rem}.employee-actions{display:flex;gap:.75rem}.employee-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base) ease-in-out}.employee-actions .action-btn.primary{background:var(--color-primary-light);color:var(--color-primary)}.employee-actions .action-btn.primary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.employee-actions .action-btn.success{background:var(--color-success-light);color:var(--color-success)}.employee-actions .action-btn.success:hover{background:var(--color-success);color:#fff;transform:translateY(-2px)}.employee-actions .action-btn.warning{background:var(--color-warning-light);color:var(--color-warning)}.employee-actions .action-btn.warning:hover{background:var(--color-warning);color:#fff;transform:translateY(-2px)}.view-modal-footer .btn-secondary{padding:.75rem 2rem;background:var(--gray-200);color:var(--text-primary);border:2px solid var(--border-light);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all var(--transition-base) ease-in-out}.view-modal-footer .btn-secondary:hover{background:var(--gray-300);border-color:var(--gray-400);transform:translateY(-1px)}.view-modal-header .status-badge.active{background:#22c55e33;color:#22c55e;border-color:#22c55e4d}.view-modal-header .status-badge.warning{background:#fbbf2433;color:#fbbf24;border-color:#fbbf244d}.view-modal-header .status-badge.inactive{background:#ef444433;color:#ef4444;border-color:#ef44444d}@media(max-width:768px){.view-employee-modal-content{width:95%;margin:1rem}.employee-details-grid{grid-template-columns:1fr}.view-modal-header{padding:1.5rem}.employee-header-info{flex-direction:column;text-align:center}.employee-avatar-large{width:60px;height:60px;font-size:1.5rem}.view-modal-footer{flex-direction:column-reverse;gap:1rem}.employee-actions{width:100%;justify-content:space-between}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-content{background:var(--bg-elevated);border-radius:1rem;width:90%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:2px solid var(--color-border-light);flex-shrink:0}[data-theme=dark] .modal-header{border-bottom-color:var(--color-border-dark)}.modal-header h2{margin:0;font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-secondary-light);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:all var(--transition-fast) ease}[data-theme=dark] .modal-close{color:var(--color-text-secondary-dark)}.modal-close:hover{background:var(--bg-secondary);color:var(--color-danger-500)}.exercise-form{padding:var(--spacing-6);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--gray-400) var(--bg-secondary)}.exercise-form::-webkit-scrollbar{width:8px}.exercise-form::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.exercise-form::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.exercise-form::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-weight:var(--font-weight-semibold);font-size:.9rem;color:var(--color-text-primary-light)}[data-theme=dark] .form-group label{color:var(--color-text-primary-dark)}.form-group label.required:after{content:" *";color:var(--color-danger-500)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-base);font-size:.95rem;background:var(--color-background-light);color:var(--color-text-primary-light);transition:all var(--transition-fast) ease}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;font-family:inherit}.form-hint{font-size:.8rem;color:var(--color-text-secondary-light);margin-top:var(--spacing-1)}[data-theme=dark] .form-hint{color:var(--color-text-secondary-dark)}.error-banner{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:#ef44441a;border:1px solid var(--color-danger-300);border-radius:var(--radius-base);color:var(--color-danger-600);margin:var(--spacing-4) var(--spacing-6);font-size:.9rem}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--color-border-light);background:var(--bg-elevated);flex-shrink:0;position:sticky;bottom:0;z-index:10}[data-theme=dark] .modal-footer{border-top-color:var(--color-border-dark)}.btn-primary,.btn-secondary{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast) ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:0 2px 8px #3b82f633}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-background-card-light);color:var(--color-text-primary-light);border:1px solid var(--color-border-light)}[data-theme=dark] .btn-secondary{background:var(--color-background-card-dark);color:var(--color-text-primary-dark);border-color:var(--color-border-dark)}.btn-secondary:hover:not(:disabled){background:var(--color-background-hover-light);border-color:var(--color-primary-500)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--color-background-hover-dark)}@media(max-width:768px){.exercise-form-modal{max-width:95vw;max-height:95vh}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-elevated);border-radius:1rem;width:90%;max-width:900px;max-height:95vh;overflow:hidden;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--primary-100);background:var(--bg-elevated);flex-shrink:0}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all var(--transition-base);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--bg-secondary);color:var(--primary-500)}.modal-steps{display:flex;padding:1rem 2rem;gap:1rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);flex-shrink:0}.step{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:.75rem;font-size:.95rem;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border:2px solid var(--border-light);transition:all var(--transition-base);cursor:pointer}.step:hover{border-color:var(--primary-300);transform:translateY(-2px)}.step.active{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-600);box-shadow:var(--shadow-sm)}.step-number{width:32px;height:32px;border-radius:50%;background:var(--gray-300);color:var(--bg-elevated);border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;transition:all var(--transition-base)}.step.active .step-number{background:var(--primary-500);border-color:var(--primary-600);color:var(--text-on-primary)}.step-label{font-weight:600;transition:color var(--transition-base)}.step.active .step-label{color:var(--primary-700)}.modal-body{padding:2rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--gray-400) var(--bg-secondary)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.form-step h3{color:var(--primary-500);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;text-align:center;border-bottom:2px solid var(--primary-100);padding-bottom:.75rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.form-group{margin-bottom:0}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:.5rem;font-size:1rem;transition:all var(--transition-base) ease;background:var(--bg-elevated)!important;color:var(--text-primary)!important}.form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0133691a}.form-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0133691a}.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0133691a}.form-group textarea::placeholder{color:var(--gray-400)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-light);background:var(--bg-secondary);flex-shrink:0;position:sticky;bottom:0;z-index:10}.btn-secondary{padding:.875rem 2rem;background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-medium);border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{border-color:var(--border-strong);filter:brightness(.95)}.btn-primary{padding:.875rem 2rem;background:var(--primary-500);color:var(--text-on-primary);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-600);filter:brightness(.95)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.modal-content{width:95%;max-height:98vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-steps{padding:.75rem 1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.step{font-size:.85rem;padding:.75rem}.modal-header h2{font-size:1.25rem}}.input-error{border-color:var(--error-500)!important;background-color:#dc26260d!important}.form-hint{display:block;font-size:.75rem;margin-top:.25rem;transition:all .2s ease}.form-hint.checking{color:var(--info-600);animation:pulse 1.5s ease-in-out infinite}.form-hint.error{color:var(--error-600);font-weight:500}.form-hint.success{color:var(--success-600);font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.info-box{background:#e3f2fd;border-left:4px solid #2196F3;padding:12px 16px;border-radius:4px;margin:16px 0}.info-box p{margin:0;font-size:13px;color:#1565c0;line-height:1.5}.timesheet-section{max-width:1500px;margin:0 auto}.header-actions{display:flex;gap:var(--spacing-3)}.timesheet-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.timesheet-stats .stat-card{background:var(--color-background-card-light);border-radius:var(--spacing-5);padding:var(--spacing-6);box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-fast) ease}.timesheet-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.timesheet-stats .stat-icon{font-size:var(--spacing-6);width:var(--spacing-12);height:var(--spacing-12);min-width:var(--spacing-12);min-height:var(--spacing-12);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);flex-shrink:0}.timesheet-stats .stat-info h3{margin:0 0 8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.timesheet-stats .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary-light);margin:0}.timesheet-filters{background:var(--color-background-card-light);border-radius:var(--spacing-5);padding:var(--spacing-6);box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-light);margin-bottom:var(--spacing-6);display:flex;gap:var(--spacing-6);align-items:end;flex-wrap:wrap}.date-filter,.employee-filter{display:flex;flex-direction:column;gap:var(--spacing-2)}.date-filter label,.employee-filter label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:.25rem}[data-theme=dark] .date-filter label,[data-theme=dark] .employee-filter label{color:#ffffffb3}.date-input,.filter-select{padding:.75rem 1rem;border:2px solid var(--color-border-light);border-radius:8px;font-size:.9375rem;font-weight:500;background:#fff;color:var(--text-color, #212529);cursor:pointer;min-width:180px;transition:all .2s ease}input[type=date].date-input{background:#fff;color:#212529}.date-input:hover,.filter-select:hover{border-color:var(--color-primary-500)}[data-theme=dark] input[type=date].date-input,[data-theme=dark] .date-input,[data-theme=dark] .filter-select{background:#ffffff0d!important;color:#ffffffe6!important;border-color:#ffffff26!important}[data-theme=dark] input[type=date].date-input:hover,[data-theme=dark] .date-input:hover,[data-theme=dark] .filter-select:hover{background:#ffffff14!important;border-color:var(--color-primary-500)!important}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.date-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #0133691a}[data-theme=dark] input[type=date].date-input:focus,[data-theme=dark] .date-input:focus,[data-theme=dark] .filter-select:focus{background:#ffffff14!important;border-color:var(--color-primary-500)!important;box-shadow:0 0 0 4px #0133694d!important}[data-theme=dark] input[type=date].date-input::-webkit-datetime-edit,[data-theme=dark] .date-input::-webkit-datetime-edit{color:#ffffffe6!important;background:transparent!important}[data-theme=dark] input[type=date].date-input::-webkit-datetime-edit-fields-wrapper,[data-theme=dark] .date-input::-webkit-datetime-edit-fields-wrapper{color:#ffffffe6!important;background:transparent!important}[data-theme=dark] input[type=date].date-input::-webkit-datetime-edit-text,[data-theme=dark] input[type=date].date-input::-webkit-datetime-edit-month-field,[data-theme=dark] input[type=date].date-input::-webkit-datetime-edit-day-field,[data-theme=dark] input[type=date].date-input::-webkit-datetime-edit-year-field,[data-theme=dark] .date-input::-webkit-datetime-edit-text,[data-theme=dark] .date-input::-webkit-datetime-edit-month-field,[data-theme=dark] .date-input::-webkit-datetime-edit-day-field,[data-theme=dark] .date-input::-webkit-datetime-edit-year-field{color:#ffffffe6!important;background:transparent!important}.btn-filter{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-filter-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;box-shadow:0 2px 8px #01336933}.btn-filter-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0133694d}.btn-filter-secondary{background:#0000000d;color:var(--color-gray-700);border:2px solid var(--color-border-light)}.btn-filter-secondary:hover{background:#00000014;border-color:var(--color-primary-500)}[data-theme=dark] .btn-filter-secondary{background:#ffffff0d;color:#ffffffe6;border-color:#ffffff26}[data-theme=dark] .btn-filter-secondary:hover{background:#ffffff14;border-color:var(--color-primary-500)}.timesheet-table{background:var(--color-background-card-light);border-radius:var(--spacing-5);box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-light);overflow:hidden;margin-bottom:var(--spacing-6)}.timesheet-table table{width:100%;border-collapse:collapse}.timesheet-table th{background:var(--color-gray-50);padding:var(--spacing-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border-light)}.timesheet-table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-sm);color:var(--color-text-primary-light);vertical-align:middle}.timesheet-table tr:hover{background:var(--color-gray-50)}.timesheet-table tr.record-absent{background:var(--color-error-50)}.timesheet-table tr.record-absent:hover{background:var(--color-error-100)}.timesheet-table tr.invalid-record{background:#ff980014;opacity:.7;position:relative}.timesheet-table tr.invalid-record:hover{background:#ff98001f;opacity:.85}[data-theme=dark] .timesheet-table tr.invalid-record{background:#ff98001a;opacity:.6}[data-theme=dark] .timesheet-table tr.invalid-record:hover{background:#ff980026;opacity:.75}.invalid-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem;box-shadow:0 2px 4px #ff98004d;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}[data-theme=dark] .invalid-badge{background:linear-gradient(135deg,#ff9800,#fb8c00);box-shadow:0 2px 6px #ff980080}.invalid-badge svg{flex-shrink:0}.invalid-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);background:#ff980026;color:#ff9800;cursor:help}[data-theme=dark] .invalid-indicator{background:#ff980033;color:#ffb74d}.employee-info{display:flex;align-items:center;gap:var(--spacing-3)}.employee-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.employee-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary-light)}.time-cell{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm)}.time-cell .time{color:var(--color-text-primary-light);background:var(--color-gray-100);padding:var(--spacing-1) 8px;border-radius:var(--radius-base)}.time-cell .missing{color:var(--color-gray-400);font-style:italic}.total-hours{font-family:Monaco,Menlo,monospace;font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.overtime{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm)}.overtime.has-overtime{color:var(--color-warning-600);font-weight:var(--font-weight-semibold)}.no-data{text-align:center;padding:60px 20px}.no-data-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.no-data-icon{font-size:var(--spacing-12)}.no-data-message h3{margin:0;color:var(--color-gray-600);font-size:var(--font-size-lg)}.no-data-message p{margin:0;color:var(--color-gray-500);font-size:var(--font-size-sm)}.timesheet-summary{background:var(--color-background-card-light);border-radius:var(--spacing-5);padding:var(--spacing-6);box-shadow:0 4px 12px #00000014;border:1px solid var(--color-border-light)}.summary-card h4{margin:0 0 16px;font-size:var(--spacing-4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-light)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 16px;background:var(--color-gray-50);border-radius:var(--spacing-3)}.summary-item .label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.summary-item .value{font-size:var(--spacing-4);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.action-buttons{display:flex;gap:.5rem;justify-content:center}.action-btn{background:none;border:1px solid var(--border-color);padding:.5rem;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.action-btn.info{color:var(--info);border-color:var(--info)}.action-btn.info:hover{background-color:var(--info);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #2196f34d}.action-btn.primary{color:var(--primary);border-color:var(--primary)}.action-btn.primary:hover{background-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0133694d}.action-btn.danger{color:var(--error);border-color:var(--error)}.action-btn.danger:hover{background-color:var(--error);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #f443364d}.action-btn.warning{color:#ff9800;border-color:#ff9800}.action-btn.warning:hover{background-color:#ff9800;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ff98004d}.action-btn:disabled{opacity:.4;cursor:not-allowed;background:none;transform:none;box-shadow:none}.action-btn:disabled:hover{background:none;color:inherit;transform:none;box-shadow:none}[data-theme=dark] .action-btn:disabled{opacity:.3}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.error-state{color:var(--error)}.error-icon{font-size:3rem}.retry-button{padding:.75rem 1.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:all .2s ease}.retry-button:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.point-photo-thumb{border:1px solid var(--border-color);transition:all .2s ease}.point-photo-thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.no-photo{color:var(--text-secondary);font-style:italic}.datetime-info{display:flex;flex-direction:column;gap:.25rem}.date-value{font-weight:600}.time-value{font-size:.9rem;color:var(--text-secondary)}.location-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--text-secondary)}.map-button{padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:all .2s ease;white-space:nowrap}.map-button:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0133694d}@media(max-width:1200px){.timesheet-section{max-width:100%;padding:0 1rem}.timesheet-stats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--spacing-5)}.timesheet-table table{min-width:1000px}}@media(max-width:992px){.timesheet-section{padding:0 .875rem}.timesheet-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.timesheet-stats .stat-card{padding:var(--spacing-4)}.timesheet-stats .stat-icon{width:44px;height:44px;min-width:44px;min-height:44px;font-size:22px}.timesheet-stats .stat-info h3{font-size:13px}.timesheet-stats .stat-value{font-size:26px}.header-actions{flex-wrap:wrap;gap:var(--spacing-2)}.header-actions button{flex:1;min-width:150px}.timesheet-filters{padding:var(--spacing-4);gap:var(--spacing-4);flex-wrap:wrap}.date-filter,.employee-filter{flex:1;min-width:250px}.date-input,.filter-select{font-size:14px}.btn-filter{padding:.625rem 1rem;font-size:14px}.timesheet-table{overflow-x:auto}.timesheet-table table{min-width:900px}.timesheet-table th:nth-child(4),.timesheet-table td:nth-child(4){display:none}.summary-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}}@media(max-width:768px){.timesheet-section{padding:0 .75rem}.timesheet-stats{grid-template-columns:1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.timesheet-stats .stat-card{padding:var(--spacing-4)}.timesheet-stats .stat-icon{width:40px;height:40px;min-width:40px;min-height:40px;font-size:20px}.timesheet-stats .stat-info h3{font-size:12px}.timesheet-stats .stat-value{font-size:24px}.header-actions{flex-direction:column;gap:var(--spacing-2)}.header-actions button{width:100%}.timesheet-filters{flex-direction:column;align-items:stretch;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-4);border-radius:12px}.date-filter,.employee-filter{width:100%}.date-filter>div,.employee-filter>div{flex-direction:column!important;gap:.5rem!important}.date-input,.filter-select{width:100%;padding:.625rem .875rem;font-size:14px;min-width:auto}.btn-filter{width:100%;justify-content:center;padding:.625rem 1rem;font-size:14px}.timesheet-table{overflow-x:visible;margin-bottom:var(--spacing-4)}.timesheet-table table{min-width:auto;width:100%}.timesheet-table th:nth-child(2),.timesheet-table td:nth-child(2),.timesheet-table th:nth-child(4),.timesheet-table td:nth-child(4){display:none}.timesheet-table th,.timesheet-table td{padding:12px 8px;font-size:13px}.timesheet-table th:first-child,.timesheet-table td:first-child{padding-left:12px}.timesheet-table th:last-child,.timesheet-table td:last-child{padding-right:12px}.summary-stats{grid-template-columns:1fr;gap:var(--spacing-2)}.action-buttons{flex-direction:column;gap:.5rem}.action-buttons button{width:100%;padding:.625rem;font-size:13px}}@media(max-width:480px){.timesheet-section{padding:0 .625rem}.timesheet-stats{gap:.75rem;margin-bottom:1rem}.timesheet-stats .stat-card{padding:.875rem}.timesheet-stats .stat-icon{width:36px;height:36px;min-width:36px;min-height:36px;font-size:18px}.timesheet-stats .stat-info h3{font-size:11px}.timesheet-stats .stat-value{font-size:22px}.header-actions button{padding:.625rem 1rem;font-size:13px}.timesheet-filters{padding:.875rem;gap:.75rem;border-radius:8px}.date-filter>div,.employee-filter>div{flex-direction:column!important;gap:.5rem!important}.date-input,.filter-select{width:100%;padding:.625rem .75rem;font-size:13px}.btn-filter{width:100%;padding:.625rem .875rem;font-size:13px}.timesheet-table{margin-bottom:1rem}.timesheet-table th:nth-child(2),.timesheet-table td:nth-child(2),.timesheet-table th:nth-child(4),.timesheet-table td:nth-child(4){display:none}.timesheet-table th,.timesheet-table td{padding:10px 6px;font-size:12px}.timesheet-table th:first-child,.timesheet-table td:first-child{padding-left:10px}.timesheet-table th:last-child,.timesheet-table td:last-child{padding-right:10px}.action-buttons button{padding:.5rem;font-size:12px}}.feedback-modal{max-width:400px;text-align:center}.feedback-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.feedback-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.feedback-icon.error-icon{background-color:#dc26261a;color:var(--error)}.feedback-content p{font-size:1rem;color:var(--text-primary);line-height:1.5;margin:0}.timeclock-modal{max-width:520px;width:90%;border-radius:12px;overflow:hidden}.timeclock-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-light)}.header-title{display:flex;align-items:center;gap:.75rem}.timeclock-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-btn{background:transparent;border:none;font-size:28px;color:var(--text-tertiary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);line-height:1}.close-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.close-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.timeclock-body{padding:1.5rem;background:var(--bg-primary);max-height:70vh;overflow-y:auto}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.alert-error{background:var(--error-50);border:1px solid var(--error-200);color:var(--error-700)}.status-banner{display:flex;align-items:center;justify-content:space-between;background:var(--gradient-primary);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;color:var(--text-on-primary);box-shadow:var(--shadow-md)}.clock-compact{display:flex;flex-direction:column;gap:.25rem}.clock-compact .time{font-size:1.75rem;font-weight:700;letter-spacing:.5px}.clock-compact .date{font-size:.875rem;opacity:.9;text-transform:capitalize}.status-info{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-field{margin-bottom:1.5rem}.form-field:last-child{margin-bottom:0}.form-field label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.field-icon{color:var(--primary-500)}.required{color:var(--error-500)}.form-field select,.form-field input[type=datetime-local]{width:100%;padding:.75rem;border:2px solid var(--border-light);border-radius:8px;font-size:.9375rem;color:var(--text-primary);background:var(--bg-elevated);transition:all var(--transition-base)}.form-field input[type=datetime-local]{color-scheme:light;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=dark] .form-field input[type=datetime-local]{color-scheme:dark!important;background:var(--bg-elevated)!important;color:var(--text-primary)!important}.form-field input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}[data-theme=dark] .form-field input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.9}.form-field input[type=datetime-local]::-webkit-datetime-edit,.form-field input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper,.form-field input[type=datetime-local]::-webkit-datetime-edit-text,.form-field input[type=datetime-local]::-webkit-datetime-edit-month-field,.form-field input[type=datetime-local]::-webkit-datetime-edit-day-field,.form-field input[type=datetime-local]::-webkit-datetime-edit-year-field,.form-field input[type=datetime-local]::-webkit-datetime-edit-hour-field,.form-field input[type=datetime-local]::-webkit-datetime-edit-minute-field,.form-field input[type=datetime-local]::-webkit-datetime-edit-second-field,.form-field input[type=datetime-local]::-webkit-datetime-edit-ampm-field{color:var(--text-primary)}.form-field select:focus,.form-field input[type=datetime-local]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-100)}.form-field select:disabled,.form-field input[type=datetime-local]:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.hint{display:block;margin-top:.5rem;font-size:.8125rem;color:var(--text-tertiary)}.hint-success{color:var(--success-600);font-weight:500}.readonly-time{width:100%;padding:.75rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;font-weight:600;color:var(--primary-600);background:var(--bg-secondary);text-align:center;letter-spacing:.5px;font-variant-numeric:tabular-nums}.btn-gps{width:100%;padding:.875rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.btn-gps:hover:not(:disabled){opacity:var(--hover-opacity);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-gps:active:not(:disabled){transform:translateY(0)}.btn-gps:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;transform:none}.btn-gps.loading{background:linear-gradient(135deg,var(--gray-500) 0%,var(--gray-600) 100%)}.gps-success{background:var(--success-50);border:2px solid var(--success-200);border-radius:8px;padding:1rem}.gps-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--success-700);font-weight:600;font-size:.9375rem}.icon-check{width:22px;height:22px;background:var(--success-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.gps-coords{background:var(--bg-elevated);border-radius:6px;padding:.75rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.8125rem;font-family:Courier New,monospace;word-break:break-all;border:1px solid var(--border-light)}.btn-gps-retry{width:100%;padding:.625rem;border:2px solid var(--success-600);background:var(--bg-elevated);color:var(--success-600);border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-gps-retry:hover:not(:disabled){background:var(--success-50)}.btn-gps-retry:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.timeclock-footer{display:flex;gap:.75rem;padding:1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.btn{flex:1;padding:.75rem 1.25rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:2px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong)}.btn-primary{background:var(--gradient-success);color:var(--text-on-primary);box-shadow:var(--shadow-sm);flex:1.5}.btn-primary:hover:not(:disabled){opacity:var(--hover-opacity);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;transform:none;box-shadow:none}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:640px){.timeclock-modal{width:95%;max-width:none;margin:10px}.timeclock-header{padding:1.25rem}.timeclock-header h2{font-size:1.125rem}.timeclock-body{padding:1.25rem}.status-banner{flex-direction:column;gap:1rem;align-items:flex-start}.clock-compact .time{font-size:1.5rem}.timeclock-footer{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{flex:1}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.view-timeclock-modal-simple{max-width:600px;width:90%;background:var(--card-background, white);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}.view-timeclock-modal-grid{max-width:800px;width:90%;background:var(--card-background, white);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}[data-theme=dark] .view-timeclock-modal-simple,[data-theme=dark] .view-timeclock-modal-grid{background:#2a2a2a}.modal-header-simple{background:linear-gradient(135deg,var(--primary-500, #013369) 0%,var(--primary-600, #002d5a) 100%);color:#fff;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.modal-header-simple h2{margin:0;font-size:1.25rem;font-weight:600}.close-button-simple{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0}.close-button-simple:hover{background:#fff3}.modal-body-grid{padding:1.5rem;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.top-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bottom-section{width:100%}.left-column,.right-column{display:flex;flex-direction:column}.photo-section{margin-bottom:1.5rem;text-align:center}.photo-large{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s}.photo-large:hover{transform:scale(1.02)}.map-section{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;height:100%}.map-container-small{width:100%;height:100%;min-height:300px;border-radius:8px}.info-section{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;background:var(--background-color, #f8f9fa);border-radius:6px;gap:1rem}[data-theme=dark] .info-row{background:#ffffff0d}.info-label{font-size:.9rem;font-weight:600;color:var(--text-secondary, #6c757d);flex-shrink:0}[data-theme=dark] .info-label{color:#fff9}.info-value{font-size:.95rem;font-weight:500;color:var(--text-primary, #212529);text-align:right}[data-theme=dark] .info-value{color:#ffffffe6}.location-link{color:var(--primary-500, #013369);text-decoration:none;font-weight:600;transition:color .2s}.location-link:hover{color:var(--primary-600, #002d5a);text-decoration:underline}.invalid-info-box{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#ff980026,#f57c001a);border-left:4px solid #ff9800;border-radius:8px;box-shadow:0 2px 8px #ff980033}[data-theme=dark] .invalid-info-box{background:linear-gradient(135deg,#ff980033,#f57c0026);border-left-color:#ffb74d}.invalid-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#e65100;font-size:1rem}[data-theme=dark] .invalid-header{color:#ffb74d}.invalid-header svg{flex-shrink:0;stroke:currentColor}.invalid-header strong{font-weight:700}.invalid-details{display:flex;flex-direction:column;gap:.75rem}.invalid-detail-row{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff80;border-radius:6px}[data-theme=dark] .invalid-detail-row{background:#0003}.invalid-detail-label{font-size:.8rem;font-weight:600;color:#e65100;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .invalid-detail-label{color:#ffb74d}.invalid-detail-value{font-size:.95rem;font-weight:500;color:var(--text-primary, #212529);line-height:1.5}[data-theme=dark] .invalid-detail-value{color:#ffffffe6}.invalid-warning{padding:.75rem;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border-radius:6px;text-align:center;font-weight:600;font-size:.9rem}@media(max-width:768px){.view-timeclock-modal-simple,.view-timeclock-modal-grid{width:95%;max-width:100%}.modal-header-simple{padding:1rem 1.25rem}.modal-header-simple h2{font-size:1.1rem}.modal-body-simple{padding:1rem}.modal-body-grid{grid-template-columns:1fr;padding:1rem;gap:1rem}.top-section{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start}.info-value{text-align:left}}.modal-body-simple::-webkit-scrollbar{width:8px}.modal-body-simple::-webkit-scrollbar-track{background:var(--background-color, #f8f9fa)}.modal-body-simple::-webkit-scrollbar-thumb{background:var(--primary-500, #013369);border-radius:4px}.modal-body-simple::-webkit-scrollbar-thumb:hover{background:var(--primary-600, #002d5a)}.invalidate-modal{max-width:600px;width:90%;background:var(--card-background, white);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026}[data-theme=dark] .invalidate-modal{background:#2a2a2a}.invalidate-modal .modal-header-simple{background:linear-gradient(135deg,var(--primary-500, #013369) 0%,var(--primary-600, #002d5a) 100%);color:#fff;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.invalidate-modal .modal-header-simple h2{margin:0;font-size:1.25rem;font-weight:600}.invalidate-modal .close-button-simple{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0;flex-shrink:0}.invalidate-modal .close-button-simple:hover:not(:disabled){background:#fff3}.invalidate-modal .close-button-simple:disabled{opacity:.5;cursor:not-allowed}.modal-body-simple{padding:1.5rem;max-height:70vh;overflow-y:auto}.warning-box-simple{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107;border-radius:8px;padding:1rem;display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1.5rem}[data-theme=dark] .warning-box-simple{background:#ffc1071a;border-left-color:#ffc107}.warning-box-simple p{margin:0;font-size:.9rem;line-height:1.5;color:#856404}[data-theme=dark] .warning-box-simple p{color:#ffc107}.warning-box-simple strong{display:block;margin-bottom:.25rem}.invalidate-form-simple{display:flex;flex-direction:column;gap:1rem}.form-group-simple{display:flex;flex-direction:column;gap:.5rem}.form-label-simple{font-size:.95rem;font-weight:600;color:var(--text-primary, #212529)}[data-theme=dark] .form-label-simple{color:#ffffffe6}.form-textarea-simple{width:100%;padding:.75rem;border:2px solid var(--border-color, #ced4da);border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s,box-shadow .2s;background:var(--input-background, white);color:var(--text-primary, #212529)}[data-theme=dark] .form-textarea-simple{background:#ffffff0d;border-color:#fff3;color:#ffffffe6}.form-textarea-simple:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}[data-theme=dark] .form-textarea-simple:focus{border-color:#4da3ff;box-shadow:0 0 0 3px #4da3ff33}.form-textarea-simple.error{border-color:#dc3545}.form-textarea-simple.error:focus{box-shadow:0 0 0 3px #dc35451a}.form-textarea-simple:disabled{opacity:.6;cursor:not-allowed;background:var(--disabled-background, #e9ecef)}[data-theme=dark] .form-textarea-simple:disabled{background:#ffffff05}.textarea-info{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.char-count-simple{color:var(--text-secondary, #6c757d)}[data-theme=dark] .char-count-simple{color:#ffffff80}.validation-error{color:#dc3545;font-weight:600}.error-message-simple{background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;padding:.75rem;color:#721c24;font-size:.9rem}[data-theme=dark] .error-message-simple{background:#dc354526;color:#f5c6cb}.modal-actions-simple{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}[data-theme=dark] .modal-actions-simple{border-top-color:#ffffff1a}.modal-actions-simple .secondary-button{padding:.75rem 1.5rem;background:transparent;color:var(--color-gray-700, #374151);border:2px solid var(--color-border-light, #e5e7eb);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.modal-actions-simple .secondary-button:hover:not(:disabled){background:var(--color-gray-50, #f9fafb);border-color:var(--color-gray-400, #9ca3af);transform:translateY(-1px)}[data-theme=dark] .modal-actions-simple .secondary-button{color:#ffffffe6;border-color:#fff3}[data-theme=dark] .modal-actions-simple .secondary-button:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.danger-button-simple{padding:.75rem 1.5rem;background:#dc3545;color:#fff;border:2px solid #dc3545;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.danger-button-simple:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.modal-actions-simple .secondary-button:disabled,.danger-button-simple:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.invalidate-modal{width:95%;max-width:none}.invalidate-modal .modal-header-simple{padding:1rem}.invalidate-modal .modal-header-simple h2{font-size:1.1rem}.modal-body-simple{padding:1rem}.modal-actions-simple{flex-direction:column-reverse}.modal-actions-simple .secondary-button,.danger-button-simple{width:100%}}.payments-section{padding:24px}.payments-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.payments-section .section-header h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text)}.payments-section .primary-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.payments-section .primary-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.payment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:12px;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-card.received .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.overdue .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;color:#fff;flex-shrink:0}.stat-info{flex:1}.stat-info h3{margin:0 0 8px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:0;font-size:1.875rem;font-weight:700;color:var(--color-text)}.payments-table{background:var(--color-card-background);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.payments-table table{width:100%;border-collapse:collapse}.payments-table thead{background:var(--color-hover)}.payments-table th{padding:16px;text-align:left;font-size:.875rem;font-weight:600;color:var(--color-text);text-transform:capitalize;letter-spacing:.3px;border-bottom:1px solid var(--color-border)}.payments-table td{padding:16px;font-size:.9375rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.payments-table tbody tr{transition:background .2s}.payments-table tbody tr:hover{background:var(--color-hover)}.payments-table tbody tr:last-child td{border-bottom:none}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--color-border);background:var(--color-card-background)}.pagination-btn{padding:8px 16px;border:1px solid var(--color-border);background:var(--color-card-background);color:var(--color-text);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}.pagination-info{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.amount-cell{font-weight:600;color:var(--color-success)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:600}.status-badge.icon-only{padding:6px;min-width:32px;height:32px;font-size:1.125rem;cursor:help}.status-badge.paid{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-badge.pending{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.status-badge.overdue{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.action-buttons{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s;color:var(--color-text-secondary)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-btn.paid{color:#fff;background:var(--color-success);border-color:var(--color-success)}.action-btn.paid:hover{background:#059669;border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.action-btn.view{color:var(--color-primary);border-color:var(--color-primary)}.action-btn.view:hover{background:var(--color-primary);color:#fff}.loading-state,.empty-state{padding:60px 24px;text-align:center;color:var(--color-text-secondary);font-size:1rem}.confirm-payment-modal{max-width:480px;width:90vw;background:var(--bg-elevated)}[data-theme=dark] .confirm-payment-modal{background:var(--color-background-card-dark)}.confirm-payment-modal .modal-header{padding:20px 24px;border-bottom:1px solid var(--border-secondary)}.confirm-payment-modal .header-content{display:flex;align-items:center;gap:12px}.confirm-payment-modal .header-icon{color:var(--success-500)}.confirm-payment-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.confirm-payment-modal .close-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;color:var(--text-secondary);border-radius:6px;transition:all .2s}.confirm-payment-modal .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.confirm-payment-modal .modal-body{padding:24px}.amount-highlight-card.confirm{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);padding:20px;border-radius:12px;text-align:center;margin-bottom:24px;box-shadow:0 4px 12px #22c55e33}.amount-highlight-card.confirm .amount-label{font-size:.8125rem;font-weight:500;color:#ffffffe6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.amount-highlight-card.confirm .amount-value{font-size:2rem;font-weight:700;color:#fff}.payment-info-compact{margin-bottom:20px;border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden}.info-row-compact{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-secondary)}.info-row-compact:last-child{border-bottom:none}.info-label-compact{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.info-value-compact{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.payment-method-section-modern{margin-top:20px}.payment-method-section-modern label{display:block;margin-bottom:8px;font-weight:600;font-size:.875rem;color:var(--text-primary)}.confirm-payment-modal .form-select-modern{width:100%;padding:12px 14px;border:1px solid var(--border-primary);border-radius:8px;background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=dark] .confirm-payment-modal .form-select-modern{background-color:var(--color-background-card-dark)!important;color:var(--color-text-primary-dark)!important;border-color:var(--color-border-dark)}.form-select-modern:hover{border-color:var(--primary-400)}.form-select-modern:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.confirm-payment-modal .form-select-modern option{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;padding:10px}[data-theme=dark] .confirm-payment-modal .form-select-modern option{background-color:var(--color-background-card-dark)!important;color:var(--color-text-primary-dark)!important}@media(max-width:480px){.amount-highlight-card.confirm .amount-value{font-size:1.75rem}.info-row-compact{padding:10px 14px}}.confirm-payment-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-secondary);background:transparent!important;border-bottom-left-radius:12px;border-bottom-right-radius:12px}[data-theme=dark] .confirm-payment-modal .modal-footer{background:transparent!important;border-top-color:var(--color-border-dark)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-secondary);background:transparent;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.confirm-payment-modal .btn-secondary,.confirm-payment-modal .btn-primary{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:none!important;display:flex;align-items:center;gap:8px;border:none;transform:none!important;animation:none!important}.confirm-payment-modal .btn-secondary{background:transparent!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}.confirm-payment-modal .btn-secondary:hover{background:var(--bg-tertiary)!important;border-color:var(--border-primary)!important;transform:none!important;transition:none!important}.confirm-payment-modal .btn-primary{background:var(--success-500)!important;color:#fff!important;box-shadow:0 2px 8px #22c55e33!important}.confirm-payment-modal .btn-primary svg{color:#fff!important;fill:#fff!important;stroke:#fff!important}.confirm-payment-modal .btn-primary:hover{background:var(--success-600)!important;box-shadow:0 4px 12px #22c55e4d!important;transform:none!important;transition:none!important}.confirm-payment-modal .btn-primary:hover svg{color:#fff!important;fill:#fff!important;stroke:#fff!important}.confirm-payment-modal .btn-primary:active{background:var(--success-700)!important;transform:none!important;transition:none!important}.btn-cancel{padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-card-background);color:var(--color-text);border:1px solid var(--color-border)}.btn-cancel:hover{background:var(--color-hover)}.btn-confirm{padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-primary);color:#fff}.btn-confirm:hover{background:var(--color-primary-dark)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item.registered-by{grid-column:1 / -1;padding:16px;background:var(--color-hover);border-radius:8px}.detail-item .detail-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.detail-item .detail-value{font-size:1rem;font-weight:600;color:var(--color-text)}.detail-item .detail-value.amount{font-size:1.25rem;color:var(--color-success)}.feedback-modal{max-width:400px;width:90vw}.feedback-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;text-align:center}.feedback-content.success svg{color:var(--color-success)}.feedback-content.error svg{color:var(--color-error)}.feedback-content p{margin:0;font-size:1rem;color:var(--color-text)}@media(max-width:1200px){.payments-section{padding:20px}.payment-stats{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.stat-card{padding:20px}.stat-icon{width:56px;height:56px}}@media(max-width:992px){.payments-section{padding:18px}.payments-section .section-header{flex-direction:column;align-items:stretch;gap:16px}.payments-section .section-header h2{font-size:1.5rem}.payments-section .primary-button{width:100%;justify-content:center}.payment-stats{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:24px}.stat-card{padding:18px;gap:16px}.stat-icon{width:52px;height:52px}.stat-info h3{font-size:.8125rem}.stat-info p{font-size:1.375rem}.payments-table{overflow-x:auto}.payments-table table{min-width:800px}.payments-table th:nth-child(6),.payments-table td:nth-child(6){display:none}}@media(max-width:768px){.payments-section{padding:16px}.payments-section .section-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}.payments-section .section-header h2{font-size:1.375rem}.payments-section .primary-button{width:100%;justify-content:center;padding:10px 20px;font-size:14px}.payment-stats{grid-template-columns:1fr;gap:14px;margin-bottom:20px}.stat-card{padding:16px;gap:14px}.stat-icon{width:48px;height:48px;border-radius:10px}.stat-info h3{font-size:.75rem;margin-bottom:6px}.stat-info p{font-size:1.25rem}.payments-table{overflow-x:visible;margin-bottom:20px}.payments-table table{min-width:auto;width:100%}.payments-table th:nth-child(3),.payments-table td:nth-child(3),.payments-table th:nth-child(5),.payments-table td:nth-child(5),.payments-table th:nth-child(6),.payments-table td:nth-child(6){display:none}.payments-table th,.payments-table td{padding:12px 8px;font-size:13px}.payments-table th:first-child,.payments-table td:first-child{padding-left:12px}.payments-table th:last-child,.payments-table td:last-child{padding-right:12px}.amount-cell{font-size:14px;font-weight:600}.status-badge{padding:4px 8px;font-size:11px}.action-buttons{gap:6px}.action-btn{width:32px;height:32px}.details-grid{grid-template-columns:1fr;gap:12px}.modal-footer{flex-direction:column-reverse;gap:10px}.btn-cancel,.btn-confirm{width:100%;padding:10px;font-size:14px}.pagination{flex-direction:column;gap:12px}.pagination-info{text-align:center}.pagination-buttons{justify-content:center;width:100%}}@media(max-width:480px){.payments-section{padding:12px}.payments-section .section-header{margin-bottom:20px}.payments-section .section-header h2{font-size:1.25rem}.payments-section .primary-button{padding:10px 16px;font-size:13px}.payment-stats{gap:12px;margin-bottom:16px}.stat-card{padding:14px;gap:12px}.stat-icon{width:44px;height:44px;border-radius:8px}.stat-info h3{font-size:.6875rem;margin-bottom:4px}.stat-info p{font-size:1.125rem}.payments-table{margin-bottom:16px}.payments-table th:nth-child(3),.payments-table td:nth-child(3),.payments-table th:nth-child(5),.payments-table td:nth-child(5),.payments-table th:nth-child(6),.payments-table td:nth-child(6){display:none}.payments-table th,.payments-table td{padding:10px 6px;font-size:12px}.payments-table th:first-child,.payments-table td:first-child{padding-left:10px}.payments-table th:last-child,.payments-table td:last-child{padding-right:10px}.amount-cell{font-size:13px}.status-badge{padding:3px 6px;font-size:10px}.action-buttons{gap:4px;flex-direction:column}.action-btn{width:28px;height:28px}.btn-cancel,.btn-confirm{padding:8px;font-size:13px}.pagination-buttons button{padding:6px 12px;font-size:12px}}.classes-section{max-width:1400px;margin:0 auto;padding:0 1rem}.classes-section .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-left h2{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.stat-icon{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;flex-shrink:0}.alert{padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;animation:slideDown .3s ease}.alert-error{background:var(--error-50);border:2px solid var(--error-500);color:var(--error-700)}.btn-link{background:none;border:none;color:var(--error-600);font-weight:600;cursor:pointer;text-decoration:underline;margin-left:auto}.btn-link:hover{color:var(--error-700)}.classes-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-bottom:2rem}.today-schedule,.classes-overview{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.today-schedule h3,.classes-overview h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.schedule-list{display:flex;flex-direction:column;gap:.75rem}.empty-schedule{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.empty-schedule p{margin:0;font-size:.95rem}.schedule-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;background:var(--bg-secondary);border:1px solid var(--border-light);transition:all var(--transition-base)}.schedule-item:hover{background:var(--bg-tertiary);border-color:var(--primary-300);transform:translate(4px);box-shadow:var(--shadow-sm)}.schedule-time{font-size:1.1rem;font-weight:700;color:var(--primary-500);min-width:60px;font-family:Courier New,monospace}.schedule-info{flex:1}.schedule-info h4{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--text-primary)}.schedule-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.status-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px var(--bg-secondary);transition:all var(--transition-base)}.status-dot.active{background:var(--success-500);box-shadow:0 0 0 3px #10b98133}.status-dot.inactive{background:var(--gray-400)}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-box input{padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:.5rem;background:var(--bg-elevated);color:var(--text-primary);font-size:.95rem;min-width:250px;transition:all var(--transition-base)}.search-box input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0133691a}.search-box input::placeholder{color:var(--text-secondary)}.classes-cards{display:flex;flex-direction:column;gap:1rem}.class-card{border:2px solid var(--border-light);border-radius:.75rem;padding:1.25rem;background:var(--bg-elevated);transition:all var(--transition-base)}.class-card:hover{border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.class-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.class-header h4{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.class-status{padding:.375rem .875rem;border-radius:1rem;font-size:.8rem;font-weight:600;white-space:nowrap}.class-status.active{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.class-status.inactive{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-200)}.class-info{margin-bottom:1rem;display:grid;gap:.5rem}.class-info p{margin:0;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.class-info strong{color:var(--text-primary);font-weight:600;min-width:80px}.class-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-light)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:1rem;border:2px dashed var(--border-medium)}.empty-state.small{padding:2rem 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem}.empty-state p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem}.class-card.skeleton{pointer-events:none;animation:pulse 1.5s ease-in-out infinite}.skeleton-header{height:24px;width:60%;background:var(--border-light);border-radius:.5rem;margin-bottom:1rem}.skeleton-line{height:16px;width:100%;background:var(--border-light);border-radius:.5rem;margin-bottom:.5rem}.skeleton-line.short{width:70%}.skeleton-actions{height:40px;width:100%;background:var(--border-light);border-radius:.5rem;margin-top:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal-content-small.confirm{text-align:center;background:var(--bg-elevated);border-radius:1rem;padding:2rem;min-width:400px;max-width:500px}.modal-content-small.confirm h3{color:var(--text-primary);margin:1rem 0 .5rem;font-size:1.5rem}.modal-content-small.confirm p{color:var(--text-secondary);margin:.5rem 0;font-size:.95rem}.warning-text{color:var(--error-600);font-weight:600;font-size:.9rem!important;margin-top:1rem!important}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-danger{flex:1;padding:.875rem 2rem;background:var(--error-500);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover:not(:disabled){background:var(--error-600);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.classes-section{padding:0 .75rem}.header-left h2{font-size:1.75rem}.quick-stats{gap:1.25rem}.stat-item{padding:1.25rem}.stat-icon{width:44px;height:44px;min-width:44px;min-height:44px}.stat-number{font-size:1.85rem}}@media(max-width:992px){.classes-section{padding:0 .625rem}.header-left h2{font-size:1.625rem}.section-subtitle{font-size:.9rem}.classes-grid{grid-template-columns:1fr;gap:1.5rem}.today-schedule{order:2}.classes-overview{order:1}.quick-stats{grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{padding:1.125rem}.stat-icon{width:40px;height:40px;min-width:40px;min-height:40px}.stat-number{font-size:1.75rem}.stat-label{font-size:.8rem}.class-card{padding:1.125rem}.class-header h4{font-size:1.05rem}.class-info p{font-size:.875rem}.class-actions{gap:.625rem}}@media(max-width:768px){.classes-section{padding:0 .5rem}.classes-section .section-header{flex-direction:column;align-items:flex-start;margin-bottom:1.5rem;gap:.75rem}.header-left h2{font-size:1.5rem}.section-subtitle{font-size:.875rem}.btn-primary{width:100%;justify-content:center}.quick-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-item{padding:1rem;flex-direction:column;text-align:center}.stat-icon{width:36px;height:36px;min-width:36px;min-height:36px;margin:0 auto}.stat-info{align-items:center}.stat-number{font-size:1.625rem}.stat-label{font-size:.75rem}.classes-grid{gap:1.25rem}.today-schedule,.classes-overview{padding:1rem;border-radius:.75rem}.overview-header{flex-direction:column;align-items:stretch;gap:.75rem}.search-box input{min-width:auto;width:100%;font-size:.9rem;padding:.625rem .875rem}.class-card{padding:1rem;border-radius:.625rem}.class-header{flex-direction:column;align-items:flex-start;gap:.5rem}.class-header h4{font-size:1rem}.class-status{padding:.25rem .75rem;font-size:.75rem}.class-info{gap:.375rem}.class-info p{font-size:.85rem;flex-direction:column;align-items:flex-start;gap:.25rem}.class-info strong{min-width:auto;font-size:.8rem}.class-actions{flex-direction:column;gap:.5rem}.class-actions button{width:100%;justify-content:center;padding:.625rem;font-size:.875rem}.schedule-item{padding:.875rem;gap:.75rem}.schedule-time{font-size:1rem;min-width:50px}.schedule-info h4{font-size:.9rem}.schedule-info p{font-size:.8rem}.modal-content-small.confirm{min-width:300px;padding:1.5rem;border-radius:.75rem}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%;justify-content:center}}@media(max-width:480px){.classes-section{padding:0 .375rem}.header-left h2{font-size:1.375rem}.section-subtitle{font-size:.8rem}.quick-stats{grid-template-columns:1fr;gap:.625rem;margin-bottom:1.25rem}.stat-item{padding:.875rem;flex-direction:row;text-align:left;gap:.75rem}.stat-icon{width:32px;height:32px;min-width:32px;min-height:32px;margin:0}.stat-info{align-items:flex-start}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.classes-grid{gap:1rem}.today-schedule,.classes-overview{padding:.875rem;border-radius:.625rem}.today-schedule h3,.classes-overview h3{font-size:1.125rem}.class-card{padding:.875rem}.class-header h4{font-size:.95rem}.class-status{padding:.25rem .625rem;font-size:.7rem}.class-info p{font-size:.8rem}.class-info strong{font-size:.75rem}.class-actions button{padding:.5rem;font-size:.825rem}.schedule-item{padding:.75rem;gap:.625rem;flex-direction:column;align-items:flex-start}.schedule-time{font-size:.95rem;min-width:auto}.schedule-info h4{font-size:.875rem}.schedule-info p{font-size:.75rem}.schedule-status{margin-left:auto}.search-box input{font-size:.875rem;padding:.5rem .75rem}.modal-content-small.confirm{min-width:280px;padding:1.25rem}.modal-actions button{padding:.625rem;font-size:.875rem}}[data-theme=dark] .search-box input{background:var(--bg-secondary)!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important}[data-theme=dark] .search-box input:focus{background:var(--bg-elevated)!important;border-color:var(--primary-400)!important}[data-theme=dark] .search-box input::placeholder{color:var(--text-secondary)!important}[data-theme=dark] .schedule-item{background:var(--bg-elevated)}[data-theme=dark] .schedule-item:hover{background:var(--bg-secondary)}[data-theme=dark] .empty-state{background:var(--bg-elevated);border-color:var(--border-strong)}[data-theme=dark] .skeleton-header,[data-theme=dark] .skeleton-line,[data-theme=dark] .skeleton-actions{background:var(--border-medium)}.add-edit-class-modal{max-width:800px;max-height:95vh}.add-edit-class-modal .modal-body{max-height:calc(95vh - 200px);overflow-y:auto;padding-bottom:2rem}.modal-title-icon{display:inline-block;vertical-align:middle;margin-right:.5rem;color:var(--primary-500)}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;animation:slideDown .3s ease}.alert svg{flex-shrink:0}.alert-error{background:var(--error-50);border:1px solid var(--error-500);color:var(--error-700)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.9rem}.required{color:var(--error-500);font-weight:700}.optional{color:var(--text-secondary);font-weight:400;font-size:.85rem}.field-hint{margin-top:.5rem;padding:.75rem;background:var(--error-50);border-left:3px solid var(--error-500);border-radius:.375rem;color:var(--error-700);font-size:.85rem;font-weight:500}.weekdays-selector{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:.5rem}.weekday-btn{padding:.75rem 1rem;background:var(--bg-elevated);color:var(--text-secondary);border:2px solid var(--border-light);border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-align:center;white-space:nowrap}.weekday-btn:hover{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.weekday-btn.selected{background:#3b82f6!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 4px 6px #3b82f64d!important;font-weight:700!important;position:relative}.weekday-btn.selected:after{content:"✓";position:absolute;top:2px;right:4px;font-size:.75rem;font-weight:900;color:#fff}.weekday-btn.selected:hover{background:#2563eb!important;transform:translateY(-1px)}input[type=time],input[type=date]{font-family:inherit;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:var(--icon-filter)}.modal-content-small{background:var(--bg-elevated);border-radius:1rem;padding:2rem;text-align:center;min-width:300px;max-width:400px;animation:slideUp .3s ease,fadeIn .3s ease;box-shadow:var(--shadow-2xl)}.modal-content-small.success{border-top:4px solid var(--success-500)}.modal-content-small.error{border-top:4px solid var(--error-500)}.modal-content-small svg{width:64px;height:64px;margin-bottom:1rem}.modal-content-small.success svg{color:var(--success-500)}.modal-content-small.error svg{color:var(--error-500)}.modal-content-small h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.modal-content-small p{color:var(--text-secondary);margin:0;font-size:1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .weekday-btn{background:var(--bg-secondary);border-color:var(--border-medium)}[data-theme=dark] .weekday-btn:hover{background:var(--bg-elevated)}[data-theme=dark] .weekday-btn.selected{background:#3b82f6!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 4px 6px #3b82f666!important}@media(max-width:768px){.add-edit-class-modal{width:95%;max-width:95%}.form-grid{grid-template-columns:1fr;gap:1rem}.weekdays-selector{grid-template-columns:repeat(7,1fr);gap:.4rem}.weekday-btn{padding:.6rem .3rem;font-size:.75rem}.modal-content-small{min-width:280px;padding:1.5rem}.modal-content-small svg{width:48px;height:48px}.modal-content-small h3{font-size:1.25rem}.modal-content-small p{font-size:.9rem}}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none!important;box-shadow:var(--shadow-sm)!important}.schedules-modal{max-width:900px;width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.schedules-modal .modal-header-content{display:flex;align-items:center;gap:1rem}.schedules-modal .modal-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.schedules-modal .modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem}.schedules-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.stat-value{font-size:1.75rem;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.schedules-list{display:flex;flex-direction:column;gap:1rem}.schedule-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:12px;transition:all .2s ease}.schedule-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .schedule-card:hover{box-shadow:0 4px 12px #0000004d}.schedule-info-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.schedule-date{padding:.75rem 1rem;background:var(--primary-color);color:#fff;border-radius:8px;min-width:130px;text-align:center}.date-main{font-size:.875rem;font-weight:600;text-transform:capitalize}.schedule-details{display:flex;align-items:center;gap:.5rem}.schedule-time{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.95rem;font-weight:500}.schedule-status{display:flex;align-items:center}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-scheduled{background:#dbeafe;color:#1e40af}.status-badge.status-finalized{background:#d1fae5;color:#065f46}.status-badge.status-canceled{background:#fee2e2;color:#991b1b}[data-theme=dark] .status-badge.status-scheduled{background:#3b82f633;color:#93c5fd}[data-theme=dark] .status-badge.status-finalized{background:#10b98133;color:#6ee7b7}[data-theme=dark] .status-badge.status-canceled{background:#ef444433;color:#fca5a5}.schedule-actions{display:flex;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:2px solid;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action svg{flex-shrink:0}.btn-finalize{border-color:#10b981;color:#10b981;background:#10b9810d}.btn-finalize:hover:not(:disabled){background:#10b981;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #10b9814d}.btn-cancel{border-color:#ef4444;color:#ef4444;background:#ef44440d}.btn-cancel:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #ef44444d}[data-theme=dark] .btn-finalize{background:#10b9811a;border-color:#10b981;color:#10b981}[data-theme=dark] .btn-cancel{background:#ef44441a;border-color:#ef4444;color:#ef4444}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;text-align:center}.error-message{color:var(--error-color);font-size:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0}.empty-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;max-width:400px}.schedules-modal .modal-footer{border-top:1px solid var(--border-light);padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:768px){.schedules-modal{max-width:95vw;max-height:95vh}.schedules-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-value{font-size:1.5rem}.schedule-info-row{grid-template-columns:1fr;gap:.75rem}.schedule-date{min-width:unset;width:100%}.schedule-actions{flex-direction:column}.btn-action{width:100%}}@media(max-width:480px){.schedules-modal .modal-body,.schedule-card{padding:1rem}.schedules-stats{padding:.75rem;gap:.5rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}}.exercises-section{max-width:1400px;margin:0 auto;padding:0 1rem}.exercises-section .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.section-header .header-text h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.section-header .header-text p{color:var(--text-secondary);font-size:.95rem;margin:0}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition-base)}.stat-item:hover{border-color:var(--primary-400);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;font-size:1.5rem;flex-shrink:0}.stat-icon-success{background:linear-gradient(135deg,var(--success-500),var(--success-700))}.stat-icon-error{background:linear-gradient(135deg,var(--error-500),var(--error-700))}.stat-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.primary-btn{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border:none;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast) ease;box-shadow:0 2px 8px #3b82f633}.primary-btn:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.filters-container{background:var(--color-background-card-light);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .filters-container{background:var(--color-background-card-dark);border-color:var(--color-border-dark)}.search-wrapper{margin-bottom:var(--spacing-4)}.search-input{width:100%;padding:var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-base);font-size:.95rem;background:var(--color-background-light);color:var(--color-text-primary-light);transition:all var(--transition-fast) ease}[data-theme=dark] .search-input{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.filter-select{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--radius-base);font-size:.9rem;background:var(--color-background-light);color:var(--color-text-primary-light);cursor:pointer;transition:all var(--transition-fast) ease}[data-theme=dark] .filter-select{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.filter-select:focus{outline:none;border-color:var(--color-primary-500)}.clear-filters-btn{background:var(--color-danger-100);color:var(--color-danger-600);border:1px solid var(--color-danger-300);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}[data-theme=dark] .clear-filters-btn{background:#ef44441a;border-color:#ef44444d}.clear-filters-btn:hover{background:var(--color-danger-200);border-color:var(--color-danger-400)}.results-count{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;font-weight:500}.exercises-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.exercise-card{border:2px solid var(--border-light);border-radius:.75rem;padding:1.25rem;background:var(--bg-elevated);transition:all var(--transition-base)}.exercise-card:hover{border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.exercise-card.inactive-card{opacity:.7;background:var(--bg-secondary)}.exercise-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.exercise-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.exercise-card-thumbnail{width:80px;height:80px;border-radius:.5rem;object-fit:cover;background:var(--bg-secondary);flex-shrink:0}.exercise-header-info{flex:1;min-width:0}.exercise-header-info h4{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}.exercise-badges-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.exercise-status{padding:.375rem .875rem;border-radius:1rem;font-size:.8rem;font-weight:600;white-space:nowrap;display:inline-block}.exercise-status.active{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.exercise-status.inactive{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-200)}.exercise-card-body{margin-bottom:1rem}.exercise-card-description{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.exercise-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.info-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.info-item strong{color:var(--text-secondary);font-weight:600;min-width:100px;font-size:.85rem}.exercise-card-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-light)}[data-theme=dark] .exercises-table thead{background:var(--color-background-hover-dark);border-bottom-color:var(--color-border-dark)}.exercises-table th{padding:var(--spacing-4) var(--spacing-5);text-align:left;font-weight:var(--font-weight-semibold);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary-light)}[data-theme=dark] .exercises-table th{color:var(--color-text-secondary-dark)}.exercises-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast) ease}[data-theme=dark] .exercises-table tbody tr{border-bottom-color:var(--color-border-dark)}.exercises-table tbody tr:hover{background:var(--color-background-hover-light)}[data-theme=dark] .exercises-table tbody tr:hover{background:var(--color-background-hover-dark)}.exercises-table tbody tr.inactive-row{opacity:.6}.exercises-table td{padding:var(--spacing-4) var(--spacing-5);color:var(--color-text-primary-light);font-size:.9rem}[data-theme=dark] .exercises-table td{color:var(--color-text-primary-dark)}.exercise-name{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.exercise-name>div{min-width:0;flex:1}.exercise-name strong{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.exercise-thumbnail{width:60px;height:60px;border-radius:var(--radius-base);object-fit:cover;background:var(--color-background-hover-light);flex-shrink:0}[data-theme=dark] .exercise-thumbnail{background:var(--color-background-hover-dark)}.exercise-name strong{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.exercise-description{color:var(--color-text-secondary-light);font-size:.85rem;margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .exercise-description{color:var(--color-text-secondary-dark)}.badge{display:inline-block;padding:.375rem .875rem;border-radius:1rem;font-size:.8rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px;white-space:nowrap}.badge-bodypart{background:var(--primary-50);color:var(--primary-600);border:1px solid var(--primary-200)}.badge-equipment{background:var(--gray-50);color:var(--gray-700);border:1px solid var(--gray-200)}.badge-difficulty{font-weight:600}.badge-beginner{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.badge-intermediate{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.badge-advanced{background:#fed7aa;color:#ea580c;border:1px solid #fdba74}.badge-expert{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-200)}.badge-active{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.badge-inactive{background:var(--gray-50);color:var(--gray-600);border:1px solid var(--gray-200)}.action-buttons{display:flex;gap:var(--spacing-2)}.icon-btn{background:transparent;border:1px solid var(--color-border-light);padding:var(--spacing-2);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center}[data-theme=dark] .icon-btn{border-color:var(--color-border-dark)}.icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.edit-btn{color:var(--color-primary-600)}.edit-btn:hover{background:#3b82f61a;border-color:var(--color-primary-500)}.delete-btn{color:var(--color-danger-600)}.delete-btn:hover{background:#ef44441a;border-color:var(--color-danger-500)}.reactivate-btn{color:var(--color-success-600)}.reactivate-btn:hover{background:#22c55e1a;border-color:var(--color-success-500)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6) 0}.pagination-btn{background:var(--color-background-card-light);color:var(--color-text-primary-light);border:1px solid var(--color-border-light);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}[data-theme=dark] .pagination-btn{background:var(--color-background-card-dark);color:var(--color-text-primary-dark);border-color:var(--color-border-dark)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);transform:translateY(-2px)}.pagination-info{color:var(--color-text-secondary-light);font-weight:var(--font-weight-medium);font-size:.9rem}[data-theme=dark] .pagination-info{color:var(--color-text-secondary-dark)}.loading-state,.error-state{text-align:center;padding:var(--spacing-12) var(--spacing-6)}.spinner{width:50px;height:50px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4)}[data-theme=dark] .spinner{border-color:var(--color-border-dark);border-top-color:var(--color-primary-500)}.loading-state p,.error-state p{color:var(--color-text-secondary-light);font-size:.95rem}[data-theme=dark] .loading-state p,[data-theme=dark] .error-state p{color:var(--color-text-secondary-dark)}.error-state button{background:var(--color-primary-500);color:#fff;border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--spacing-4);transition:all var(--transition-fast) ease}.error-state button:hover{background:var(--color-primary-600);transform:translateY(-2px)}@media(max-width:1200px){.exercises-section{padding:0 1rem}.section-header .header-text h1{font-size:1.75rem}.quick-stats{gap:1.25rem}.stat-item,.filters-container{padding:1.25rem}.filter-group{grid-template-columns:repeat(3,1fr);gap:.75rem}.exercise-card-thumbnail{width:75px;height:75px}}@media(max-width:992px){.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-header .header-text h1{font-size:1.625rem}.primary-btn{width:100%;justify-content:center}.quick-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item{padding:1rem}.stat-icon{width:42px;height:42px;min-width:42px;min-height:42px;font-size:1.25rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.8rem}.filter-group{grid-template-columns:repeat(2,1fr)}.exercise-card{padding:1rem}.exercise-card-thumbnail{width:70px;height:70px}.exercise-header-info h4{font-size:1.05rem}.exercise-info-grid{grid-template-columns:1fr}}@media(max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.section-header .header-text h1{font-size:1.5rem}.section-header .header-text p{font-size:.875rem}.primary-btn{width:100%;justify-content:center;padding:.75rem 1.25rem;font-size:.9rem}.quick-stats{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.stat-item{padding:.875rem 1rem}.stat-icon{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.125rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.filters-container{padding:1rem;margin-bottom:1.25rem}.filter-group{grid-template-columns:1fr;gap:.75rem}.search-input,.filter-select{font-size:.9rem}.exercises-cards{gap:.75rem}.exercise-card{padding:.875rem}.exercise-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.exercise-header-left{width:100%}.exercise-card-thumbnail{width:65px;height:65px}.exercise-header-info h4{font-size:1rem}.exercise-card-description{font-size:.85rem}.exercise-info-grid{grid-template-columns:1fr;gap:.5rem}.info-item{font-size:.85rem}.info-item strong{min-width:90px;font-size:.8rem}.badge{padding:.3rem .75rem;font-size:.75rem}.exercise-card-actions{gap:.5rem;padding-top:.875rem}.results-count{font-size:.85rem;margin-bottom:1.25rem}}@media(max-width:480px){.section-header{margin-bottom:1.25rem}.section-header .header-text h1{font-size:1.375rem}.section-header .header-text p{font-size:.8rem}.primary-btn{padding:.625rem 1rem;font-size:.875rem}.quick-stats{gap:.65rem;margin-bottom:1.25rem}.stat-item{padding:.75rem .875rem}.stat-icon{width:36px;height:36px;min-width:36px;min-height:36px;font-size:1rem}.stat-number{font-size:1.375rem}.stat-label{font-size:.7rem}.filters-container{padding:.75rem;margin-bottom:1rem}.filter-group{gap:.625rem}.search-input,.filter-select{padding:.75rem;font-size:.875rem}.exercises-cards{gap:.625rem;margin-bottom:1.5rem}.exercise-card{padding:.75rem}.exercise-card-header{gap:.625rem}.exercise-header-left{gap:.75rem}.exercise-card-thumbnail{width:60px;height:60px}.exercise-header-info h4{font-size:.95rem}.exercise-status{padding:.3rem .75rem;font-size:.75rem}.exercise-card-description{font-size:.8rem;margin-bottom:.75rem}.exercise-info-grid{gap:.45rem}.info-item{font-size:.8rem}.info-item strong{min-width:85px;font-size:.75rem}.badge{padding:.25rem .65rem;font-size:.7rem}.exercise-card-actions{gap:.45rem;padding-top:.75rem}.results-count{font-size:.8rem;margin-bottom:1rem}.empty-state,.error-state{padding:1rem}.empty-state svg,.error-state svg{width:48px;height:48px}.empty-state h3,.error-state h3{font-size:1rem}.empty-state p,.error-state p{font-size:.8rem}}.reports-section{max-width:1200px;margin:0 auto;min-height:0;height:fit-content}.reports-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:2px solid var(--border-color)}.tab-button{padding:var(--spacing-3) var(--spacing-5);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;font-size:1rem;cursor:pointer;transition:all var(--transition-base);position:relative;bottom:-2px}.tab-button:hover{color:var(--text-primary);background:var(--background)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.quick-stat-card{background:var(--color-background-card-light);border-radius:var(--spacing-4);padding:var(--spacing-5);box-shadow:0 4px 6px #00000012;border:1px solid var(--color-border-light);text-align:center;transition:all var(--transition-fast) ease}.quick-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.quick-stat-card .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#2d3748;margin-bottom:var(--spacing-2)}.quick-stat-card .stat-label{font-size:var(--font-size-sm);color:#718096;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.quick-stat-card .stat-change{font-size:var(--spacing-3);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) 8px;border-radius:var(--radius-base)}.quick-stat-card .stat-change.positive{color:#38a169;background:#f0fff4}.reports-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.reports-list,.chart-preview{background:var(--color-background-card-light);border-radius:var(--spacing-4);padding:var(--spacing-5);box-shadow:0 4px 6px #00000012;border:1px solid var(--color-border-light);width:100%}.reports-list h3,.chart-preview h3{margin:0 0 20px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#2d3748}.report-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.report-card{border:1px solid var(--color-border-light);border-radius:var(--spacing-3);padding:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-fast) ease}.report-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.report-icon{font-size:var(--font-size-3xl);width:56px;height:56px;min-width:56px;min-height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);flex-shrink:0}.report-info{flex:1}.report-info h4{margin:0 0 8px;font-size:var(--spacing-4);font-weight:var(--font-weight-semibold);color:#2d3748}.report-info p{margin:0 0 8px;font-size:var(--font-size-sm);color:#718096}.last-generated{font-size:var(--spacing-3);color:#a0aec0}.report-actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.generate-report-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--action-view);color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;min-width:140px}.generate-report-btn:hover:not(:disabled){background:var(--action-view-hover);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.generate-report-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.chart-placeholder{height:200px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--spacing-4);background:#fafafa;border-radius:var(--spacing-3);border:2px dashed var(--color-border-light);overflow:hidden}.chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-3);height:120px;margin-bottom:30px;padding:0 20px;position:relative}.bar{width:var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);border-radius:3px 3px 0 0;position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:10px;max-height:100px;transition:all var(--transition-fast) ease}.bar:hover{transform:scale(1.05);filter:brightness(1.1)}.bar span{position:absolute;bottom:-25px;font-size:var(--font-size-xs);color:#718096;font-weight:var(--font-weight-medium);white-space:nowrap}.chart-title{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#4a5568;margin-bottom:var(--spacing-4)}.chart-legend{text-align:center;font-size:var(--spacing-3);color:#718096;font-style:italic}.recent-reports{background:var(--color-background-card-light);border-radius:var(--spacing-4);padding:var(--spacing-5);box-shadow:0 4px 6px #00000012;border:1px solid var(--color-border-light)}.recent-reports h3{margin:0 0 20px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#2d3748}.reports-table{overflow:hidden;border-radius:var(--spacing-2);border:1px solid var(--color-border-light)}.reports-table table{width:100%;border-collapse:collapse}.reports-table th{background:#f7fafc;padding:var(--spacing-4);text-align:left;font-weight:var(--font-weight-semibold);color:#4a5568;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border-light)}.reports-table td{padding:var(--spacing-4);border-bottom:1px solid #f7fafc;font-size:var(--font-size-sm);color:#2d3748}.reports-table tr:hover{background:#f8f9fa}.status-badge{padding:var(--spacing-1) 12px;border-radius:var(--spacing-3);font-size:var(--spacing-3);font-weight:var(--font-weight-semibold)}.status-badge.completed{background:#f0fff4;color:#38a169}.reports-table .action-btn{background:none;border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:6px 12px;cursor:pointer;font-size:var(--spacing-3);transition:all var(--transition-fast) ease;margin-right:var(--spacing-2)}.reports-table .action-btn:hover{background:#f7fafc}.reports-table .action-btn.download{border-color:#667eea;color:#667eea}.reports-table .action-btn.view{border-color:#38a169;color:#38a169}@media(max-width:1200px){.reports-section{max-width:100%;padding:0 var(--spacing-4)}.quick-stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.report-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.report-card{padding:var(--spacing-4)}.report-icon{width:52px;height:52px;min-width:52px;min-height:52px}}@media(max-width:992px){.reports-section{padding:0 var(--spacing-3)}.reports-tabs{gap:var(--spacing-1);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:var(--spacing-2) var(--spacing-4);font-size:.95rem;white-space:nowrap}.quick-stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.quick-stat-card{padding:var(--spacing-4)}.quick-stat-card .stat-value{font-size:var(--font-size-2xl)}.quick-stat-card .stat-label{font-size:.85rem}.reports-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.reports-list,.chart-preview{padding:var(--spacing-4)}.report-cards{grid-template-columns:1fr}.report-card{padding:var(--spacing-3)}.report-icon{width:48px;height:48px;min-width:48px;min-height:48px}.chart-bars{height:100px;gap:var(--spacing-2)}.bar{width:var(--spacing-4);max-height:80px}}@media(max-width:768px){.reports-section{padding:0 var(--spacing-2)}.reports-tabs{gap:.5rem;margin-bottom:var(--spacing-5)}.tab-button{padding:var(--spacing-2) var(--spacing-3);font-size:.9rem}.quick-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.quick-stat-card{padding:var(--spacing-3)}.quick-stat-card .stat-value{font-size:var(--font-size-xl);margin-bottom:var(--spacing-1)}.quick-stat-card .stat-label{font-size:.8rem;margin-bottom:var(--spacing-1)}.quick-stat-card .stat-change{font-size:.75rem;padding:.25rem .5rem}.reports-grid{grid-template-columns:1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.reports-list,.chart-preview{padding:var(--spacing-3);border-radius:var(--spacing-3)}.reports-list h3,.chart-preview h3{font-size:1.125rem;margin-bottom:var(--spacing-3)}.report-cards{grid-template-columns:1fr;gap:var(--spacing-3)}.report-card{flex-direction:column;text-align:center;gap:var(--spacing-3);padding:var(--spacing-3)}.report-icon{width:44px;height:44px;min-width:44px;min-height:44px;margin:0 auto}.report-info{align-items:center}.report-info h4{font-size:.95rem}.report-info p{font-size:.85rem}.report-actions{flex-direction:row;justify-content:center;gap:.5rem;width:100%}.report-actions button{flex:1;max-width:150px;padding:.5rem .75rem;font-size:.85rem}.chart-placeholder{height:180px;padding:var(--spacing-3)}.chart-title{font-size:.9rem;margin-bottom:var(--spacing-2)}.chart-bars{gap:var(--spacing-2);height:80px;padding:0 10px;margin-bottom:25px}.bar{width:var(--spacing-3);max-height:60px}.bar span{font-size:.7rem;bottom:-20px}.chart-legend{font-size:.75rem}.generate-report-btn{width:100%;justify-content:center;padding:var(--spacing-3);font-size:.9rem}.reports-table{overflow-x:auto}.reports-table table{min-width:600px}}@media(max-width:480px){.reports-section{padding:0 var(--spacing-1)}.reports-tabs{gap:.375rem;margin-bottom:var(--spacing-4)}.tab-button{padding:.5rem var(--spacing-2);font-size:.85rem}.quick-stats-grid{grid-template-columns:1fr;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.quick-stat-card{padding:var(--spacing-2);text-align:left;display:flex;align-items:center;justify-content:space-between}.quick-stat-card .stat-value{font-size:var(--font-size-lg);margin-bottom:0}.quick-stat-card .stat-label{font-size:.75rem;margin-bottom:0}.quick-stat-card .stat-change{font-size:.7rem;padding:.1875rem .375rem}.reports-grid{gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.reports-list,.chart-preview{padding:var(--spacing-2);border-radius:var(--spacing-2)}.reports-list h3,.chart-preview h3{font-size:1rem;margin-bottom:var(--spacing-2)}.report-cards{gap:var(--spacing-2)}.report-card{gap:var(--spacing-2);padding:var(--spacing-2)}.report-icon{width:40px;height:40px;min-width:40px;min-height:40px}.report-info h4{font-size:.9rem}.report-info p{font-size:.8rem}.report-actions{flex-direction:column;width:100%}.report-actions button{width:100%;max-width:none;padding:.5rem;font-size:.8rem}.chart-placeholder{height:160px;padding:var(--spacing-2)}.chart-title{font-size:.85rem;margin-bottom:var(--spacing-1)}.chart-bars{gap:var(--spacing-1);height:70px;padding:0 5px;margin-bottom:20px}.bar{width:.5rem;max-height:50px}.bar span{font-size:.65rem;bottom:-18px}.chart-legend{font-size:.7rem}.generate-report-btn{padding:var(--spacing-2);font-size:.85rem}.reports-table table{min-width:500px}}.filter-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.filter-modal-container{width:90%;max-width:520px;background:var(--bg-elevated);border-radius:12px;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;overflow:hidden}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-medium);flex-shrink:0}.filter-modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.2}.filter-modal-header .close-button{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition-fast);line-height:1}.filter-modal-header .close-button:hover{background:#ef44441a;color:var(--error-500)}.filter-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.filter-modal-body .modal-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.filter-modal-body .quick-actions{display:flex;gap:.75rem;margin-bottom:1.25rem}.filter-modal-body .btn-quick-filter{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);color:var(--success-500);border:1px solid var(--border-medium);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem}.filter-modal-body .btn-quick-filter:hover{background:var(--bg-tertiary);border-color:var(--success-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-modal-body .btn-quick-filter i{font-size:1rem}.filter-modal-body .form-group{margin-bottom:1.125rem}.filter-modal-body .form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary);font-size:.875rem}.filter-modal-body .required{color:var(--error-500);margin-left:.25rem}.filter-modal-body .form-input{width:100%;padding:.75rem;border:1px solid var(--border-medium);border-radius:8px;font-size:.875rem;transition:var(--transition-fast);background:var(--bg-secondary)!important;color:var(--text-primary)!important;font-family:inherit}.filter-modal-body .form-input[type=date]{color-scheme:light;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.filter-modal-body .form-input[type=date]::-webkit-calendar-picker-indicator{filter:none;cursor:pointer;opacity:1}[data-theme=dark] .filter-modal-body .form-input[type=date]{color-scheme:dark;background-color:#0f172a!important;color:#f8fafc!important;border-color:#334155!important}[data-theme=dark] .filter-modal-body .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:1}[data-theme=dark] .filter-modal-body .form-input[type=date]::-webkit-datetime-edit{color:#f8fafc!important}[data-theme=dark] .filter-modal-body .form-input[type=date]::-webkit-datetime-edit-fields-wrapper{color:#f8fafc!important}[data-theme=dark] .filter-modal-body .form-input[type=date]::-webkit-datetime-edit-text{color:#f8fafc!important}[data-theme=dark] .filter-modal-body .form-input[type=date]::-webkit-datetime-edit-month-field,[data-theme=dark] .filter-modal-body .form-input[type=date]::-webkit-datetime-edit-day-field,[data-theme=dark] .filter-modal-body .form-input[type=date]::-webkit-datetime-edit-year-field{color:#f8fafc!important}.filter-modal-body .form-input:focus{outline:none;border-color:var(--success-500);box-shadow:0 0 0 3px #4ade801a}.filter-modal-body .form-input.input-error{border-color:var(--error-500)}.filter-modal-body .form-input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.filter-modal-body .error-message{display:block;color:var(--error-500);font-size:.813rem;margin-top:.5rem;font-weight:500}.filter-modal-body .info-box{display:flex;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-left:3px solid var(--success-500);border-radius:8px;margin-top:1.25rem}.filter-modal-body .info-box i{color:var(--success-500);font-size:1.1rem;flex-shrink:0;margin-top:.125rem}.filter-modal-body .info-box span{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.filter-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-elevated);border-top:1px solid var(--border-medium);flex-shrink:0}.filter-modal-footer .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition-fast);border:none;display:flex;align-items:center;gap:.5rem;line-height:1}.filter-modal-footer .btn i{font-size:1rem}.filter-modal-footer .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.filter-modal-footer .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.filter-modal-footer .btn-primary{background:var(--gradient-success);color:var(--text-on-dark)}.filter-modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.filter-modal-footer .btn-primary:disabled{opacity:.85;cursor:not-allowed;pointer-events:none}.filter-modal-footer .btn .fa-spinner,.filter-modal-footer .btn .fa-spin{animation:spin .6s linear infinite;display:inline-block}.filter-modal-footer .btn-primary:disabled{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.85}50%{opacity:1}}@media(max-width:576px){.filter-modal-container{width:95%;max-width:none}.filter-modal-body .quick-actions{flex-direction:column}.filter-modal-footer{flex-direction:column-reverse}.filter-modal-footer .btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;animation:fadeIn .2s ease-in}.modal-content-small{background:var(--bg-elevated);border-radius:16px;padding:2rem;max-width:400px;width:90%;box-shadow:0 10px 40px #0000004d;text-align:center;animation:slideUp .3s ease-out}.modal-content-small.error{border-top:4px solid #ef4444}.modal-content-small.success{border-top:4px solid #10b981}.modal-content-small .modal-icon{margin:0 auto 1.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-subtle)}.modal-content-small.error .modal-icon{background:#ef44441a;color:#ef4444}.modal-content-small.success .modal-icon{background:#10b9811a;color:#10b981}.modal-content-small .modal-icon svg{width:32px;height:32px}.modal-content-small h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-content-small p{margin:0 0 1.5rem;font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.modal-content-small .btn{width:100%;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none}.modal-content-small.error .btn{background:#ef4444;color:#fff}.modal-content-small.error .btn:hover{background:#dc2626}.modal-content-small.success .btn{background:#10b981;color:#fff}.modal-content-small.success .btn:hover{background:#059669}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.financial-report-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.financial-report-container{width:95%;max-width:1200px;max-height:90vh;background:var(--bg-elevated);border-radius:12px;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;overflow:hidden}.financial-report-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-medium);flex-shrink:0}.financial-report-header .header-left{display:flex;flex-direction:column;gap:.25rem}.financial-report-header .header-left h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.2}.financial-report-header .report-period{margin:0;font-size:.75rem;color:var(--text-tertiary);font-weight:400;line-height:1}.financial-report-header .header-actions{display:flex;align-items:center;gap:.5rem}.financial-report-header .btn-header{padding:.5rem .875rem;border-radius:6px;font-weight:500;font-size:.75rem;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:.375rem;white-space:nowrap;line-height:1}.financial-report-header .btn-header i{font-size:.875rem}.financial-report-header .btn-excel{background:linear-gradient(135deg,#1e7e34,#28a745);color:#fff}.financial-report-header .btn-excel:hover{transform:translateY(-1px);box-shadow:0 3px 8px #28a7454d}.financial-report-header .btn-print{background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff}.financial-report-header .btn-print:hover{transform:translateY(-1px);box-shadow:0 3px 8px #2e7d324d}.financial-report-header .close-button{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition-fast);line-height:1}.financial-report-header .close-button:hover{background:#ef44441a;color:var(--error-500)}.financial-report-body{padding:1rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#2e7d32 transparent}.financial-report-body::-webkit-scrollbar{width:8px}.financial-report-body::-webkit-scrollbar-track{background:transparent}.financial-report-body::-webkit-scrollbar-thumb{background:#2e7d32;border-radius:4px}.financial-report-body::-webkit-scrollbar-thumb:hover{background:#43a047}.financial-report-body .stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.75rem}@media(max-width:1200px){.financial-report-body .stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.financial-report-body .stats-grid{grid-template-columns:repeat(2,1fr)}}.financial-report-body .stat-card{display:flex;gap:.5rem;padding:.625rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;transition:var(--transition-fast)}.financial-report-body .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.financial-report-body .stat-icon{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.938rem;flex-shrink:0}.financial-report-body .stat-icon.primary{background:linear-gradient(135deg,#2e7d3226,#43a0471a);color:#2e7d32}.financial-report-body .stat-icon.success{background:linear-gradient(135deg,#4caf5026,#81c7841a);color:#4caf50}.financial-report-body .stat-icon.info{background:linear-gradient(135deg,#2196f326,#42a5f51a);color:#2196f3}.financial-report-body .stat-icon.warning{background:linear-gradient(135deg,#ff980026,#ffc1071a);color:#ff9800}.financial-report-body .stat-icon.danger{background:linear-gradient(135deg,#f4433626,#ef53501a);color:#f44336}.financial-report-body .stat-content{display:flex;flex-direction:column;justify-content:center}.financial-report-body .stat-label{color:var(--text-tertiary);font-size:.688rem;font-weight:500;margin-bottom:.125rem;line-height:1.2}.financial-report-body .stat-value{color:var(--text-primary);font-size:1.063rem;font-weight:600;line-height:1}.financial-report-body .report-section{margin-bottom:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px}.financial-report-body .section-title{display:flex;align-items:center;gap:.5rem;font-size:.938rem;font-weight:600;color:var(--text-primary);margin-bottom:.625rem;line-height:1}.financial-report-body .section-title i{color:var(--success-500);font-size:.938rem}.financial-report-body .payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.financial-report-body .payment-method-card{padding:.625rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px}.financial-report-body .method-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.financial-report-body .method-name{font-weight:600;color:var(--text-primary);font-size:.813rem}.financial-report-body .method-count{color:var(--text-tertiary);font-size:.75rem}.financial-report-body .method-total{font-size:1.125rem;font-weight:700;color:var(--success-500);margin-bottom:.5rem;line-height:1}.financial-report-body .method-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;margin-bottom:.375rem}.financial-report-body .method-bar-fill{height:100%;background:var(--gradient-success);transition:var(--transition-slow)}.financial-report-body .method-percentage{font-size:.75rem;color:var(--text-tertiary)}.financial-report-body .transactions-table-container{overflow-x:auto;border-radius:6px;border:1px solid var(--border-light)}.financial-report-body .transactions-table{width:100%;border-collapse:collapse;font-size:.813rem}.financial-report-body .transactions-table thead{background:var(--bg-secondary)}.financial-report-body .transactions-table th{padding:.625rem .75rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.75rem;border-bottom:2px solid var(--border-medium);white-space:nowrap}.financial-report-body .transactions-table tbody tr{transition:var(--transition-fast)}.financial-report-body .transactions-table tbody tr:hover{background:var(--bg-secondary)}.financial-report-body .transactions-table td{padding:.625rem .75rem;color:var(--text-primary);font-size:.813rem;border-bottom:1px solid var(--border-light);line-height:1.4}.financial-report-body .amount-cell{font-weight:600;color:var(--success-500)}.financial-report-body .payment-method-badge{display:inline-block;padding:.313rem .625rem;background:linear-gradient(135deg,#2e7d3226,#43a0471a);color:#2e7d32;border-radius:5px;font-size:.813rem;font-weight:500}.financial-report-body .user-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.313rem .625rem;background:linear-gradient(135deg,#9c27b026,#ba68c81a);color:#9c27b0;border-radius:5px;font-size:.813rem;font-weight:500}.financial-report-body .user-badge i{font-size:.75rem}.financial-report-body .system-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.313rem .625rem;background:linear-gradient(135deg,#2196f326,#42a5f51a);color:#2196f3;border-radius:5px;font-size:.813rem;font-weight:500}.financial-report-body .system-badge i{font-size:.75rem}.financial-report-body .pending-badge{color:var(--text-secondary, #666666);font-size:.875rem}@media print{body *{visibility:hidden}.financial-report-overlay,.financial-report-overlay *{visibility:visible}.financial-report-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999}.financial-report-container{max-width:100%;max-height:none;width:100%;box-shadow:none;margin:0}.financial-report-header .btn-header,.financial-report-header .close-button{display:none}.financial-report-body .report-section{page-break-inside:avoid}.financial-report-body .transactions-table{page-break-inside:auto}.financial-report-body .transactions-table tr{page-break-inside:avoid;page-break-after:auto}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.settings-section{max-width:1200px;margin:0 auto;padding:0}.section-header{margin-bottom:24px}.section-header h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.feedback-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;animation:slideDown .3s ease}.feedback-banner.success{background:var(--success-100);color:var(--success-700);border:1px solid var(--success-200)}[data-theme=dark] .feedback-banner.success{background:#22c55e26;color:var(--success-400);border:1px solid rgba(34,197,94,.3)}.feedback-banner.error{background:var(--error-100);color:var(--error-700);border:1px solid var(--error-200)}[data-theme=dark] .feedback-banner.error{background:#ef444426;color:var(--error-400);border:1px solid rgba(239,68,68,.3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-container{display:grid;grid-template-columns:280px 1fr;gap:24px;background:var(--bg-elevated);border-radius:16px;overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-md)}[data-theme=dark] .settings-container{background:var(--bg-secondary);border-color:var(--border-light);box-shadow:0 4px 6px #0000004d}.settings-sidebar{background:var(--bg-secondary);padding:24px 0;border-right:1px solid var(--border-light)}[data-theme=dark] .settings-sidebar{background:var(--bg-primary);border-right-color:var(--border-light)}.settings-tab{width:100%;background:none;border:none;padding:14px 24px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:none!important;border-left:3px solid transparent;color:var(--text-secondary);text-align:left;font-size:.9375rem;font-weight:500}.settings-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .settings-tab:hover{background:var(--bg-tertiary)}.settings-tab.active{background:var(--bg-elevated);border-left-color:var(--primary-500);color:var(--primary-600)}[data-theme=dark] .settings-tab.active{background:var(--bg-secondary);color:var(--primary-400);border-left-color:var(--primary-400)}.tab-icon{flex-shrink:0;opacity:.7}.settings-tab.active .tab-icon{opacity:1}.tab-label{flex:1}.settings-content{padding:32px;background:var(--bg-elevated)}[data-theme=dark] .settings-content{background:var(--bg-elevated)}.settings-panel{display:flex;flex-direction:column;gap:32px}.panel-header{display:flex;align-items:flex-start;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.panel-header>svg{flex-shrink:0;color:var(--primary-500)}[data-theme=dark] .panel-header>svg{color:var(--primary-400)}.panel-header h3{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.panel-header p{margin:0;font-size:.9375rem;color:var(--text-tertiary)}.profile-subtabs{display:flex;gap:12px;margin-top:24px;margin-bottom:32px;padding:4px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.profile-subtabs .subtab{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;min-height:44px}.profile-subtabs .subtab:hover{color:var(--text-primary);background:var(--bg-primary);transform:translateY(-1px)}.profile-subtabs .subtab.active{color:#fff;background:var(--primary-500);box-shadow:0 2px 8px #3b82f64d}[data-theme=dark] .profile-subtabs{background:var(--bg-elevated);border-color:var(--border-medium)}[data-theme=dark] .profile-subtabs .subtab:hover{background:var(--bg-primary)}[data-theme=dark] .profile-subtabs .subtab.active{background:var(--primary-600);box-shadow:0 2px 8px #5b7fb066}.profile-subtabs .subtab svg{flex-shrink:0}.form-section{display:flex;flex-direction:column;gap:20px}.form-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:992px){.form-grid-2col{grid-template-columns:1fr;gap:16px}}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.form-group label svg{color:var(--text-tertiary);flex-shrink:0}.form-group input,.form-group select{padding:12px 16px;border:1px solid var(--border-medium);border-radius:8px;font-size:.9375rem;color:var(--text-primary);background:var(--bg-elevated)!important;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:var(--bg-elevated)!important;border-color:var(--border-medium);color:var(--text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #5b7fb033}.form-group input::placeholder{color:var(--text-tertiary)}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input-wrapper input{width:100%;padding:16px 52px 16px 16px!important;font-size:1rem!important;background:var(--bg-elevated)!important;min-height:56px!important;border:1px solid var(--border-medium)!important;border-radius:8px!important;line-height:1.5}[data-theme=dark] .password-input-wrapper input{background:var(--bg-elevated)!important;color:var(--text-primary);border-color:var(--border-medium)!important}.toggle-password-btn{position:absolute;right:16px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;padding:8px;transition:color .15s ease;height:40px;width:40px;border-radius:6px}.toggle-password-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.info-card-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.info-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .info-card{background:var(--bg-primary);border-color:var(--border-light)}.info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.info-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-tertiary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.info-card-header svg{color:var(--primary-500);flex-shrink:0}[data-theme=dark] .info-card-header svg{color:var(--primary-400)}.info-card-content{display:flex;flex-direction:column;gap:6px}.info-value{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.4}.info-subtitle{margin:0;font-size:.875rem;color:var(--text-tertiary);line-height:1.5}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-options.disabled{opacity:.6;pointer-events:none}.notification-item{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--border-light);border-radius:12px;background:var(--bg-primary);transition:border-color .15s ease,background-color .15s ease}[data-theme=dark] .notification-item{background:var(--bg-primary);border-color:var(--border-light)}.notification-item:not(.disabled):hover{border-color:var(--primary-500);background:var(--bg-secondary)}[data-theme=dark] .notification-item:not(.disabled):hover{border-color:var(--primary-400)}.notification-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--primary-100);color:var(--primary-600)}[data-theme=dark] .notification-icon{background:#3b82f626;color:var(--primary-400)}.notification-info{flex:1}.notification-info h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.notification-info p{margin:0;font-size:.875rem;color:var(--text-tertiary);line-height:1.5}.toggle-switch{position:relative;width:48px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:background-color .2s ease;border-radius:28px}[data-theme=dark] .toggle-slider{background-color:var(--gray-600)}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:transform .2s ease;border-radius:50%;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--success-500)}[data-theme=dark] .toggle-switch input:checked+.toggle-slider{background-color:var(--success-400)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch.disabled .toggle-slider{cursor:not-allowed}.coming-soon-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-200);border-radius:12px;font-size:.9375rem;font-weight:500;margin-top:16px}[data-theme=dark] .coming-soon-banner{background:#fbbf2426;color:var(--warning-400);border:1px solid rgba(251,191,36,.3)}.security-section{display:flex;flex-direction:column;gap:24px}.section-title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.section-title svg{color:var(--primary-500);flex-shrink:0}[data-theme=dark] .section-title svg{color:var(--primary-400)}.save-btn{align-self:flex-start;padding:12px 32px!important;display:flex!important;align-items:center;gap:10px;background:var(--success-500)!important;color:#fff!important;border:none!important;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease!important;box-shadow:0 2px 8px #22c55e33}.save-btn:hover:not(:disabled){background:var(--success-600)!important;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)!important}.save-btn:active:not(:disabled){transform:translateY(0)!important}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.save-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.settings-section{padding:0 16px}.settings-container{gap:20px}.settings-sidebar{width:260px;padding:20px 0}.settings-content{padding:28px}.panel-header h3{font-size:1.375rem}.info-card-group{gap:16px}}@media(max-width:992px){.settings-section{padding:0 12px}.section-header h2{font-size:1.625rem}.settings-container{grid-template-columns:1fr;gap:0}.settings-sidebar{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:16px 20px;border-right:none;border-bottom:1px solid var(--border-light);gap:8px}[data-theme=dark] .settings-sidebar{border-bottom-color:var(--border-light)}.settings-tab{white-space:nowrap;padding:12px 20px;border-left:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;min-height:44px}.settings-tab.active{border-left:none;border-bottom-color:var(--primary-500)}[data-theme=dark] .settings-tab.active{border-bottom-color:var(--primary-400)}.settings-content{padding:24px 20px}.panel-header{gap:12px;padding-bottom:20px}.panel-header h3{font-size:1.25rem}.profile-subtabs{gap:8px;margin-top:20px;margin-bottom:28px}.profile-subtabs .subtab{padding:10px 20px;font-size:.9rem}.info-card-group{grid-template-columns:1fr;gap:16px}.info-card{padding:20px}.notification-item{flex-direction:column;align-items:flex-start;gap:16px}.notification-item .toggle-switch{align-self:flex-end}.form-group label{font-size:.9rem}.form-group input,.form-group select{padding:11px 14px;font-size:.9rem}}@media(max-width:768px){.settings-section{padding:0 8px}.section-header{margin-bottom:20px}.section-header h2{font-size:1.5rem}.feedback-banner{padding:14px 16px;font-size:.9rem;margin-bottom:20px}.settings-container{border-radius:12px}.settings-sidebar{padding:12px 16px;gap:6px}.settings-tab{padding:10px 16px;font-size:.85rem}.tab-icon{width:18px;height:18px}.tab-label{font-size:.85rem}.settings-content{padding:20px 16px}.settings-panel{gap:28px}.panel-header{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:16px}.panel-header>svg{width:28px;height:28px}.panel-header h3{font-size:1.25rem}.panel-header p{font-size:.875rem}.profile-subtabs{flex-direction:column;gap:6px;margin-top:16px;margin-bottom:24px;padding:6px}.profile-subtabs .subtab{padding:10px 16px;font-size:.875rem}.info-card{padding:16px}.info-label{font-size:.8rem}.info-value{font-size:1.125rem}.form-group{gap:8px}.form-group label{font-size:.875rem}.form-group input,.form-group select{padding:10px 12px;font-size:.875rem}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px}.notification-item{padding:16px;gap:12px}.notification-info h4{font-size:.9rem}.notification-info p{font-size:.8rem}.save-btn{width:100%;justify-content:center;padding:12px;font-size:.9rem}.panel-actions{flex-direction:column;gap:10px}.panel-actions button{width:100%;justify-content:center}}@media(max-width:480px){.settings-section{padding:0 4px}.section-header{margin-bottom:16px}.section-header h2{font-size:1.375rem}.feedback-banner{padding:12px;font-size:.85rem;margin-bottom:16px}.settings-container{border-radius:10px}.settings-sidebar{padding:10px 12px;gap:4px}.settings-tab{padding:8px 12px;font-size:.8rem;min-height:40px}.tab-icon{width:16px;height:16px}.tab-label{font-size:.8rem}.settings-content{padding:16px 12px}.settings-panel{gap:24px}.panel-header{gap:8px;padding-bottom:12px}.panel-header>svg{width:24px;height:24px}.panel-header h3{font-size:1.125rem}.panel-header p{font-size:.8rem;line-height:1.4}.profile-subtabs{gap:4px;margin-top:12px;margin-bottom:20px;padding:4px}.profile-subtabs .subtab{padding:8px 12px;font-size:.8rem;gap:6px}.profile-subtabs .subtab svg{width:16px;height:16px}.info-card{padding:12px}.info-label{font-size:.75rem}.info-value{font-size:1rem}.form-group{gap:6px}.form-group label{font-size:.8rem}.form-group label svg{width:14px;height:14px}.form-group input,.form-group select{padding:8px 10px;font-size:.8rem}.password-toggle{right:10px;padding:3px}.password-toggle svg{width:16px;height:16px}.notification-item{padding:12px;gap:10px}.notification-info h4{font-size:.85rem}.notification-info p{font-size:.75rem}.toggle-switch{transform:scale(.9)}.save-btn{padding:10px;font-size:.85rem}.save-btn svg{width:16px;height:16px}.panel-actions{gap:8px}.panel-actions button{padding:8px;font-size:.8rem}.danger-zone{padding:16px}.danger-zone h4{font-size:1rem}.danger-zone p{font-size:.8rem}.danger-zone button{padding:8px 12px;font-size:.8rem}}.workout-planner-section{width:100%;padding:24px}.week-days-filter{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.day-button{padding:12px 20px;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.day-button:hover{border-color:#4caf50;transform:translateY(-2px)}.day-button.active{background:#4caf50;border-color:#4caf50;color:#fff}.day-count{font-size:12px;font-weight:700;background:#0000001a;padding:2px 8px;border-radius:12px}.day-button.active .day-count{background:#ffffff4d}.planners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.planner-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .2s}.planner-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.planner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sequence-badge{background:#2196f3;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:700}.status-badge{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600}.exercise-name{font-size:18px;margin:0 0 12px;color:#333}.planner-details{display:flex;gap:16px;margin-bottom:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{font-size:11px;color:#666;text-transform:uppercase}.detail-item .value{font-size:16px;font-weight:700;color:#333}.planner-notes{font-size:13px;color:#666;margin:8px 0;padding:8px;background:#f5f5f5;border-radius:4px}.planner-period{margin-top:12px;padding-top:12px;border-top:1px solid #eee;color:#999;font-size:12px}.planner-actions{display:flex;gap:8px;margin-top:12px}.btn-icon{flex:1;padding:8px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f5f5f5}.btn-icon.danger:hover{background:#ffebee;border-color:#f44336}.empty-state{text-align:center;padding:48px 24px;color:#666}.empty-state p{margin-bottom:16px;font-size:16px}@media(max-width:1200px){.workout-planner-section{padding:20px}.planners-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.planner-card{padding:14px}}@media(max-width:992px){.workout-planner-section{padding:16px}.week-days-filter{gap:10px;margin-bottom:20px}.day-button{padding:10px 16px;font-size:.9rem}.planners-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.planner-card{padding:12px}.exercise-name{font-size:16px}.planner-details{gap:12px}.detail-item .value{font-size:14px}}@media(max-width:768px){.workout-planner-section{padding:12px}.week-days-filter{gap:8px;margin-bottom:16px}.day-button{padding:8px 12px;font-size:.85rem;gap:2px}.day-count{font-size:11px;padding:1px 6px}.planners-grid{grid-template-columns:1fr;gap:12px}.planner-card{padding:12px}.planner-header{flex-direction:column;align-items:flex-start;gap:8px}.sequence-badge,.status-badge{font-size:11px;padding:3px 10px}.exercise-name{font-size:16px;margin-bottom:10px}.planner-details{flex-wrap:wrap;gap:10px}.detail-item{flex:1;min-width:calc(50% - 5px)}.detail-item .label{font-size:10px}.detail-item .value{font-size:14px}.planner-notes{font-size:12px;padding:6px}.planner-period{font-size:11px}.planner-actions{gap:6px}.btn-icon{padding:8px;font-size:.85rem}.empty-state{padding:32px 16px}.empty-state p{font-size:14px}}@media(max-width:480px){.workout-planner-section{padding:8px}.week-days-filter{gap:6px;margin-bottom:12px}.day-button{padding:6px 10px;font-size:.8rem}.day-count{font-size:10px;padding:1px 5px}.planners-grid{gap:10px}.planner-card{padding:10px}.sequence-badge,.status-badge{font-size:10px;padding:2px 8px}.exercise-name{font-size:15px;margin-bottom:8px}.planner-details{gap:8px}.detail-item{min-width:calc(50% - 4px)}.detail-item .label{font-size:9px}.detail-item .value{font-size:13px}.planner-notes{font-size:11px;padding:6px}.planner-period{font-size:10px;margin-top:8px;padding-top:8px}.planner-actions{flex-direction:column;gap:6px}.btn-icon{width:100%;padding:10px;font-size:.8rem}.empty-state{padding:24px 12px}.empty-state p{font-size:13px}}.training-center-section{width:100%;padding:24px}.filters-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px}.state-select{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.centers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.center-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .2s}.center-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.center-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.center-header h3{margin:0;font-size:18px;color:#333;flex:1}.open-badge{background:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.center-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.info-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#666}.info-row .icon{font-size:16px;flex-shrink:0}.center-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f0f0f0}.btn-secondary-small,.btn-danger-small{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;background:#fff}.btn-secondary-small:hover{background:#f5f5f5;border-color:#2196f3;color:#2196f3}.btn-danger-small:hover{background:#ffebee;border-color:#f44336;color:#f44336}@media(max-width:1200px){.training-center-section{padding:20px}.centers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.center-card{padding:18px}}@media(max-width:992px){.training-center-section{padding:16px}.filters-bar{gap:10px;margin-bottom:20px}.search-input{min-width:200px;padding:10px 14px;font-size:13px}.state-select{padding:10px 14px;font-size:13px}.centers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.center-card{padding:16px}.center-header h3{font-size:17px}.info-row{font-size:13px}}@media(max-width:768px){.training-center-section{padding:12px}.filters-bar{flex-direction:column;gap:10px;margin-bottom:16px}.search-input{width:100%;min-width:auto;padding:10px 12px;font-size:14px}.state-select{width:100%;padding:10px 12px;font-size:14px}.centers-grid{grid-template-columns:1fr;gap:14px}.center-card{padding:14px}.center-header{flex-direction:column;align-items:flex-start;gap:8px}.center-header h3{font-size:16px}.open-badge{padding:3px 10px;font-size:10px}.center-info{gap:8px}.info-row{font-size:13px}.info-row .icon{font-size:15px}.center-actions{gap:8px;padding-top:12px}.btn-secondary-small,.btn-danger-small{padding:8px 10px;font-size:12px}}@media(max-width:480px){.training-center-section{padding:8px}.filters-bar{gap:8px;margin-bottom:12px}.search-input,.state-select{padding:8px 10px;font-size:13px}.centers-grid{gap:12px}.center-card{padding:12px}.center-header h3{font-size:15px}.open-badge{padding:2px 8px;font-size:10px}.center-info{gap:6px}.info-row{font-size:12px}.info-row .icon{font-size:14px}.center-actions{flex-direction:column;gap:6px;padding-top:10px}.btn-secondary-small,.btn-danger-small{width:100%;padding:8px;font-size:12px}}.collaborator-assignment-section{width:100%;padding:24px}.status-filters{display:flex;gap:8px}.status-filter-btn{padding:10px 16px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px}.status-filter-btn:hover{background:#f5f5f5}.status-filter-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.assignments-table-container{background:#fff;border-radius:12px;border:1px solid #e0e0e0;overflow:hidden}.assignments-table{width:100%;border-collapse:collapse}.assignments-table thead{background:#f5f5f5}.assignments-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.assignments-table td{padding:14px 16px;border-top:1px solid #f0f0f0;font-size:14px}.assignments-table tbody tr:hover{background:#f9f9f9}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.active{background:#4caf50;color:#fff}.status-badge.inactive{background:#999;color:#fff}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.btn-action{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.btn-action:hover{background:#f5f5f5}.btn-action.danger:hover{background:#ffebee;border-color:#f44336}@media(max-width:1200px){.collaborator-assignment-section{padding:20px}.assignments-table th,.assignments-table td{padding:12px 14px;font-size:13px}.assignments-table th{font-size:12px}}@media(max-width:992px){.collaborator-assignment-section{padding:16px}.status-filters{flex-wrap:wrap;gap:6px}.status-filter-btn{padding:8px 14px;font-size:13px}.assignments-table th:nth-child(1),.assignments-table td:nth-child(1),.assignments-table th:nth-child(5),.assignments-table td:nth-child(5),.assignments-table th:nth-child(6),.assignments-table td:nth-child(6){display:none}.assignments-table th,.assignments-table td{padding:10px 12px;font-size:12px}.assignments-table th{font-size:11px}.actions-cell{gap:6px}.btn-action{padding:5px 10px;font-size:12px}}@media(max-width:768px){.collaborator-assignment-section{padding:12px}.status-filters{gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.status-filter-btn{padding:8px 12px;font-size:12px;white-space:nowrap}.assignments-table-container{overflow-x:visible}.assignments-table th:nth-child(1),.assignments-table td:nth-child(1),.assignments-table th:nth-child(3),.assignments-table td:nth-child(3),.assignments-table th:nth-child(5),.assignments-table td:nth-child(5),.assignments-table th:nth-child(6),.assignments-table td:nth-child(6){display:none}.assignments-table{min-width:auto;width:100%}.assignments-table th,.assignments-table td{padding:10px 8px;font-size:12px}.assignments-table th{font-size:10px}.status-badge{font-size:10px;padding:3px 10px}.actions-cell{flex-direction:column;gap:4px}.btn-action{width:100%;padding:6px 8px;font-size:11px;justify-content:center}}@media(max-width:480px){.collaborator-assignment-section{padding:8px}.status-filters{gap:4px}.status-filter-btn{padding:6px 10px;font-size:11px}.assignments-table th,.assignments-table td{padding:8px 6px;font-size:11px}.assignments-table th{font-size:9px}.status-badge{font-size:9px;padding:2px 8px}.actions-cell{gap:4px}.btn-action{padding:5px 6px;font-size:10px}}.workout-validation-list{padding:2rem;min-height:100vh;background:var(--bg-primary)}.validation-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-light)}.header-title-section{display:flex;align-items:center;gap:1rem}.header-icon{color:var(--primary-500)}.header-text h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.header-text p{font-size:1rem;color:var(--text-secondary);margin:0}.header-stats{display:flex;gap:1rem}.stat-badge{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:var(--warning-100);border-radius:12px;border:2px solid var(--warning-200)}.stat-number{font-size:2rem;font-weight:700;color:var(--warning-700);line-height:1}.stat-label{font-size:.875rem;color:var(--warning-600);margin-top:.25rem}.validation-search-section{margin-bottom:2rem;display:flex;justify-content:flex-start}.search-box{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:12px;max-width:600px;transition:all .2s ease}.search-box:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.search-box input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:1rem;outline:none}.search-box input::placeholder{color:var(--text-tertiary)}.validation-members-container{min-height:400px}.validation-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.validation-member-card{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:default;display:flex;flex-direction:column;min-height:200px}.validation-member-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary-200)}.validation-member-card.skeleton{pointer-events:none}.validation-member-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.validation-member-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary-700);flex-shrink:0;position:relative;overflow:hidden}.validation-member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.validation-member-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.validation-member-info{flex:1;min-width:0}.validation-member-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.validation-member-time{font-size:.875rem;color:var(--text-tertiary)}.validation-member-card-actions{margin-top:1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.validation-btn-view-details,.validation-btn-evaluate{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.validation-btn-view-details{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.validation-btn-view-details:hover{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.validation-btn-evaluate{background:var(--primary-500);color:#fff}.validation-action-buttons{display:flex;gap:.75rem;flex:1;justify-content:flex-end}.param-section{display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.params-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.member-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.detail-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.detail-value.availability{font-size:.8125rem}.goal-badge{padding:.25rem .75rem;background:var(--primary-100);color:var(--primary-700);border-radius:6px;font-size:.8125rem}.member-card-footer{display:flex;gap:.75rem}.validation-btn-evaluate{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--primary-500);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.validation-btn-evaluate:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.validation-btn-evaluate:active{transform:translateY(0)}.loading-state{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:var(--success-500);margin-bottom:1.5rem;opacity:.7}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.empty-state p{font-size:1rem;color:var(--text-secondary);margin:0}@media(max-width:1400px){.validation-members-grid,.loading-state{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:1200px){.validation-members-grid,.loading-state{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:992px){.workout-validation-list{padding:1.5rem}.validation-list-header{flex-direction:column;gap:1.5rem;align-items:stretch}.header-title-section{gap:.75rem}.header-text h1{font-size:1.75rem}.header-stats{width:100%;justify-content:space-between}.stat-badge{flex:1;padding:.875rem 1.25rem}.stat-number{font-size:1.75rem}.validation-members-grid,.loading-state{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:768px){.workout-validation-list{padding:1rem}.validation-list-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.header-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.header-icon{font-size:1.75rem}.header-text h1{font-size:1.5rem}.header-text p{font-size:.875rem}.header-stats{width:100%;flex-direction:row;gap:.75rem}.stat-badge{flex:1;padding:.75rem 1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.validation-search-section{margin-bottom:1.5rem}.search-box{max-width:100%;width:100%;padding:.75rem 1rem}.search-box input{font-size:.9375rem}.validation-members-grid,.loading-state{grid-template-columns:1fr;gap:1rem}.validation-member-card{padding:1rem;min-height:auto}.validation-member-card-header{gap:.875rem;margin-bottom:1rem}.validation-member-avatar{width:48px;height:48px;font-size:1.125rem}.validation-member-info h3{font-size:1rem}.validation-member-time{font-size:.8125rem}.validation-member-card-actions{gap:.75rem}.validation-member-status-badge{width:100%;justify-content:center;padding:.625rem;font-size:.75rem}.validation-btn-view-details,.validation-btn-evaluate{flex:1;min-width:0;padding:.75rem 1rem;font-size:.875rem}}@media(max-width:480px){.workout-validation-list{padding:.75rem}.validation-list-header{margin-bottom:1.25rem}.header-text h1{font-size:1.25rem}.header-text p{font-size:.8125rem}.header-stats{flex-direction:column;gap:.625rem}.stat-badge{width:100%;flex-direction:row;justify-content:space-between;padding:.75rem 1rem}.stat-number{font-size:1.375rem}.validation-member-card{padding:.875rem}.validation-member-avatar{width:44px;height:44px;font-size:1rem}.validation-member-info h3{font-size:.9375rem}.validation-action-buttons{flex-direction:column}.validation-btn-view-details,.validation-btn-evaluate{width:100%}.empty-state{padding:2rem 1rem}.empty-state .icon{font-size:3rem}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:.875rem}}[data-theme=dark] .validation-member-card{background:var(--bg-elevated);border-color:var(--border-dark)}[data-theme=dark] .validation-member-card:hover{border-color:var(--primary-400)}[data-theme=dark] .search-box{background:var(--bg-elevated);border-color:var(--border-dark)}[data-theme=dark] .search-box:focus-within{border-color:var(--primary-400)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.modal-content{background:var(--bg-elevated);border-radius:12px;max-width:500px;width:calc(100% - 1rem);max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #00000040;position:relative;animation:modalSlideIn .3s ease;margin:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.875rem}.modal-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.modal-title h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .125rem}.modal-subtitle{font-size:.75rem;color:var(--text-tertiary);margin:0}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.125rem}.modal-section{display:flex;flex-direction:column;gap:.625rem}.modal-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0;padding-bottom:.375rem;border-bottom:1px solid var(--border-color)}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.modal-item{display:flex;flex-direction:column;gap:.25rem}.modal-item.modal-full-width{grid-column:1 / -1}.modal-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.modal-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.modal-value.modal-badge{display:inline-block;padding:.375rem .875rem;background:var(--primary-100);color:var(--primary-700);border-radius:8px;font-weight:600;font-size:.875rem;width:fit-content}.modal-value.modal-days{display:flex;flex-wrap:wrap;gap:.5rem}.day-badge{padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.modal-footer{padding:.875rem 1.25rem;border-top:1px solid var(--border-color);display:flex;gap:.625rem;justify-content:flex-end}.btn-modal-close{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-modal-close:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.btn-modal-evaluate{padding:.5rem 1rem;background:var(--primary-500);border:none;border-radius:6px;font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.btn-modal-evaluate:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.validation-member-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--warning-50);color:var(--warning-700);border-radius:8px;font-size:.8125rem;font-weight:600;white-space:nowrap}[data-theme=dark] .modal-content{background:var(--bg-card)}[data-theme=dark] .modal-close:hover{background:var(--bg-elevated)}[data-theme=dark] .day-badge{background:var(--bg-elevated);border-color:var(--border-dark)}@media(max-width:768px){.modal-overlay{padding:1rem .25rem .25rem;align-items:flex-start}.modal-content{max-width:100%;width:calc(100vw - .5rem);max-height:calc(100vh - 2rem);border-radius:8px}.modal-header{padding:1rem}.modal-avatar{width:44px;height:44px;font-size:1rem}.modal-member-name{font-size:1rem}.modal-body{padding:1rem;gap:1rem}.section-title{font-size:.75rem}.params-grid{grid-template-columns:1fr;gap:.625rem}.detail-item{gap:.125rem}.detail-label{font-size:.6875rem}.detail-value{font-size:.8125rem}.modal-footer{padding:.75rem 1rem;flex-direction:column-reverse}.btn-modal-close,.btn-modal-evaluate{width:100%;justify-content:center}}@media(max-width:480px){.modal-overlay{padding:0;padding-top:.5rem}.modal-content{width:100vw;max-width:100vw;border-radius:12px 12px 0 0;max-height:calc(100vh - .5rem)}.modal-close{top:.75rem;right:.75rem;width:32px;height:32px;font-size:1.25rem;background:var(--bg-secondary)}.modal-header{padding:.875rem}.modal-avatar{width:40px;height:40px;font-size:.9375rem}.modal-member-name{font-size:.9375rem}.modal-body{padding:.875rem;gap:.875rem}.day-badge{padding:.3125rem .625rem;font-size:.75rem}.modal-footer{padding:.75rem .875rem}}.validation-member-email{font-size:.875rem;color:var(--text-secondary);display:block;margin-top:.25rem}.validation-member-card-body{padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:1rem}.validation-workout-stats{display:flex;gap:1.5rem}.validation-workout-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.validation-workout-stats .stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.validation-workout-stats .stat-label{font-size:.75rem;color:var(--text-secondary);text-align:center}.modal-content-redesigned{background-color:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}[data-theme=dark] .modal-content-redesigned,[data-theme=dark] .modal-body-redesigned{background-color:#1e293b}[data-theme=dark] .modal-footer-redesigned{background-color:#0f172a;border-top-color:var(--border-dark)}.modal-header-redesigned{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));padding:2rem;position:relative;color:#fff}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-member-profile{display:flex;gap:1.5rem;align-items:center}.modal-avatar-large{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.modal-avatar-large img{width:100%;height:100%;object-fit:cover}.modal-avatar-large .avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.modal-member-details h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.modal-member-email{font-size:.875rem;opacity:.9;margin-bottom:.75rem;display:block}.modal-pending-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:24px;font-size:.875rem;font-weight:600}.modal-body-redesigned{padding:2rem;overflow-y:auto;flex:1;background-color:#fff}.modal-info-section{margin-bottom:2rem}.modal-info-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-card{background:var(--bg-secondary);padding:1.25rem;border-radius:12px;border:1px solid var(--border-color)}.info-card .info-label{display:block;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600}.info-card .info-value{display:block;font-size:1rem;color:var(--text-primary);font-weight:600}.modal-action-hint{background:var(--primary-50);border:1px solid var(--primary-200);padding:1.25rem;border-radius:12px}.modal-action-hint p{margin:0;color:var(--primary-700);font-size:.875rem;line-height:1.6}.modal-footer-redesigned{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;background-color:#f8fafc}.btn-modal-secondary{padding:.75rem 1.5rem;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-modal-primary{padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-modal-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.4)}.modal-info-section+.modal-info-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.modal-body-redesigned .info-card{transition:all .2s}.modal-body-redesigned .info-card:hover{border-color:var(--primary-300);background:var(--primary-50)}@media(max-width:768px){.modal-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.modal-info-grid{grid-template-columns:1fr}}.modal-empty-parameters{background:var(--warning-50);border:1px solid var(--warning-200);padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:2rem}.modal-empty-parameters p{margin:0;color:var(--warning-700);font-size:.875rem}.modal-empty-parameters .empty-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.6}.sidebar{position:fixed;top:0;left:0;width:280px;min-width:280px;max-width:280px;height:100vh;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;display:flex;flex-direction:column;transition:all var(--transition-normal) var(--ease-in-out);box-shadow:var(--shadow-md);z-index:var(--z-sticky)}[data-theme=light] .sidebar{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);box-shadow:var(--shadow-lg)}.sidebar.collapsed{width:80px;min-width:80px;max-width:80px;overflow:hidden}.sidebar-header{padding:var(--spacing-6) var(--spacing-5);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;min-height:80px;box-sizing:border-box}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-3)}.logo-icon{font-size:var(--font-size-3xl);background:#fff3;width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.logo-text h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.logo-text span{font-size:var(--font-size-xs);display:block}.sidebar-toggle{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast) var(--ease-in-out);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0}.sidebar-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.toggle-icon{color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;display:flex;align-items:center;justify-content:center}.sidebar-nav{flex:1;padding:var(--spacing-5) 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-nav::-webkit-scrollbar{width:var(--spacing-2)}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-in-out)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:var(--spacing-2)}.nav-button{width:100%;background:none;border:none;color:#fff;padding:var(--spacing-4) var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4);cursor:pointer;transition:all var(--transition-fast) var(--ease-in-out);position:relative;border-radius:var(--radius-sm);margin:0 var(--spacing-2);width:calc(100% - var(--spacing-4))}.nav-button:hover{background:#ffffff26;transform:translate(4px)}.nav-button.active{background:#ffffff40;box-shadow:0 4px 12px #00000026;font-weight:var(--font-weight-semibold)}[data-theme=light] .nav-button:hover{background:#ffffff40}[data-theme=light] .nav-button.active{background:#ffffff59;box-shadow:0 4px 16px #0003}.nav-icon{font-size:var(--font-size-xl);width:24px;text-align:center}.nav-content{flex:1;text-align:left}.nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:block}.nav-description{font-size:var(--font-size-xs);margin-top:2px;display:block}.nav-badge{background:#ff4757;color:#fff;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.nav-badge-dot{width:var(--spacing-2);height:var(--spacing-2);background:#ff4757;border-radius:var(--radius-full);position:absolute;top:var(--spacing-3);right:var(--spacing-5)}.sidebar-footer{padding:var(--spacing-5);border-top:1px solid rgba(255,255,255,.1)}.sidebar-help{background:#ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-4);text-align:center}.help-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2);display:block}.help-content h4{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-sm)}.help-content p{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-xs);line-height:var(--line-height-snug)}.help-button{background:var(--color-background-card-light);color:#667eea;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast) var(--ease-in-out)}.help-button:hover{opacity:var(--opacity-90)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--spacing-5) var(--spacing-3);flex-direction:column;gap:var(--spacing-3)}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-content,.sidebar.collapsed .nav-badge{display:none}.sidebar.collapsed .nav-button{justify-content:center;padding:var(--spacing-3) var(--spacing-2);margin:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base);position:relative;width:calc(100% - var(--spacing-4));box-sizing:border-box}.sidebar.collapsed .nav-button.active{border-right:none;background:#ffffff40;box-shadow:var(--shadow-sm)}.sidebar.collapsed .nav-button:hover{background:#ffffff26;transform:translateY(-1px)}.sidebar.collapsed .nav-icon{font-size:16px;width:auto;text-align:center;line-height:1}.sidebar.collapsed .nav-badge-dot{right:6px;top:6px;width:6px;height:6px}.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed .nav-list{padding:0 4px}.sidebar.collapsed .sidebar-nav{padding:var(--spacing-4) 0;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed .sidebar-nav::-webkit-scrollbar{width:var(--spacing-1)}.sidebar.collapsed .sidebar-nav::-webkit-scrollbar-thumb{background:#fff3}.sidebar.collapsed .sidebar-toggle{width:28px;height:28px;font-size:12px}.sidebar.collapsed .logo-icon{width:36px;height:36px;font-size:var(--font-size-xl)}.sidebar.collapsed *{max-width:100%;box-sizing:border-box}@media(max-width:1200px){.sidebar{width:260px;min-width:260px;max-width:260px}.sidebar.collapsed{width:75px;min-width:75px;max-width:75px}.sidebar-header{padding:var(--spacing-5) var(--spacing-4)}.logo-text h2{font-size:1.125rem}}@media(max-width:992px){.sidebar{width:240px;min-width:240px;max-width:240px}.sidebar.collapsed{width:70px;min-width:70px;max-width:70px}.sidebar-header{padding:var(--spacing-4);min-height:70px}.logo-icon{width:44px;height:44px;font-size:1.5rem}.logo-text h2{font-size:1.0625rem}.logo-text span{font-size:.7rem}.sidebar-toggle{width:30px;height:30px}}@media(max-width:992px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-normal) var(--ease-in-out);width:80px;min-width:80px;max-width:80px;box-shadow:var(--shadow-2xl)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:80px;min-width:80px;max-width:80px;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.sidebar .logo-text,.sidebar .nav-content,.sidebar .nav-badge,.sidebar .sidebar-footer{display:none!important}.sidebar-header{padding:var(--spacing-4) var(--spacing-2);justify-content:center;flex-direction:column}.sidebar-logo{justify-content:center}.logo-icon,.sidebar-toggle{margin:0 auto}.sidebar-nav{padding:var(--spacing-3) 0}.nav-button{justify-content:center;padding:var(--spacing-3);margin:var(--spacing-1) var(--spacing-2);width:calc(100% - var(--spacing-4))}.nav-button.active{background:#ffffff4d}.nav-icon{width:24px;height:24px;font-size:1.25rem;margin:0}.nav-badge-dot{right:8px;top:8px;width:8px;height:8px}}@media(max-width:480px){.sidebar,.sidebar.collapsed,.sidebar.mobile-open{width:75px;min-width:75px;max-width:75px}.sidebar-header{padding:var(--spacing-3) var(--spacing-2);min-height:65px}.logo-icon{width:38px;height:38px;font-size:1.125rem}.sidebar-toggle{width:26px;height:26px;font-size:.8rem}.sidebar-nav{padding:var(--spacing-2) 0}.nav-button{padding:var(--spacing-2);margin:var(--spacing-1);width:calc(100% - var(--spacing-2))}.nav-icon{width:22px;height:22px;font-size:1.125rem}.nav-badge-dot{right:6px;top:6px;width:6px;height:6px}}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,var(--opacity-50));-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));z-index:var(--z-modal-backdrop);display:none}@media(max-width:992px){.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.sidebar-overlay.active{opacity:1;pointer-events:all}}@media(min-width:993px){.sidebar-overlay{display:none!important}}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--spacing-6) var(--spacing-6);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);min-height:80px;box-sizing:border-box;transition:all var(--transition-normal) var(--ease-in-out);flex-wrap:nowrap;width:100%}.dashboard-header .header-left{display:flex;align-items:center;gap:var(--spacing-4);flex:0 0 auto}.mobile-menu-toggle{display:none;background:none;border:1px solid transparent;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-base);transition:all var(--transition-fast) var(--ease-in-out);width:40px;height:40px;align-items:center;justify-content:center}.mobile-menu-toggle:hover,[data-theme=dark] .mobile-menu-toggle:hover{background:#fff3;border-color:#ffffff4d}.mobile-menu-toggle.active{background:#ffffff4d;border-color:#fff6}.hamburger-icon{display:flex;flex-direction:column;gap:var(--spacing-1);width:20px}.hamburger-icon span{width:100%;height:2px;background:#fff;border-radius:var(--radius-sm);transition:all var(--transition-normal) var(--ease-in-out);transform-origin:center}.mobile-menu-toggle.active .hamburger-icon span{background:#fff}.mobile-menu-toggle.active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-icon span:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-toggle.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.dashboard-header .header-right{display:flex;align-items:center;gap:var(--spacing-4);margin-left:auto;flex:0 0 auto}.theme-toggle-wrapper{display:flex;align-items:center;height:40px}.user-menu-container{position:relative}.user-menu-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);transition:background-color var(--transition-fast) var(--ease-in-out);color:#fff}.user-menu-button:hover,[data-theme=dark] .user-menu-button:hover{background:#fff3}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.user-avatar.large{width:48px;height:48px;font-size:var(--font-size-lg)}.user-info{text-align:left}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;display:block}.user-role,.dropdown-arrow{font-size:var(--font-size-xs);color:#fffc}.user-dropdown{position:absolute;top:100%;right:0;left:auto;width:280px;background:var(--color-background-card-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);margin-top:var(--spacing-2);transform-origin:top right}[data-theme=dark] .user-dropdown{background:var(--color-gray-800);border-color:var(--color-gray-700);box-shadow:var(--shadow-lg)}.user-dropdown .dropdown-header{padding:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4)}.user-dropdown .dropdown-header h4{margin:0;font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.user-dropdown .dropdown-header p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-primary);opacity:.7}.dropdown-menu{padding:var(--spacing-2) 0}.dropdown-item{width:100%;background:none;border:none;padding:var(--spacing-3) var(--spacing-5);text-align:left;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast) var(--ease-in-out);display:flex;align-items:center;gap:var(--spacing-3)}.dropdown-item:hover{background:var(--color-gray-100)}[data-theme=dark] .dropdown-item:hover{background:var(--color-gray-700)}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background:var(--color-background-card-light)}.dropdown-menu hr{margin:var(--spacing-2) 0;border:none;border-top:1px solid var(--color-border-light)}[data-theme=dark] .dropdown-menu hr{border-top-color:var(--color-gray-700)}@media(max-width:1200px){.dashboard-header{padding:var(--spacing-5) var(--spacing-5);min-height:75px}.breadcrumb li{font-size:.9rem}.user-dropdown{width:280px}}@media(max-width:992px){.dashboard-header{padding:var(--spacing-4) var(--spacing-5);min-height:70px}.mobile-menu-toggle{display:flex}.breadcrumb{max-width:300px}.breadcrumb li{font-size:.85rem}.breadcrumb li:not(:last-child):after{margin:0 var(--spacing-2)}.user-info{display:none}.user-dropdown{width:260px}.user-menu-item{padding:var(--spacing-3)}}@media(max-width:768px){.dashboard-header{padding:var(--spacing-3) var(--spacing-4)!important;min-height:65px;gap:0!important;justify-content:space-between!important}.dashboard-header .header-left{flex:0 0 auto!important;margin-right:0!important;margin-left:0!important;order:1}.mobile-menu-toggle{display:flex!important;width:38px;height:38px;margin:0!important;padding:var(--spacing-2)}.hamburger-icon{width:18px}.breadcrumb{display:none}.dashboard-header .header-right{gap:var(--spacing-3);flex-direction:row;align-items:center;margin-left:auto!important;flex:0 0 auto!important;order:2}.user-info{display:none}.user-avatar{width:36px;height:36px}.user-dropdown{width:280px;right:calc(-1 * var(--spacing-4))}.user-menu-item{padding:var(--spacing-2) var(--spacing-3);font-size:.9rem}}@media(max-width:480px){.dashboard-header{padding:var(--spacing-2) var(--spacing-3)!important;min-height:60px;gap:0!important;justify-content:space-between!important}.dashboard-header .header-left{flex:0 0 auto!important;margin-right:0!important;margin-left:0!important;order:1}.mobile-menu-toggle{width:36px;height:36px;margin:0!important;padding:var(--spacing-2)}.hamburger-icon{width:16px;gap:3px}.hamburger-icon span{height:2px}.dashboard-header .header-right{gap:var(--spacing-2);flex-direction:row;align-items:center;margin-left:auto!important;flex:0 0 auto!important;order:2}.user-avatar{width:32px;height:32px}.user-dropdown{width:calc(100vw - 32px);right:calc(-1 * var(--spacing-3));max-width:320px}.user-menu-item{padding:var(--spacing-2);font-size:.85rem}}@media(max-width:768px){header.dashboard-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}header.dashboard-header>.header-left{position:absolute!important;left:var(--spacing-4)!important;margin:0!important;padding:0!important}header.dashboard-header>.header-right{position:absolute!important;right:var(--spacing-4)!important;margin:0!important;padding:0!important}}@media(max-width:480px){header.dashboard-header{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}header.dashboard-header>.header-left{left:var(--spacing-3)!important}header.dashboard-header>.header-right{right:var(--spacing-3)!important}}.login-academia{min-height:100vh;background:linear-gradient(135deg,var(--primary-900) 0%,var(--primary-800) 50%,var(--primary-700) 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{background:var(--bg-elevated);border-radius:20px;box-shadow:0 20px 80px #0133694d;overflow:hidden;max-width:1000px;width:100%;display:grid;grid-template-columns:1fr 1fr;min-height:600px}.login-visual{background:linear-gradient(135deg,var(--primary-500),var(--color-primary-400));padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-visual:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.login-visual-content{position:relative;z-index:2}.login-visual h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.login-visual p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.visual-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:100%}.feature-item{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:500;font-size:.95rem;padding:.5rem;background:#ffffff1a;border-radius:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease}.feature-item:hover{background:#ffffff26;transform:translateY(-2px)}.feature-icon{font-size:1.8rem;background:#fff3;padding:.6rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.login-form-section{padding:3rem;display:flex;flex-direction:column;justify-content:center}.login-form-container{max-width:400px;margin:0 auto;width:100%}.login-header{text-align:center;margin-bottom:2rem;position:relative}.back-button{position:absolute;top:0;left:0;background:transparent;border:none;color:var(--gray-600);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.75rem 1rem;min-width:44px;min-height:44px;border-radius:6px;transition:all var(--transition-base) ease;touch-action:manipulation}.back-button:hover{color:var(--primary-500);background:var(--primary-50)}.login-header h1{color:var(--primary-500);font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.login-subtitle{color:var(--gray-600);font-size:1rem;margin:0;text-align:center;padding-bottom:.5rem;border-bottom:2px solid var(--primary-100);margin-bottom:1.5rem}.login-form{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.9rem}.form-group input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:.75rem;font-size:1rem;transition:all var(--transition-base) ease;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.form-group input.error{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.form-group input::placeholder{color:var(--gray-400)}.identifier-type{font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.25rem .5rem;border-radius:4px;transition:all var(--transition-base) ease}.identifier-type.email{background:var(--primary-50);color:var(--primary-600)}.identifier-type.cnpj{background:var(--success-50);color:var(--success-600)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:var(--gray-600);-webkit-user-select:none;user-select:none}.checkmark{width:18px;height:18px;border:2px solid var(--border-light);border-radius:4px;margin-right:.5rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base) ease}.checkbox-container input:checked+.checkmark{background:var(--primary-500);border-color:var(--primary-500)}.checkbox-container input:checked+.checkmark:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.forgot-password{background:none;border:none;padding:0;color:var(--primary-500);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease;cursor:pointer}.forgot-password:hover{color:var(--primary-600);text-decoration:underline}.login-button{width:100%;padding:1rem;background:var(--primary-500);color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base) ease;display:flex;align-items:center;justify-content:center;min-height:56px;touch-action:manipulation}.login-button:hover:not(:disabled){background:var(--primary-600);transform:translateY(-2px);box-shadow:0 8px 25px #0133694d}.login-button:disabled{cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.error-message{color:var(--error-500);font-size:.8rem;margin-top:.25rem;display:block}.login-footer{text-align:center}.login-footer p{color:var(--gray-600);margin-bottom:1rem;font-size:.9rem}.register-link{color:var(--primary-500);text-decoration:none;font-weight:600;margin-left:.5rem;transition:color .3s ease;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.register-link:hover{color:var(--primary-600);text-decoration:underline}.support-links{display:flex;justify-content:center;gap:.5rem;align-items:center}.support-links a{color:var(--color-gray-500);text-decoration:none;font-size:.8rem;transition:color .3s ease}.support-links a:hover{color:var(--primary-500)}.support-links span{color:var(--gray-400)}@media(max-width:1024px){.login-container{max-width:800px}.login-visual{padding:2.5rem}.login-visual h2{font-size:1.8rem}.login-visual p{font-size:1rem}.visual-features{grid-template-columns:repeat(2,1fr);gap:.875rem}.feature-item{font-size:.9rem;padding:.4rem}.feature-icon{font-size:1.5rem;min-width:42px;min-height:42px;padding:.5rem}}@media(max-width:900px)and (orientation:landscape){.login-container{min-height:auto}.login-visual{padding:2rem}.login-visual h2{font-size:1.6rem;margin-bottom:.75rem}.login-visual p{font-size:.95rem;margin-bottom:1rem}.visual-features{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:768px){.login-academia{padding:1rem}.login-container{grid-template-columns:1fr;max-width:500px}.login-visual{display:none}.login-form-section{padding:2rem}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}}@media(max-width:480px){.login-visual{padding:1.5rem 1rem;min-height:200px}.login-visual h2{font-size:1.3rem;margin-bottom:.75rem}.login-visual p{font-size:.9rem;margin-bottom:1rem}.visual-features{grid-template-columns:1fr;gap:.5rem}.feature-item{font-size:.85rem;gap:.5rem;justify-content:center;padding:.5rem}.feature-icon{font-size:1.2rem;padding:.4rem;min-width:38px;min-height:38px}.login-form-section{padding:1.5rem 1.25rem}.login-header h1{font-size:1.6rem}.back-button{position:static;margin-bottom:1rem;align-self:flex-start}.login-header{display:flex;flex-direction:column;align-items:center}.form-group input{font-size:var(--font-size-base)}}@media(max-width:360px){.login-visual{padding:1.25rem .75rem}.login-visual h2{font-size:1.2rem}.login-visual p{font-size:.85rem}.visual-features{grid-template-columns:1fr;gap:.4rem}.feature-item{font-size:.8rem;padding:.4rem;gap:.4rem}.feature-icon{font-size:1.1rem;padding:.35rem;min-width:36px;min-height:36px}.login-form-section{padding:1.25rem 1rem}.login-button{padding:.875rem;font-size:1rem}}[data-theme=light] .login-academia{background:linear-gradient(135deg,#e6f0ff,#f0f7ff,#def)}[data-theme=light] .login-visual{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))}[data-theme=light] .login-header h1{color:var(--primary-600)}[data-theme=light] .login-subtitle{color:var(--color-text-secondary-light)}.forgot-password-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.forgot-password-modal-content{background:var(--bg-elevated);border-radius:20px;padding:40px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUpBounce .4s cubic-bezier(.34,1.56,.64,1);text-align:center;position:relative}@keyframes slideUpBounce{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.forgot-password-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.forgot-password-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.forgot-password-modal-icon{width:100px;height:100px;margin:0 auto 24px}.forgot-password-modal-icon.success{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.lock-icon-svg,.success-icon-svg{width:100%;height:100%;animation:drawStroke .8s ease-out forwards}@keyframes drawStroke{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.forgot-password-modal-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.forgot-password-modal-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0 0 32px}.forgot-password-modal-description strong{color:var(--primary-500);font-weight:600}.forgot-password-modal-description-small{font-size:14px;color:var(--text-tertiary);line-height:1.5;margin:16px 0 32px}.forgot-password-modal-input-group{text-align:left;margin-bottom:24px}.forgot-password-modal-input-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.forgot-password-modal-input-group input{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--border-light);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s;box-sizing:border-box}.forgot-password-modal-input-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #667eea1a}.forgot-password-modal-input-group input:disabled{opacity:.6;cursor:not-allowed}.forgot-password-modal-error{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:var(--error-500);font-size:14px;margin-bottom:24px;animation:shake .4s;text-align:left;line-height:1.5}.forgot-password-modal-error svg{width:20px;height:20px;flex-shrink:0}.forgot-password-modal-buttons{display:flex;gap:12px;justify-content:center}.forgot-password-modal-button{flex:1;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.forgot-password-modal-button:disabled{opacity:.6;cursor:not-allowed}.forgot-password-modal-button-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.forgot-password-modal-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.forgot-password-modal-button-primary:active:not(:disabled){transform:translateY(0)}.forgot-password-modal-button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.forgot-password-modal-button-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-500)}.forgot-password-modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}[data-theme=dark] .forgot-password-modal-content{background:var(--bg-elevated);box-shadow:0 20px 60px #000c}@media(max-width:768px){.forgot-password-modal-content{padding:32px 24px;width:95%}.forgot-password-modal-title{font-size:24px}.forgot-password-modal-description{font-size:14px}.forgot-password-modal-buttons{flex-direction:column}.forgot-password-modal-button{width:100%}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,#1e1e1e,#2d2d2d);border-radius:16px;padding:32px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.role-selection-modal{width:100%;max-width:900px;background-color:var(--surface-color);color:var(--text-primary)}.role-selection-header{text-align:center;margin-bottom:24px}.role-selection-header h2{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.role-selection-header p{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.role-selection-intro{text-align:center;margin-bottom:24px;color:var(--text-secondary);font-size:14px;line-height:1.6}.role-selection-intro strong{color:var(--text-primary);display:block;margin-top:8px}.role-selection-timer{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:8px;font-size:14px;color:#ffc107}.role-selection-timer span:first-child{font-size:18px}.role-selection-grid{display:grid;gap:16px;margin-bottom:24px}.role-selection-grid.single-column{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.role-selection-grid.multi-column{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.role-card{background-color:var(--surface-secondary);border:2px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:16px}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));opacity:0;transition:opacity .3s ease}.role-card:hover{transform:translateY(-4px);border-color:var(--color-primary-400);box-shadow:0 8px 24px var(--shadow-color)}.role-card:hover:before{opacity:1}.role-card.selected{border-color:var(--color-accent-500);background-color:var(--surface-hover);box-shadow:0 8px 24px #ffc10733}.role-card.selected:before{background:linear-gradient(90deg,#ffc107,#ff9800);opacity:1}.role-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0;border-radius:50%;background-color:var(--background-tertiary);transition:all .3s ease}.role-card:hover .role-icon-wrapper{transform:scale(1.1);background-color:var(--surface-hover)}.role-card.selected .role-icon-wrapper{background-color:#ffc10726}.role-info{flex:1;display:flex;flex-direction:column;gap:4px}.role-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;text-align:left}.role-description{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0;text-align:left}.role-card.selected .role-title{color:var(--color-accent-500)}.role-card.selected .role-description{color:var(--text-primary)}.role-selected-badge{position:absolute;top:12px;right:12px;background-color:var(--color-accent-500);color:#000;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px}.role-warning{text-align:center;padding:12px 16px;background-color:#ffc1071a;border-left:4px solid #ffc107;border-radius:8px;font-size:13px;color:var(--text-secondary);margin-top:20px}.role-warning strong{color:var(--text-primary)}.role-selection-actions{display:flex;gap:16px;justify-content:center}.role-selection-actions button{padding:12px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:140px}.role-selection-actions button:disabled{opacity:.5;cursor:not-allowed}.role-selection-actions button[type=button]:first-child{background-color:transparent;border:2px solid rgba(255,255,255,.2);color:#fff}.role-selection-actions button[type=button]:first-child:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff4d}.role-selection-actions button[type=button]:last-child{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 4px 12px #4caf504d}.role-selection-actions button[type=button]:last-child:hover:not(:disabled){background:linear-gradient(135deg,#5cbd5f,#3d8b40);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}@media(max-width:768px){.modal-content{padding:24px;max-width:95%}.role-selection-modal{max-width:100%}.role-selection-header h2{font-size:24px}.role-selection-header p{font-size:14px}.role-cards-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.role-card{padding:20px 12px}.role-card-icon{font-size:40px}.role-card-title{font-size:14px}.role-card-description{font-size:12px}.role-selection-actions{flex-direction:column}.role-selection-actions button{width:100%}}@media(max-width:480px){.modal-content{padding:20px;border-radius:12px}.role-selection-header h2{font-size:20px}.role-cards-grid{grid-template-columns:1fr;gap:10px}.role-card{padding:16px}.role-card-icon{font-size:36px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.role-card:active{transform:translateY(-2px) scale(.98)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.role-selection-actions button:disabled:after{content:"...";animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.role-selection-overlay{display:flex;z-index:9999;background-color:#000000b3}.role-selection-modal{max-width:600px;width:90%;max-height:80vh;overflow:auto}.role-selection-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.role-selection-header h2{margin:0}.role-selection-intro{text-align:center;margin-bottom:2rem;color:var(--text-secondary)}.role-selection-grid{display:grid;gap:1rem}.role-selection-grid.multi-column{grid-template-columns:repeat(2,1fr)}.role-selection-grid.single-column{grid-template-columns:1fr}.role-card{padding:1.5rem;border:2px solid var(--border-light, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:transparent}.role-card.selected{border-color:var(--primary-500, #3b82f6);background-color:#3b82f61a;transform:scale(1.02)}.role-card.hover:not(.selected){border-color:var(--primary-500, #3b82f6);transform:scale(1.02)}.role-icon-wrapper{text-align:center;margin-bottom:.75rem;display:flex;justify-content:center}.role-title{text-align:center;margin:0 0 .5rem;color:var(--text-primary)}.role-card.selected .role-title{color:var(--primary-500)}.role-description{text-align:center;font-size:.9rem;color:var(--text-secondary);line-height:1.4;margin:0}.role-selected-badge{text-align:center;margin-top:.5rem;color:var(--primary-500);font-weight:700}.role-warning{margin-top:1.5rem;padding:1rem;background-color:#fbbf241a;border-radius:8px;font-size:.85rem;color:var(--text-secondary)}@media(max-width:992px){.role-selection-modal{width:95%;max-width:550px}.role-card{padding:1.25rem}.role-icon-wrapper svg{width:36px;height:36px}.role-title{font-size:1.05rem}.role-description{font-size:.85rem}}@media(max-width:768px){.role-selection-modal{width:95%;max-width:500px;padding:24px}.role-selection-header svg{width:28px;height:28px}.role-selection-header h2{font-size:1.375rem}.role-selection-intro{font-size:.9rem;margin-bottom:1.5rem}.role-selection-grid.multi-column{grid-template-columns:1fr}.role-card{padding:1rem}.role-icon-wrapper{margin-bottom:.5rem}.role-icon-wrapper svg{width:32px;height:32px}.role-title{font-size:1rem;margin-bottom:.375rem}.role-description{font-size:.8rem}.role-selected-badge{font-size:.85rem;margin-top:.375rem}.role-warning{padding:.875rem;font-size:.8rem;margin-top:1.25rem}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer button{width:100%}}@media(max-width:480px){.role-selection-modal{width:100%;max-width:none;padding:20px;max-height:85vh}.role-selection-header{gap:8px}.role-selection-header svg{width:24px;height:24px}.role-selection-header h2{font-size:1.25rem}.role-selection-intro{font-size:.85rem;margin-bottom:1.25rem}.role-selection-grid{gap:.75rem}.role-card{padding:.875rem}.role-icon-wrapper svg{width:28px;height:28px}.role-title{font-size:.95rem}.role-description{font-size:.75rem}.role-warning{padding:.75rem;font-size:.75rem;margin-top:1rem}.modal-footer{gap:.625rem}.modal-footer button{padding:.75rem 1rem;font-size:.9rem}}@media(max-width:992px){.modal-content{width:92%;max-width:650px;padding:28px}}@media(max-width:768px){.modal-content{width:95%;max-width:550px;padding:24px}.modal-header h2{font-size:1.375rem}}@media(max-width:480px){.modal-content{width:100%;max-width:none;padding:20px;max-height:95vh;border-radius:12px}.modal-header{margin-bottom:16px}.modal-header h2{font-size:1.25rem}.modal-body{font-size:.9rem}.modal-footer{margin-top:20px}}[data-theme=light] .modal-overlay{background-color:#00000080}[data-theme=light] .modal-content{background:linear-gradient(145deg,#fff,#f5f5f5);border:1px solid rgba(0,0,0,.1);box-shadow:0 20px 60px #00000026}[data-theme=light] .role-selection-modal{background-color:#fff;color:#1a1a1a}[data-theme=light] .role-selection-header h2{color:#1a1a1a}[data-theme=light] .role-selection-intro{color:#666}[data-theme=light] .role-selection-intro strong{color:#1a1a1a}[data-theme=light] .role-card{background-color:#f8f9fa;border-color:#e0e0e0}[data-theme=light] .role-card:hover{border-color:var(--color-primary-500);box-shadow:0 8px 24px #4caf5026}[data-theme=light] .role-card.selected{border-color:var(--color-accent-500);background-color:#fff8e1;box-shadow:0 8px 24px #ffc10740}[data-theme=light] .role-icon-wrapper{background-color:#e8f5e9}[data-theme=light] .role-card:hover .role-icon-wrapper{background-color:#c8e6c9}[data-theme=light] .role-card.selected .role-icon-wrapper{background-color:#fff3cd}[data-theme=light] .role-title{color:#1a1a1a}[data-theme=light] .role-description{color:#666}[data-theme=light] .role-card.selected .role-title{color:#f57c00}[data-theme=light] .role-card.selected .role-description{color:#333}[data-theme=light] .role-selected-badge{background-color:#ffc107;color:#000}[data-theme=light] .role-warning{background-color:#fff3cd;border-left-color:#ffc107;color:#856404}[data-theme=light] .role-warning strong{color:#000}[data-theme=light] .modal-footer .btn-secondary{background-color:#f5f5f5;border:2px solid #e0e0e0;color:#333}[data-theme=light] .modal-footer .btn-secondary:hover:not(:disabled){background-color:#eee;border-color:#bdbdbd}[data-theme=light] .modal-footer .btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 4px 12px #4caf504d}[data-theme=light] .modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#388e3c);box-shadow:0 6px 16px #4caf5066}[data-theme=light] .modal-header{border-bottom-color:#e0e0e0}.company-roles-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.role-badge{display:inline-flex;align-items:center;padding:4px 10px;background-color:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:12px;font-size:11px;font-weight:600;color:var(--color-accent-500);letter-spacing:.3px;transition:all .2s ease}.role-card.selected .role-badge{background-color:#4caf5040;border-color:#4caf5080}.role-selection-footer{display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.role-confirm-btn,.role-cancel-btn{padding:12px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:160px}.role-confirm-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 4px 12px #4caf504d}.role-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#5cbd5f,#3d8b40);box-shadow:0 6px 16px #4caf5080;transform:translateY(-2px)}.role-confirm-btn:disabled{background:linear-gradient(135deg,#666,#444);color:#ffffff80;cursor:not-allowed;box-shadow:none;opacity:.6}.role-cancel-btn{background-color:transparent;border:2px solid rgba(255,255,255,.2);color:#fff}.role-cancel-btn:hover:not(:disabled){background-color:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.role-cancel-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=light] .role-badge{background-color:#4caf501a;border-color:#4caf504d;color:#2e7d32}[data-theme=light] .role-card.selected .role-badge{background-color:#4caf5033;border-color:#4caf5080}[data-theme=light] .role-selection-footer{border-top-color:#0000001a}[data-theme=light] .role-cancel-btn{border-color:#0003;color:#333}[data-theme=light] .role-cancel-btn:hover:not(:disabled){background-color:#0000000d;border-color:#0000004d}[data-theme=light] .modal-header h2,[data-theme=light] .modal-header h3{color:#1a1a1a}[data-theme=light] .modal-body{color:#333}[data-theme=light] .modal-footer{border-top-color:#e0e0e0}[data-theme=light] .close-button{color:#666;background-color:transparent}[data-theme=light] .close-button:hover{color:#1a1a1a;background-color:#0000000d}.cadastro-academia{min-height:100vh;background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-800) 50%,var(--color-primary-700) 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.cadastro-container{background:var(--color-background-card-light);border-radius:20px;box-shadow:0 20px 80px #0133694d;overflow:hidden;max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;min-height:700px}.cadastro-visual{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.cadastro-visual:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.cadastro-visual-content{position:relative;z-index:2}.cadastro-visual h2{color:#fff;font-size:2.2rem;font-weight:var(--font-weight-bold);margin-bottom:1rem;line-height:1.2}.cadastro-visual p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.progress-steps{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:40px;height:40px;border-radius:var(--radius-full);background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);transition:all var(--transition-normal) ease}.progress-step.active .step-number{background:var(--color-background-card-light);color:var(--color-primary-500);box-shadow:0 4px 12px #0003}.step-label{color:#fffc;font-size:.8rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.progress-step.active .step-label{color:#fff}.benefits-list{display:flex;flex-direction:column;gap:.75rem}.benefit-item{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:.95rem}.benefit-icon{font-size:1.2rem}.cadastro-form-section{padding:3rem;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;max-height:700px;position:relative;z-index:1}.cadastro-form-container{max-width:500px;margin:0 auto;width:100%}.cadastro-header{text-align:center;margin-bottom:2rem;position:relative}.back-button{position:absolute;top:0;left:0;background:transparent;border:none;color:var(--color-gray-600);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.5rem;border-radius:6px;transition:all var(--transition-normal) ease}.back-button:hover{color:var(--color-primary-500);background:var(--color-primary-50)}.cadastro-header h1{color:var(--color-primary-500);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:.5rem}.cadastro-subtitle{color:var(--color-gray-600);font-size:1rem;margin:0;text-align:center}.cadastro-form{margin-bottom:2rem}.form-step{min-height:400px}.step-title{color:var(--color-primary-500);font-size:1.4rem;font-weight:var(--font-weight-semibold);margin-bottom:1.5rem;text-align:center;border-bottom:2px solid var(--color-primary-100);padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.form-row .form-group{margin-bottom:1.5rem}@media(min-width:769px)and (max-width:1024px){.form-row{gap:1.25rem}}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:3rem;padding-bottom:3rem}.form-section-spacing{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-100)}.form-section-spacing:last-child{border-bottom:none}.cadastro-form .form-row+.form-row{margin-top:.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--color-border-light);border-radius:var(--radius-base);font-size:1rem;transition:all var(--transition-normal) ease;background:var(--color-background-card-light);color:var(--color-gray-800);pointer-events:auto;-webkit-user-select:auto;user-select:auto;position:relative;z-index:1}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0133691a;z-index:2;color:var(--color-gray-900);background:var(--color-background-card-light)}.form-group input:not([disabled]),.form-group select:not([disabled]){pointer-events:all!important;-webkit-user-select:text!important;user-select:text!important}.form-group input.error,.form-group select.error{border-color:var(--color-error-500);box-shadow:0 0 0 3px #ef44441a;color:var(--color-gray-900);background:var(--color-background-card-light)}.form-group input::placeholder{color:var(--color-gray-500)}.form-group select option{color:var(--color-gray-800);background:var(--color-background-card-light)}.checkbox-container{display:flex;align-items:flex-start;cursor:pointer;font-size:.9rem;color:var(--color-gray-600);-webkit-user-select:none;user-select:none;line-height:1.4}.checkbox-container input{display:none}.checkmark{width:18px;height:18px;border:2px solid var(--color-border-light);border-radius:4px;margin-right:.75rem;margin-top:.1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal) ease;flex-shrink:0}.checkbox-container input:checked+.checkmark{background:var(--color-primary-500);border-color:var(--color-primary-500)}.checkbox-container input:checked+.checkmark:after{content:"✓";color:#fff;font-size:var(--font-size-xs);font-weight:700}.terms-link{color:var(--color-primary-500);text-decoration:none;font-weight:var(--font-weight-semibold)}.terms-link:hover{text-decoration:underline}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.cadastro-btn{padding:.875rem 2rem;border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal) ease;border:none;font-family:inherit;font-size:1rem;display:flex;align-items:center;justify-content:center;min-height:50px;flex:1;touch-action:manipulation}.cadastro-btn.btn-primary{background:var(--color-primary-500);color:#fff}.cadastro-btn.btn-primary:hover:not(:disabled){background:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 8px 25px #0133694d}.cadastro-btn.btn-outline{background:transparent;border:2px solid var(--color-primary-500);color:var(--color-primary-500)}.cadastro-btn.btn-outline:hover{background:var(--color-primary-500);color:#fff}.cadastro-btn:disabled{cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);border-top-color:#fff;animation:spin 1s ease-in-out infinite}.error-message{color:var(--color-error-500);font-size:.8rem;margin-top:.25rem;display:block}.general-error{background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:6px;padding:.75rem;margin-bottom:1rem;font-size:.9rem}.cadastro-footer{text-align:center}.cadastro-footer p{color:var(--color-gray-600);margin:0;font-size:.9rem}.login-link{background:none;border:none;color:var(--color-primary-500);font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:none;margin-left:.5rem;transition:color .3s ease}.login-link:hover{color:var(--color-primary-600);text-decoration:underline}@keyframes float{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}@media(max-width:1024px){.cadastro-container{max-width:900px}.form-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.form-row .form-group{margin-bottom:1rem}.cadastro-form-section{padding:2.5rem 2rem}}@media(max-width:768px){.cadastro-academia{padding:1rem}.cadastro-container{grid-template-columns:1fr;max-width:500px;max-height:none}.cadastro-visual{padding:2rem;text-align:center}.cadastro-visual h2{font-size:1.8rem}.cadastro-form-section{padding:2rem;max-height:none;overflow-y:visible}.form-actions{flex-direction:column}.back-button{position:static;margin-bottom:1rem;align-self:flex-start}.cadastro-header{display:flex;flex-direction:column;align-items:center}.progress-steps{flex-direction:column;gap:.5rem}.progress-step{flex-direction:row;justify-content:center}.step-number{width:30px;height:30px}}@media(max-width:480px){.cadastro-visual{padding:1.5rem}.cadastro-form-section{padding:1.5rem 1.25rem}.cadastro-header h1{font-size:1.6rem}.form-step{min-height:auto}.form-group input,.form-group select{font-size:var(--font-size-base)}.form-row{gap:.75rem}}@media(max-width:360px){.cadastro-form-section{padding:1.25rem 1rem}.cadastro-btn{padding:.75rem 1.5rem;font-size:.9rem}}[data-theme=light] .cadastro-academia{background:linear-gradient(135deg,#e6f0ff,#f0f7ff,#def)}[data-theme=light] .cadastro-visual{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600))}[data-theme=light] .cadastro-header h1{color:var(--color-primary-600)}[data-theme=light] .cadastro-subtitle{color:var(--color-text-secondary-light)}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;position:relative;overflow:hidden}.reset-password-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.03) 0%,transparent 50%);pointer-events:none;opacity:.5}[data-theme=dark] .reset-password-page:before{opacity:.2}.reset-password-container{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:24px;padding:48px;max-width:520px;width:100%;box-shadow:0 20px 60px #0000001a;animation:slideUpFade .5s ease-out;position:relative;z-index:1}[data-theme=dark] .reset-password-container{background:var(--bg-elevated);box-shadow:0 20px 60px #0006;border-color:#ffffff1a}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reset-password-header{text-align:center;margin-bottom:32px}.lock-icon{width:100px;height:100px;margin:0 auto 24px}.lock-icon svg{width:100%;height:100%}.reset-password-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.reset-password-header .subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.user-info-card{background:var(--bg-secondary);border-radius:16px;padding:20px;margin-bottom:32px;border:1px solid var(--border-light)}.user-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.user-info-row:not(:last-child){border-bottom:1px solid var(--border-light)}.user-info-row .label{font-size:14px;color:var(--text-secondary);font-weight:600}.user-info-row .value{font-size:14px;color:var(--text-primary);font-weight:500}.reset-password-form,.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--border-light);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #667eea1a}.form-group input.error{border-color:var(--error-500);animation:shake .3s}.form-group input.success{border-color:var(--success-500);border-width:2px;box-shadow:0 0 0 4px #22c55e1a;animation:successPulse .5s ease-out}.form-group input.success:focus{border-color:var(--success-500);box-shadow:0 0 0 4px #22c55e33}.form-group input:disabled{opacity:.6;cursor:not-allowed}@keyframes successPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 0 4px #22c55e1a}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-message{display:block;margin-top:8px;font-size:13px;color:var(--error-500)}.success-message{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--success-500);font-weight:500;animation:slideDown .3s ease-out}.success-message:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--success-500);color:#fff;border-radius:50%;font-size:12px;font-weight:700;animation:checkmark .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.password-strength{margin-top:12px}.strength-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:8px}.strength-fill{height:100%;transition:all .3s ease;border-radius:3px}.strength-fill.weak{background:var(--error-500)}.strength-fill.medium{background:var(--warning-500)}.strength-fill.strong{background:var(--success-500)}.strength-text{font-size:12px;font-weight:600}.strength-text:has(.✓){color:var(--success-500)}.error-alert{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:var(--error-500);font-size:14px;margin-bottom:24px;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-alert svg{width:20px;height:20px;flex-shrink:0}.btn-submit{width:100%;padding:16px;font-size:16px;font-weight:600;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-light);box-shadow:none}.btn-submit:disabled:hover{transform:none}.btn-primary{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-link{background:none;border:none;color:var(--primary-500);font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;transition:color .2s}.btn-link:hover{color:var(--primary-700);text-decoration:underline}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner-large{width:64px;height:64px;border:4px solid var(--border-light);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.reset-password-loading{text-align:center;padding:48px 0}.reset-password-loading p{margin-top:24px;font-size:16px;color:var(--text-secondary)}.reset-password-error-state,.reset-password-success-state{text-align:center;padding:32px 0}.error-icon,.success-icon{width:100px;height:100px;margin:0 auto 24px;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.error-icon svg,.success-icon svg{width:100%;height:100%}.reset-password-error-state h1,.reset-password-success-state h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.reset-password-error-state p,.reset-password-success-state p{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0 0 32px}.redirect-info{font-size:14px;color:var(--text-tertiary);font-style:italic}.reset-password-footer{text-align:center;padding-top:24px;border-top:1px solid var(--border-light)}[data-theme=dark] .reset-password-container{box-shadow:0 20px 60px #000c}@media(max-width:768px){.reset-password-page{padding:16px}.reset-password-container{padding:32px 20px;max-width:100%}.reset-password-header h1{font-size:24px}.reset-password-header .subtitle{font-size:14px}.lock-icon,.error-icon,.success-icon{width:80px;height:80px}.user-info-card{padding:16px}.user-info-row{flex-direction:column;align-items:flex-start;gap:4px}.password-input-group label{font-size:13px}.password-input-group input{padding:12px 14px;font-size:16px}.submit-button{padding:14px;font-size:15px}}@media(max-width:480px){.reset-password-container{padding:24px 16px}.reset-password-header h1{font-size:22px}.lock-icon,.error-icon,.success-icon{width:70px;height:70px}}.docs-viewer{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 120px);background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.docs-sidebar{background:var(--bg-elevated);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden}.docs-header{padding:1.5rem;border-bottom:1px solid var(--border-light);background:var(--gradient-primary);color:#fff}.docs-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.docs-count{margin:0;opacity:.9;font-size:.875rem}.docs-search{padding:1rem;border-bottom:1px solid var(--border-light)}.docs-search input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-base)}.docs-search input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.docs-list{flex:1;overflow-y:auto;padding:.5rem}.doc-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);margin-bottom:.25rem}.doc-item:hover{background:var(--bg-hover)}.doc-item.active{background:var(--primary-500);color:#fff}.doc-icon{font-size:1.25rem;flex-shrink:0}.doc-title{flex:1;font-size:.9375rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-content{background:var(--bg-primary);overflow-y:auto;padding:2rem}.docs-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.docs-placeholder h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem}.docs-placeholder p{margin:0;font-size:1rem}.docs-content-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-light)}.docs-content-header h1{margin:0 0 1rem;color:var(--text-primary);font-size:2rem;font-weight:700}.docs-meta{display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.875rem}.markdown-content{color:var(--text-primary);line-height:1.7;font-size:1rem}.markdown-content h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem;color:var(--text-primary);border-bottom:2px solid var(--border-light);padding-bottom:.5rem}.markdown-content h2{font-size:1.5rem;font-weight:600;margin:1.75rem 0 1rem;color:var(--text-primary)}.markdown-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary)}.markdown-content p{margin:.75rem 0}.markdown-content code{background:var(--bg-elevated);color:var(--primary-500);padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem}.markdown-content pre{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0}.markdown-content pre code{background:transparent;padding:0;color:var(--text-primary)}.markdown-content strong{font-weight:600;color:var(--text-primary)}.markdown-content em{font-style:italic;color:var(--text-secondary)}.markdown-content li{margin:.5rem 0 .5rem 1.5rem}.loading-state,.error-state,.empty-state{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.9375rem}.error-state{color:var(--error-500)}@media(max-width:768px){.docs-viewer{grid-template-columns:1fr}.docs-sidebar{display:none}.docs-content{padding:1rem}}.docs-list::-webkit-scrollbar,.docs-content::-webkit-scrollbar{width:8px}.docs-list::-webkit-scrollbar-track,.docs-content::-webkit-scrollbar-track{background:var(--bg-primary)}.docs-list::-webkit-scrollbar-thumb,.docs-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.docs-list::-webkit-scrollbar-thumb:hover,.docs-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}