:root{--color-primary: #3b82f6;--color-primary-light: #dbeafe;--color-primary-dark: #1e40af;--color-primary-hover: #2563eb;--color-primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--color-secondary: #10b981;--color-secondary-light: #d1fae5;--color-secondary-dark: #047857;--color-secondary-hover: #059669;--color-secondary-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--color-white: #ffffff;--color-black: #000000;--color-background: #f8fafc;--color-surface: #ffffff;--background-primary: #ffffff;--background-secondary: #f8fafc;--background-tertiary: #f1f5f9;--background-hover: #f1f5f9;--background-active: #e2e8f0;--color-bg-dark-1: #0a0e27;--color-bg-dark-2: #1a1f3a;--color-bg-dark-3: #2d1b4e;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-disabled: #cbd5e1;--color-text-on-primary: #ffffff;--color-text-on-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-dark: #d1d5db;--border-color: #e5e7eb;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #047857;--color-success-bg: #ecfdf5;--color-success-border: #86efac;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-warning-bg: #fffbeb;--color-warning-border: #fcd34d;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fca5a5;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--color-info-bg: #eff6ff;--color-info-border: #93c5fd;--color-shadow: rgba(0, 0, 0, .06);--color-shadow-medium: rgba(0, 0, 0, .12);--color-shadow-heavy: rgba(0, 0, 0, .24);--color-shadow-primary: rgba(37, 99, 235, .25);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-xxxl: 32px;--spacing-huge: 40px;--spacing-massive: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--radius-round: 50%;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 20px;--font-size-xxxl: 24px;--font-size-huge: 28px;--font-size-massive: 32px;--font-size-giant: 36px;--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-weight-black: 900;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-xxl: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-primary: 0 8px 16px -4px rgba(59, 130, 246, .2);--shadow-secondary: 0 8px 16px -4px rgba(16, 185, 129, .2);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-focus-primary: 0 0 0 3px rgba(37, 99, 235, .1);--shadow-focus-error: 0 0 0 4px rgba(239, 68, 68, .08);--shadow-focus-error-sm: 0 0 0 3px rgba(239, 68, 68, .1);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .4s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--transition-easing-sharp: cubic-bezier(.4, 0, .6, 1);--transition-easing-ease-out: cubic-bezier(0, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-xxl: 1536px;--layout-sidebar-width: 280px;--layout-sidebar-width-collapsed: 80px;--layout-header-height: 64px;--layout-max-content-width: 1400px;--layout-container-padding: 24px;--layout-loading-min-height: 400px;--button-sm-height: 32px;--button-sm-padding: 0 16px;--button-sm-font-size: 13px;--button-md-height: 40px;--button-md-padding: 0 20px;--button-md-font-size: 14px;--button-lg-height: 48px;--button-lg-padding: 0 24px;--button-lg-font-size: 16px;--input-sm-height: 36px;--input-sm-padding: 0 12px;--input-sm-font-size: 13px;--input-md-height: 42px;--input-md-padding: 0 16px;--input-md-font-size: 14px;--input-lg-height: 48px;--input-lg-padding: 0 20px;--input-lg-font-size: 16px;--card-padding: 24px;--card-border-radius: 16px;--modal-sm: 400px;--modal-md: 600px;--modal-lg: 800px;--modal-xl: 1000px;--gradient-primary: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);--gradient-secondary: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-warning: linear-gradient(135deg, #ffa726 0%, #ffb74d 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--gradient-info: linear-gradient(135deg, #42a5f5 0%, #64b5f6 100%);--gradient-primary-secondary: linear-gradient(135deg, #2563EB 0%, #10B981 100%);--gradient-orange: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);--gradient-gray: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);--gradient-yellow: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);--gradient-warning-alt: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--shadow-success: 0 2px 4px rgba(16, 185, 129, .2);--shadow-error: 0 2px 4px rgba(239, 68, 68, .2);--shadow-warning: 0 2px 4px rgba(245, 158, 11, .25);--shadow-info: 0 2px 4px rgba(59, 130, 246, .2);--shadow-yellow: 0 2px 4px rgba(234, 179, 8, .2);--shadow-orange: 0 2px 4px rgba(249, 115, 22, .2);--shadow-gray: 0 2px 4px rgba(107, 114, 128, .2);--shadow-purple: 0 2px 4px rgba(168, 85, 247, .2);--login-gradient-purple-1: #3B82F6;--login-gradient-purple-2: #60A5FA;--login-gradient-purple-3: #2563EB;--login-gradient-pink-1: #10B981;--login-gradient-pink-2: #34D399;--login-gradient-pink-3: #059669;--login-gradient-blue-1: #1D4ED8;--login-gradient-blue-2: #2563EB;--login-gradient-blue-3: #1E40AF;--login-bg-gradient: linear-gradient(135deg, #0c1e3d 0%, #1e3a5f 20%, #2d4a75 40%, #3b5998 60%, #5b7bb4 80%, #7ea3d6 100%);--login-glass-bg: rgba(255, 255, 255, .95);--login-glass-border: rgba(255, 255, 255, .18);--login-glass-backdrop: blur(20px);--login-accent-purple: #93C5FD;--login-accent-purple-light: rgba(37, 99, 235, .08);--login-accent-purple-focus: rgba(37, 99, 235, .12);--login-input-height: 56px;--login-input-padding-left: 115px;--login-input-radius: 14px;--login-button-height: 56px;--login-otp-box-size: 56px;--login-button-gradient-mid: #2563EB;--login-button-gradient-end: #1E40AF;--login-alert-success-bg: rgba(59, 130, 246, .1);--login-alert-success-text: #1e40af;--login-alert-success-border: rgba(59, 130, 246, .3);--z-index-base: 1;--z-index-sticky: 100;--z-index-fixed: 200;--z-index-dropdown: 300;--z-index-modal: 400;--z-index-tooltip: 500}:root.dark,[data-theme=dark]{--color-background: #0a0e1a;--color-surface: #1a1f2e;--background-primary: #1a1f2e;--background-secondary: #0a0e1a;--background-tertiary: #2d3548;--background-hover: #2d3548;--background-active: #3d4557;--color-text-primary: #f8fafc;--color-text-secondary: #e2e8f0;--color-text-tertiary: #cbd5e1;--color-text-disabled: #64748b;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--color-border: #3d4557;--color-border-light: #2d3548;--color-border-dark: #4d5567;--border-color: #3d4557;--color-success-bg: rgba(16, 185, 129, .1);--color-warning-bg: rgba(245, 158, 11, .1);--color-error-bg: rgba(239, 68, 68, .1);--color-info-bg: rgba(59, 130, 246, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 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, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-xxl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .5);--shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--color-primary-light: rgba(59, 130, 246, .15);--color-secondary-light: rgba(16, 185, 129, .15);--color-success-light: rgba(16, 185, 129, .15);--color-warning-light: rgba(245, 158, 11, .15);--color-error-light: rgba(239, 68, 68, .15);--color-info-light: rgba(59, 130, 246, .15)}:root.dark,[data-theme=dark]{color-scheme:dark}:root.dark body,[data-theme=dark] body{background-color:var(--color-background);color:var(--color-text-primary)}:root.dark *,[data-theme=dark] *{border-color:var(--color-border)}:root.dark p,:root.dark span,:root.dark div,:root.dark label,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] label{color:inherit}:root.dark .text-primary,[data-theme=dark] .text-primary{color:var(--color-text-primary)!important}:root.dark .text-secondary,[data-theme=dark] .text-secondary{color:var(--color-text-secondary)!important}:root.dark .text-tertiary,[data-theme=dark] .text-tertiary{color:var(--color-text-tertiary)!important}:root.dark input,:root.dark textarea,:root.dark select,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--background-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}:root.dark input::placeholder,:root.dark textarea::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-tertiary);opacity:.7}:root.dark input:focus,:root.dark textarea:focus,:root.dark select:focus,[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--color-primary);background-color:var(--background-secondary)!important;box-shadow:0 0 0 4px #3b82f626!important}:root.dark .gmd-input,[data-theme=dark] .gmd-input{background-color:var(--background-tertiary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)}:root.dark .gmd-input:focus,[data-theme=dark] .gmd-input:focus{background-color:var(--background-secondary)!important;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f626!important}:root.dark .gmd-input::placeholder,[data-theme=dark] .gmd-input::placeholder{color:var(--color-text-tertiary)}:root.dark .gmd-input-label,[data-theme=dark] .gmd-input-label{color:var(--color-text-primary)}:root.dark .gmd-input-icon,[data-theme=dark] .gmd-input-icon{color:var(--color-text-tertiary)}:root.dark .gmd-input:focus~.gmd-input-icon,[data-theme=dark] .gmd-input:focus~.gmd-input-icon{color:var(--color-primary)}:root.dark .gmd-input-helper,[data-theme=dark] .gmd-input-helper{color:var(--color-text-tertiary)}:root.dark input:disabled,:root.dark textarea:disabled,:root.dark select:disabled,[data-theme=dark] input:disabled,[data-theme=dark] textarea:disabled,[data-theme=dark] select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--background-secondary)}:root.dark .form-group,:root.dark .form-field,:root.dark [class*=form-group],:root.dark [class*=form-field],[data-theme=dark] .form-group,[data-theme=dark] .form-field,[data-theme=dark] [class*=form-group],[data-theme=dark] [class*=form-field]{color:var(--color-text-primary)}:root.dark label,:root.dark .form-label,:root.dark [class*=label],[data-theme=dark] label,[data-theme=dark] .form-label,[data-theme=dark] [class*=label]{color:var(--color-text-primary);font-weight:500}:root.dark .form-helper,:root.dark .form-hint,:root.dark .help-text,[data-theme=dark] .form-helper,[data-theme=dark] .form-hint,[data-theme=dark] .help-text{color:var(--color-text-tertiary)}:root.dark .form-error,:root.dark .error-message,:root.dark [class*=error],[data-theme=dark] .form-error,[data-theme=dark] .error-message,[data-theme=dark] [class*=error]{color:var(--color-error)}:root.dark .required,:root.dark [class*=required],[data-theme=dark] .required,[data-theme=dark] [class*=required]{color:var(--color-error)}:root.dark select option,[data-theme=dark] select option{background-color:var(--background-primary);color:var(--color-text-primary)}:root.dark input[type=checkbox],:root.dark input[type=radio],[data-theme=dark] input[type=checkbox],[data-theme=dark] input[type=radio]{border-color:var(--color-border-dark);background-color:var(--background-tertiary)}:root.dark input[type=checkbox]:checked,:root.dark input[type=radio]:checked,[data-theme=dark] input[type=checkbox]:checked,[data-theme=dark] input[type=radio]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}:root.dark input[type=file],[data-theme=dark] input[type=file]{color:var(--color-text-primary)}:root.dark input[type=file]::file-selector-button,[data-theme=dark] input[type=file]::file-selector-button{background-color:var(--background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}:root.dark input[type=file]::file-selector-button:hover,[data-theme=dark] input[type=file]::file-selector-button:hover{background-color:var(--background-hover)}:root.dark .card,:root.dark [class*=card],[data-theme=dark] .card,[data-theme=dark] [class*=card]{background-color:var(--background-primary);border-color:var(--color-border)}:root.dark .modal-overlay,:root.dark .gmd-modal-overlay,:root.dark [class*=modal-overlay],[data-theme=dark] .modal-overlay,[data-theme=dark] .gmd-modal-overlay,[data-theme=dark] [class*=modal-overlay]{background-color:#000000d9;backdrop-filter:blur(8px)}:root.dark .modal-content,:root.dark .gmd-modal,:root.dark [class*=modal-content],[data-theme=dark] .modal-content,[data-theme=dark] .gmd-modal,[data-theme=dark] [class*=modal-content]{background-color:var(--background-primary);border:1px solid var(--color-border);color:var(--color-text-primary)}:root.dark .modal-header,:root.dark .gmd-modal__header,:root.dark [class*=modal-header],:root.dark [class*=modal__header],[data-theme=dark] .modal-header,[data-theme=dark] .gmd-modal__header,[data-theme=dark] [class*=modal-header],[data-theme=dark] [class*=modal__header]{border-bottom-color:var(--color-border);background-color:transparent}:root.dark .modal-title,:root.dark .gmd-modal__title,:root.dark [class*=modal-title],:root.dark [class*=modal__title],[data-theme=dark] .modal-title,[data-theme=dark] .gmd-modal__title,[data-theme=dark] [class*=modal-title],[data-theme=dark] [class*=modal__title]{color:var(--color-text-primary)}:root.dark .modal-close,:root.dark .gmd-modal__close,:root.dark [class*=modal-close],:root.dark [class*=modal__close],[data-theme=dark] .modal-close,[data-theme=dark] .gmd-modal__close,[data-theme=dark] [class*=modal-close],[data-theme=dark] [class*=modal__close]{color:var(--color-text-secondary);background-color:transparent}:root.dark .modal-close:hover,:root.dark .gmd-modal__close:hover,[data-theme=dark] .modal-close:hover,[data-theme=dark] .gmd-modal__close:hover{color:var(--color-text-primary);background-color:var(--background-hover)}:root.dark .modal-body,:root.dark .gmd-modal__body,:root.dark [class*=modal-body],:root.dark [class*=modal__body],[data-theme=dark] .modal-body,[data-theme=dark] .gmd-modal__body,[data-theme=dark] [class*=modal-body],[data-theme=dark] [class*=modal__body]{background-color:transparent;color:var(--color-text-primary)}:root.dark .modal-footer,:root.dark .gmd-modal__footer,:root.dark [class*=modal-footer],:root.dark [class*=modal__footer],[data-theme=dark] .modal-footer,[data-theme=dark] .gmd-modal__footer,[data-theme=dark] [class*=modal-footer],[data-theme=dark] [class*=modal__footer]{border-top-color:var(--color-border);background-color:transparent}:root.dark .dialog,:root.dark [class*=dialog],:root.dark .confirm-modal,:root.dark [class*=confirm],[data-theme=dark] .dialog,[data-theme=dark] [class*=dialog],[data-theme=dark] .confirm-modal,[data-theme=dark] [class*=confirm]{background-color:var(--background-primary);border-color:var(--color-border);color:var(--color-text-primary)}:root.dark .create-modal,:root.dark .add-modal,:root.dark [class*=create-modal],:root.dark [class*=add-modal],[data-theme=dark] .create-modal,[data-theme=dark] .add-modal,[data-theme=dark] [class*=create-modal],[data-theme=dark] [class*=add-modal]{background-color:var(--background-primary)}:root.dark .edit-modal,:root.dark [class*=edit-modal],[data-theme=dark] .edit-modal,[data-theme=dark] [class*=edit-modal]{background-color:var(--background-primary)}:root.dark .view-modal,:root.dark .details-modal,:root.dark [class*=view-modal],:root.dark [class*=details-modal],[data-theme=dark] .view-modal,[data-theme=dark] .details-modal,[data-theme=dark] [class*=view-modal],[data-theme=dark] [class*=details-modal]{background-color:var(--background-primary)}:root.dark .delete-modal,:root.dark [class*=delete-modal],[data-theme=dark] .delete-modal,[data-theme=dark] [class*=delete-modal]{background-color:var(--background-primary)}:root.dark .delete-modal .modal-title,[data-theme=dark] .delete-modal .modal-title{color:var(--color-error)}:root.dark .modal-form,:root.dark .form-container,:root.dark [class*=form-container],[data-theme=dark] .modal-form,[data-theme=dark] .form-container,[data-theme=dark] [class*=form-container]{background-color:transparent}:root.dark .form-row,:root.dark [class*=form-row],[data-theme=dark] .form-row,[data-theme=dark] [class*=form-row]{border-color:var(--color-border)}:root.dark .notification-button,[data-theme=dark] .notification-button{color:var(--color-text-secondary)}:root.dark .notification-button:hover,[data-theme=dark] .notification-button:hover{color:var(--color-text-primary);background-color:var(--background-hover)}:root.dark .notification-badge,:root.dark .notification-count-badge,[data-theme=dark] .notification-badge,[data-theme=dark] .notification-count-badge{background-color:var(--color-error);color:var(--color-white)}:root.dark .notification-dropdown-menu,[data-theme=dark] .notification-dropdown-menu{background-color:var(--background-primary);border:1px solid var(--color-border);box-shadow:0 10px 25px #000000b3}:root.dark .notification-dropdown-header,[data-theme=dark] .notification-dropdown-header{border-bottom-color:var(--color-border)}:root.dark .notification-dropdown-header h3,[data-theme=dark] .notification-dropdown-header h3{color:var(--color-text-primary)}:root.dark .notification-item,:root.dark .notification-item-compact,[data-theme=dark] .notification-item,[data-theme=dark] .notification-item-compact{border-bottom-color:var(--color-border)}:root.dark .notification-item:hover,:root.dark .notification-item-compact:hover,[data-theme=dark] .notification-item:hover,[data-theme=dark] .notification-item-compact:hover{background-color:var(--background-hover)}:root.dark .notification-item.unread,:root.dark .notification-item-compact.unread,[data-theme=dark] .notification-item.unread,[data-theme=dark] .notification-item-compact.unread{background-color:#3b82f61a}:root.dark .notification-item.unread:hover,[data-theme=dark] .notification-item.unread:hover{background-color:#3b82f626}:root.dark .notification-title,:root.dark .notification-sender-name,[data-theme=dark] .notification-title,[data-theme=dark] .notification-sender-name{color:var(--color-text-primary)}:root.dark .notification-message,:root.dark .notification-message-preview,[data-theme=dark] .notification-message,[data-theme=dark] .notification-message-preview{color:var(--color-text-secondary)}:root.dark .notification-time,:root.dark .notification-time-compact,[data-theme=dark] .notification-time,[data-theme=dark] .notification-time-compact{color:var(--color-text-tertiary)}:root.dark .notification-dot,[data-theme=dark] .notification-dot{background-color:var(--color-primary)}:root.dark .notification-empty,[data-theme=dark] .notification-empty{color:var(--color-text-secondary)}:root.dark .notification-dropdown-footer,[data-theme=dark] .notification-dropdown-footer{border-top-color:var(--color-border)}:root.dark .notification-dropdown-footer a,[data-theme=dark] .notification-dropdown-footer a{color:var(--color-primary)}:root.dark .notification-dropdown-footer a:hover,[data-theme=dark] .notification-dropdown-footer a:hover{color:#60a5fa}:root.dark .notification-group,[data-theme=dark] .notification-group{border-bottom-color:var(--color-border)}:root.dark .notification-group-header,[data-theme=dark] .notification-group-header{background-color:var(--background-secondary);border-bottom-color:var(--color-border)}:root.dark .notification-group-title,[data-theme=dark] .notification-group-title{color:var(--color-text-primary)}:root.dark .notification-group-badge,[data-theme=dark] .notification-group-badge{background-color:var(--color-primary);color:var(--color-white)}:root.dark .profile-dropdown-menu,[data-theme=dark] .profile-dropdown-menu{background-color:var(--background-primary);border:1px solid var(--color-border);box-shadow:0 10px 25px #000000b3}:root.dark .profile-dropdown-header,[data-theme=dark] .profile-dropdown-header{background-color:var(--background-tertiary)}:root.dark .profile-dropdown-avatar,[data-theme=dark] .profile-dropdown-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white)}:root.dark .profile-dropdown-name,[data-theme=dark] .profile-dropdown-name{color:var(--color-text-primary)}:root.dark .profile-dropdown-phone,:root.dark .profile-dropdown-email,[data-theme=dark] .profile-dropdown-phone,[data-theme=dark] .profile-dropdown-email{color:var(--color-text-secondary)}:root.dark .profile-dropdown-role,[data-theme=dark] .profile-dropdown-role{color:var(--color-text-secondary)}:root.dark .profile-dropdown-role svg,[data-theme=dark] .profile-dropdown-role svg{color:var(--color-text-tertiary)}:root.dark .profile-dropdown-divider,[data-theme=dark] .profile-dropdown-divider{background-color:var(--color-border)}:root.dark .profile-dropdown-item,[data-theme=dark] .profile-dropdown-item{color:var(--color-text-primary)}:root.dark .profile-dropdown-item:hover,[data-theme=dark] .profile-dropdown-item:hover{background-color:var(--background-hover);color:var(--color-primary)}:root.dark .profile-dropdown-item svg,[data-theme=dark] .profile-dropdown-item svg{color:var(--color-text-secondary)}:root.dark .profile-dropdown-item:hover svg,[data-theme=dark] .profile-dropdown-item:hover svg{color:var(--color-primary)}:root.dark .profile-dropdown-item:last-child,[data-theme=dark] .profile-dropdown-item:last-child{color:var(--color-error);border-top-color:var(--color-border)}:root.dark .profile-dropdown-item:last-child:hover,[data-theme=dark] .profile-dropdown-item:last-child:hover{background-color:#ef44441a;color:var(--color-error)}:root.dark .profile-dropdown-item:last-child svg,[data-theme=dark] .profile-dropdown-item:last-child svg{color:var(--color-error)}:root.dark .dropdown-menu,:root.dark [class*=dropdown],[data-theme=dark] .dropdown-menu,[data-theme=dark] [class*=dropdown]{background-color:var(--background-primary);border-color:var(--color-border);box-shadow:0 10px 25px #00000080}:root.dark .dropdown-item,:root.dark [class*=dropdown-item],[data-theme=dark] .dropdown-item,[data-theme=dark] [class*=dropdown-item]{color:var(--color-text-primary)}:root.dark .dropdown-item:hover,:root.dark [class*=dropdown-item]:hover,[data-theme=dark] .dropdown-item:hover,[data-theme=dark] [class*=dropdown-item]:hover{background-color:var(--background-hover);color:var(--color-text-primary)}:root.dark table,[data-theme=dark] table{background-color:var(--background-primary)}:root.dark th,[data-theme=dark] th{background-color:var(--background-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}:root.dark td,[data-theme=dark] td{border-color:var(--color-border);color:var(--color-text-primary)}:root.dark tr:hover,[data-theme=dark] tr:hover{background-color:var(--background-hover)}:root.dark ::-webkit-scrollbar-track,[data-theme=dark] ::-webkit-scrollbar-track{background:var(--background-secondary)}:root.dark ::-webkit-scrollbar-thumb,[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border-dark)}:root.dark ::-webkit-scrollbar-thumb:hover,[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:root.dark code,:root.dark pre,[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--background-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}:root.dark .badge,:root.dark [class*=badge],[data-theme=dark] .badge,[data-theme=dark] [class*=badge]{border-width:1px;font-weight:600}:root.dark .badge-success,[data-theme=dark] .badge-success{background-color:#10b98133;color:#34d399;border-color:#10b9814d}:root.dark .badge-warning,[data-theme=dark] .badge-warning{background-color:#f59e0b33;color:#fbbf24;border-color:#f59e0b4d}:root.dark .badge-error,:root.dark .badge-danger,[data-theme=dark] .badge-error,[data-theme=dark] .badge-danger{background-color:#ef444433;color:#f87171;border-color:#ef44444d}:root.dark .badge-info,[data-theme=dark] .badge-info{background-color:#3b82f633;color:#60a5fa;border-color:#3b82f64d}:root.dark .alert,:root.dark [class*=alert],[data-theme=dark] .alert,[data-theme=dark] [class*=alert]{background-color:var(--background-primary);border-color:var(--color-border);color:var(--color-text-primary)}:root.dark .alert-success,[data-theme=dark] .alert-success{background-color:#10b9811a;border-color:#10b9814d;color:#34d399}:root.dark .alert-warning,[data-theme=dark] .alert-warning{background-color:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}:root.dark .alert-error,:root.dark .alert-danger,[data-theme=dark] .alert-error,[data-theme=dark] .alert-danger{background-color:#ef44441a;border-color:#ef44444d;color:#f87171}:root.dark .alert-info,[data-theme=dark] .alert-info{background-color:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}:root.dark .empty-state,:root.dark [class*=empty-state],[data-theme=dark] .empty-state,[data-theme=dark] [class*=empty-state]{color:var(--color-text-secondary)}:root.dark .empty-state-icon,[data-theme=dark] .empty-state-icon{color:var(--color-text-tertiary);opacity:.5}:root.dark .empty-state-title,[data-theme=dark] .empty-state-title{color:var(--color-text-primary)}:root.dark .empty-state-description,[data-theme=dark] .empty-state-description{color:var(--color-text-secondary)}:root.dark .sidebar,[data-theme=dark] .sidebar{background-color:var(--background-primary);border-right-color:var(--color-border)}:root.dark .logo-icon,[data-theme=dark] .logo-icon{background-color:#fff;border:1px solid var(--color-border)}:root.dark .nav-item,:root.dark .sidebar-nav-item,[data-theme=dark] .nav-item,[data-theme=dark] .sidebar-nav-item{color:var(--color-text-secondary)}:root.dark .nav-item:hover,:root.dark .sidebar-nav-item:hover,[data-theme=dark] .nav-item:hover,[data-theme=dark] .sidebar-nav-item:hover{background-color:var(--background-hover);color:var(--color-text-primary)}:root.dark .nav-item.active,:root.dark .sidebar-nav-item.active,[data-theme=dark] .nav-item.active,[data-theme=dark] .sidebar-nav-item.active{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#60a5fa;border-left-color:#60a5fa}:root.dark .nav-item svg,:root.dark .sidebar-nav-item svg,[data-theme=dark] .nav-item svg,[data-theme=dark] .sidebar-nav-item svg{color:var(--color-text-tertiary)}:root.dark .nav-item:hover svg,:root.dark .sidebar-nav-item:hover svg,[data-theme=dark] .nav-item:hover svg,[data-theme=dark] .sidebar-nav-item:hover svg{color:var(--color-text-primary)}:root.dark .nav-item.active svg,:root.dark .sidebar-nav-item.active svg,[data-theme=dark] .nav-item.active svg,[data-theme=dark] .sidebar-nav-item.active svg{color:#60a5fa}:root.dark .nav-item-parent,[data-theme=dark] .nav-item-parent{color:var(--color-text-secondary)}:root.dark .nav-item-parent:hover,[data-theme=dark] .nav-item-parent:hover{color:var(--color-text-primary);background-color:var(--background-hover)}:root.dark .nav-sub-item,[data-theme=dark] .nav-sub-item{color:var(--color-text-tertiary)}:root.dark .nav-sub-item:hover,[data-theme=dark] .nav-sub-item:hover{color:var(--color-text-primary);background-color:var(--background-hover)}:root.dark .header,:root.dark .main-header,:root.dark .top-bar,[data-theme=dark] .header,[data-theme=dark] .main-header,[data-theme=dark] .top-bar{background-color:var(--background-primary);border-bottom-color:var(--color-border)}:root.dark .header-content,:root.dark .header-title,[data-theme=dark] .header-content,[data-theme=dark] .header-title{color:var(--color-text-primary)}:root.dark .header-icon,:root.dark .header-btn,:root.dark .icon-button,:root.dark .action-button,[data-theme=dark] .header-icon,[data-theme=dark] .header-btn,[data-theme=dark] .icon-button,[data-theme=dark] .action-button{color:var(--color-text-secondary);background-color:transparent;border-color:transparent}:root.dark .header-icon:hover,:root.dark .header-btn:hover,:root.dark .icon-button:hover,:root.dark .action-button:hover,[data-theme=dark] .header-icon:hover,[data-theme=dark] .header-btn:hover,[data-theme=dark] .icon-button:hover,[data-theme=dark] .action-button:hover{color:var(--color-text-primary);background-color:var(--background-hover);border-color:var(--color-border)}:root.dark .user-profile-btn,:root.dark .profile-trigger,[data-theme=dark] .user-profile-btn,[data-theme=dark] .profile-trigger{background-color:var(--background-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}:root.dark .user-profile-btn:hover,:root.dark .profile-trigger:hover,[data-theme=dark] .user-profile-btn:hover,[data-theme=dark] .profile-trigger:hover{background-color:var(--background-hover);border-color:var(--color-border-dark)}:root.dark .user-avatar,:root.dark .profile-avatar,[data-theme=dark] .user-avatar,[data-theme=dark] .profile-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);border:2px solid var(--color-border)}:root.dark .header-actions,:root.dark .top-bar-actions,[data-theme=dark] .header-actions,[data-theme=dark] .top-bar-actions{color:var(--color-text-primary)}:root.dark .gmd-button--ghost,:root.dark .button-ghost,:root.dark [class*=ghost],:root.dark button[class*=ghost],[data-theme=dark] .gmd-button--ghost,[data-theme=dark] .button-ghost,[data-theme=dark] [class*=ghost],[data-theme=dark] button[class*=ghost]{color:var(--color-text-primary);background-color:transparent}:root.dark .gmd-button--ghost:hover,:root.dark .button-ghost:hover,:root.dark button[class*=ghost]:hover,[data-theme=dark] .gmd-button--ghost:hover,[data-theme=dark] .button-ghost:hover,[data-theme=dark] button[class*=ghost]:hover{background-color:var(--background-hover)!important;color:var(--color-primary)}:root.dark .gmd-button--outline,:root.dark .button-outline,:root.dark button[class*=outline],[data-theme=dark] .gmd-button--outline,[data-theme=dark] .button-outline,[data-theme=dark] button[class*=outline]{border-color:var(--color-primary);color:var(--color-primary);background-color:transparent}:root.dark .gmd-button--outline:hover,:root.dark button[class*=outline]:hover,[data-theme=dark] .gmd-button--outline:hover,[data-theme=dark] button[class*=outline]:hover{background-color:var(--color-primary)!important;color:var(--color-white);border-color:var(--color-primary)}:root.dark .gmd-button--secondary,:root.dark .button-secondary,:root.dark button[class*=secondary],[data-theme=dark] .gmd-button--secondary,[data-theme=dark] .button-secondary,[data-theme=dark] button[class*=secondary]{background:var(--gradient-secondary);color:var(--color-white)}:root.dark .gmd-button--link,:root.dark .button-link,[data-theme=dark] .gmd-button--link,[data-theme=dark] .button-link{color:var(--color-primary)}:root.dark .gmd-button--link:hover,[data-theme=dark] .gmd-button--link:hover{color:#60a5fa}:root.dark .button-text,:root.dark button[class*=text],[data-theme=dark] .button-text,[data-theme=dark] button[class*=text]{color:var(--color-text-secondary);background-color:transparent}:root.dark .button-text:hover,[data-theme=dark] .button-text:hover{color:var(--color-text-primary);background-color:var(--background-hover)}:root.dark .gmd-button svg,:root.dark button svg,[data-theme=dark] .gmd-button svg,[data-theme=dark] button svg{color:currentColor}:root.dark .cancel-button,:root.dark [class*=cancel],[data-theme=dark] .cancel-button,[data-theme=dark] [class*=cancel]{background-color:var(--background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}:root.dark .cancel-button:hover,[data-theme=dark] .cancel-button:hover{background-color:var(--background-hover);border-color:var(--color-border-dark)}:root.dark .chart-container,:root.dark [class*=chart],[data-theme=dark] .chart-container,[data-theme=dark] [class*=chart]{background-color:var(--background-primary)}:root.dark .tooltip,:root.dark [class*=tooltip],[data-theme=dark] .tooltip,[data-theme=dark] [class*=tooltip]{background-color:var(--background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:0 4px 12px #00000080}:root.dark .popover,:root.dark [class*=popover],[data-theme=dark] .popover,[data-theme=dark] [class*=popover]{background-color:var(--background-primary);border-color:var(--color-border);box-shadow:0 8px 24px #00000080}:root.dark .skeleton,:root.dark [class*=skeleton],[data-theme=dark] .skeleton,[data-theme=dark] [class*=skeleton]{background:linear-gradient(90deg,var(--background-tertiary) 25%,var(--background-hover) 50%,var(--background-tertiary) 75%);background-size:200% 100%}:root.dark .spinner,[data-theme=dark] .spinner{border-color:var(--color-border);border-top-color:var(--color-primary)}:root.dark .loading-overlay,[data-theme=dark] .loading-overlay{background-color:#0a0e1acc}:root.dark ::selection,[data-theme=dark] ::selection{background:var(--color-primary);color:var(--color-white)}:root.dark svg,[data-theme=dark] svg{color:inherit}:root.dark button svg,:root.dark .icon-button svg,:root.dark [class*=btn] svg,[data-theme=dark] button svg,[data-theme=dark] .icon-button svg,[data-theme=dark] [class*=btn] svg{color:currentColor}:root.dark .nav-item svg,:root.dark .menu-item svg,[data-theme=dark] .nav-item svg,[data-theme=dark] .menu-item svg{color:inherit}:root.dark img:not([class*=logo]),[data-theme=dark] img:not([class*=logo]){opacity:.9}:root.dark [style*="background: #fff"],:root.dark [style*="background: white"],:root.dark [style*="background-color: #fff"],:root.dark [style*="background-color: white"],:root.dark [style*="background:#fff"],:root.dark [style*="background:white"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color: white"]{background-color:var(--background-primary)!important}:root.dark [style*="color: #000"],:root.dark [style*="color: black"],:root.dark [style*="color:#000"],:root.dark [style*="color:black"],[data-theme=dark] [style*="color: #000"],[data-theme=dark] [style*="color: black"]{color:var(--color-text-primary)!important}:root.dark .panel,:root.dark .section,:root.dark [class*=panel],:root.dark [class*=section],[data-theme=dark] .panel,[data-theme=dark] .section,[data-theme=dark] [class*=panel],[data-theme=dark] [class*=section]{background-color:var(--background-primary);border-color:var(--color-border)}:root.dark .wrapper,:root.dark .container,:root.dark [class*=wrapper],:root.dark [class*=container],[data-theme=dark] .wrapper,[data-theme=dark] .container,[data-theme=dark] [class*=wrapper],[data-theme=dark] [class*=container]{color:var(--color-text-primary)}:root.dark .box,:root.dark [class*=box],[data-theme=dark] .box,[data-theme=dark] [class*=box]{background-color:var(--background-primary);border-color:var(--color-border);color:var(--color-text-primary)}:root.dark *,:root.dark *:before,:root.dark *:after,[data-theme=dark] *,[data-theme=dark] *:before,[data-theme=dark] *:after{transition-property:background-color,border-color,color;transition-duration:.2s;transition-timing-function:ease-in-out}:root.dark.no-transition *,:root.dark.no-transition *:before,:root.dark.no-transition *:after,[data-theme=dark].no-transition *,[data-theme=dark].no-transition *:before,[data-theme=dark].no-transition *:after{transition:none!important}:root.dark h1,:root.dark h2,:root.dark h3,:root.dark h4,:root.dark h5,:root.dark h6,[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);font-weight:600}:root.dark a,[data-theme=dark] a{color:#60a5fa}:root.dark a:hover,[data-theme=dark] a:hover{color:#93c5fd}:root.dark strong,:root.dark b,[data-theme=dark] strong,[data-theme=dark] b{color:var(--color-text-primary);font-weight:600}:root.dark *:focus-visible,[data-theme=dark] *:focus-visible{outline-color:var(--color-primary);outline-offset:2px;outline-width:2px}:root.dark .info-section,:root.dark .details-section,:root.dark [class*=info-section],:root.dark [class*=details-section],[data-theme=dark] .info-section,[data-theme=dark] .details-section,[data-theme=dark] [class*=info-section],[data-theme=dark] [class*=details-section]{background-color:var(--background-secondary);border-color:var(--color-border)}:root.dark .info-row,:root.dark .detail-row,:root.dark [class*=info-row],:root.dark [class*=detail-row],[data-theme=dark] .info-row,[data-theme=dark] .detail-row,[data-theme=dark] [class*=info-row],[data-theme=dark] [class*=detail-row]{border-bottom-color:var(--color-border)}:root.dark .info-label,:root.dark .detail-label,:root.dark [class*=info-label],:root.dark [class*=detail-label],[data-theme=dark] .info-label,[data-theme=dark] .detail-label,[data-theme=dark] [class*=info-label],[data-theme=dark] [class*=detail-label]{color:var(--color-text-secondary)}:root.dark .info-value,:root.dark .detail-value,:root.dark [class*=info-value],:root.dark [class*=detail-value],[data-theme=dark] .info-value,[data-theme=dark] .detail-value,[data-theme=dark] [class*=info-value],[data-theme=dark] [class*=detail-value]{color:var(--color-text-primary);font-weight:600}:root.dark .data-grid,:root.dark [class*=grid-view],[data-theme=dark] .data-grid,[data-theme=dark] [class*=grid-view]{background-color:var(--background-primary);border-color:var(--color-border)}:root.dark .grid-item,:root.dark [class*=grid-item],[data-theme=dark] .grid-item,[data-theme=dark] [class*=grid-item]{background-color:var(--background-secondary);border-color:var(--color-border)}:root.dark .grid-item:hover,[data-theme=dark] .grid-item:hover{background-color:var(--background-hover);border-color:var(--color-border-dark)}:root.dark .stat-card,:root.dark [class*=stat-card],:root.dark .metric-card,[data-theme=dark] .stat-card,[data-theme=dark] [class*=stat-card],[data-theme=dark] .metric-card{background-color:var(--background-primary);border-color:var(--color-border)}:root.dark .stat-card:hover,:root.dark [class*=stat-card]:hover,[data-theme=dark] .stat-card:hover,[data-theme=dark] [class*=stat-card]:hover{background-color:var(--background-tertiary);border-color:var(--color-border-dark)}:root.dark .widget,:root.dark .dashboard-widget,[data-theme=dark] .widget,[data-theme=dark] .dashboard-widget{background-color:var(--background-primary);border-color:var(--color-border)}:root.dark .search-bar,:root.dark .search-input,:root.dark [class*=search],[data-theme=dark] .search-bar,[data-theme=dark] .search-input,[data-theme=dark] [class*=search]{background-color:var(--background-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}:root.dark .search-bar:focus,:root.dark .search-input:focus,[data-theme=dark] .search-bar:focus,[data-theme=dark] .search-input:focus{background-color:var(--background-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}:root.dark .search-icon,:root.dark [class*=search-icon],[data-theme=dark] .search-icon,[data-theme=dark] [class*=search-icon]{color:var(--color-text-tertiary)}:root.dark .filters,:root.dark .filter-bar,:root.dark [class*=filter],[data-theme=dark] .filters,[data-theme=dark] .filter-bar,[data-theme=dark] [class*=filter]{background-color:var(--background-primary);border-color:var(--color-border)}:root.dark .filter-button,:root.dark [class*=filter-btn],[data-theme=dark] .filter-button,[data-theme=dark] [class*=filter-btn]{background-color:var(--background-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}:root.dark .filter-button:hover,[data-theme=dark] .filter-button:hover{background-color:var(--background-hover);border-color:var(--color-border-dark)}:root.dark .filter-button.active,[data-theme=dark] .filter-button.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}:root.dark .filter-select,:root.dark [class*=filter-select],[data-theme=dark] .filter-select,[data-theme=dark] [class*=filter-select]{background-color:var(--background-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}:root.dark .action-buttons,:root.dark .toolbar,:root.dark [class*=actions],:root.dark [class*=toolbar],[data-theme=dark] .action-buttons,[data-theme=dark] .toolbar,[data-theme=dark] [class*=actions],[data-theme=dark] [class*=toolbar]{background-color:transparent}:root.dark .action-btn,:root.dark .toolbar-btn,[data-theme=dark] .action-btn,[data-theme=dark] .toolbar-btn{color:var(--color-text-secondary);background-color:transparent;border-color:var(--color-border)}:root.dark .action-btn:hover,:root.dark .toolbar-btn:hover,[data-theme=dark] .action-btn:hover,[data-theme=dark] .toolbar-btn:hover{color:var(--color-text-primary);background-color:var(--background-hover);border-color:var(--color-border-dark)}:root.dark .breadcrumb,:root.dark [class*=breadcrumb],[data-theme=dark] .breadcrumb,[data-theme=dark] [class*=breadcrumb]{color:var(--color-text-tertiary)}:root.dark .breadcrumb a,:root.dark [class*=breadcrumb] a,[data-theme=dark] .breadcrumb a,[data-theme=dark] [class*=breadcrumb] a{color:var(--color-text-secondary)}:root.dark .breadcrumb a:hover,[data-theme=dark] .breadcrumb a:hover{color:var(--color-text-primary)}:root.dark .page-header,:root.dark .dashboard-header,[data-theme=dark] .page-header,[data-theme=dark] .dashboard-header{background-color:transparent;color:var(--color-text-primary)}:root.dark .page-title,:root.dark .dashboard-title,[data-theme=dark] .page-title,[data-theme=dark] .dashboard-title{color:var(--color-text-primary)}:root.dark .page-subtitle,:root.dark .dashboard-subtitle,[data-theme=dark] .page-subtitle,[data-theme=dark] .dashboard-subtitle{color:var(--color-text-secondary)}:root.dark .list-item,:root.dark li,[data-theme=dark] .list-item,[data-theme=dark] li{border-color:var(--color-border)}:root.dark .list-item:hover,[data-theme=dark] .list-item:hover{background-color:var(--background-hover)}:root.dark .tabs,:root.dark [class*=tab-list],[data-theme=dark] .tabs,[data-theme=dark] [class*=tab-list]{border-bottom-color:var(--color-border)}:root.dark .tab,:root.dark [class*=tab-item],[data-theme=dark] .tab,[data-theme=dark] [class*=tab-item]{color:var(--color-text-secondary);border-bottom:2px solid transparent}:root.dark .tab:hover,:root.dark [class*=tab-item]:hover,[data-theme=dark] .tab:hover,[data-theme=dark] [class*=tab-item]:hover{color:var(--color-text-primary);background-color:var(--background-hover)}:root.dark .tab.active,:root.dark .tab-active,[data-theme=dark] .tab.active,[data-theme=dark] .tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}:root.dark .pagination,:root.dark [class*=pagination],[data-theme=dark] .pagination,[data-theme=dark] [class*=pagination]{color:var(--color-text-secondary)}:root.dark .pagination-item,:root.dark .page-link,[data-theme=dark] .pagination-item,[data-theme=dark] .page-link{background-color:var(--background-primary);border-color:var(--color-border);color:var(--color-text-secondary)}:root.dark .pagination-item:hover,:root.dark .page-link:hover,[data-theme=dark] .pagination-item:hover,[data-theme=dark] .page-link:hover{background-color:var(--background-hover);color:var(--color-text-primary);border-color:var(--color-border-dark)}:root.dark .pagination-item.active,:root.dark .page-link.active,[data-theme=dark] .pagination-item.active,[data-theme=dark] .page-link.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}:root.dark .pagination-item:disabled,:root.dark .page-link:disabled,[data-theme=dark] .pagination-item:disabled,[data-theme=dark] .page-link:disabled{opacity:.4;cursor:not-allowed}:root.dark hr,:root.dark .divider,[data-theme=dark] hr,[data-theme=dark] .divider{border-color:var(--color-border);opacity:.5}@media print{:root.dark,[data-theme=dark]{--color-background: #ffffff;--color-text-primary: #000000;--background-primary: #ffffff}:root.dark *,[data-theme=dark] *{background-color:#fff!important;color:#000!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;font-weight:var(--font-weight-regular);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-base)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;z-index:10000;border-radius:0 0 var(--radius-md) 0;font-weight:var(--font-weight-semibold)}.skip-link:focus{top:0;outline:3px solid var(--color-primary-dark);outline-offset:2px}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--font-size-giant)}h2{font-size:var(--font-size-massive)}h3{font-size:var(--font-size-huge)}h4{font-size:var(--font-size-xxxl)}h5{font-size:var(--font-size-xxl)}h6{font-size:var(--font-size-xl)}p{margin:0;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-light)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;display:block}code{font-family:Courier New,Courier,monospace;background:var(--color-background);padding:2px 6px;border-radius:var(--radius-xs);font-size:.9em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:var(--color-primary);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--color-border: var(--color-black)}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}.gmd-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:0 var(--spacing-xl);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);transition:all var(--transition-base) var(--transition-easing);outline:none;position:relative;overflow:hidden;text-decoration:none;white-space:nowrap;user-select:none}.gmd-button--sm{height:var(--button-sm-height);padding:var(--button-sm-padding);font-size:var(--button-sm-font-size)}.gmd-button--md{height:var(--button-md-height);padding:var(--button-md-padding);font-size:var(--button-md-font-size)}.gmd-button--lg{height:var(--button-lg-height);padding:var(--button-lg-padding);font-size:var(--button-lg-font-size)}.gmd-button--primary{background:var(--gradient-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-primary)}.gmd-button--primary:hover:not(:disabled):not(.gmd-button--loading){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.gmd-button--primary:active:not(:disabled):not(.gmd-button--loading){transform:translateY(0)}.gmd-button--secondary{background:var(--gradient-secondary);color:var(--color-text-on-secondary);box-shadow:var(--shadow-secondary)}.gmd-button--secondary:hover:not(:disabled):not(.gmd-button--loading){transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.gmd-button--success{background:var(--gradient-success);color:var(--color-white);box-shadow:var(--shadow-md)}.gmd-button--success:hover:not(:disabled):not(.gmd-button--loading){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.gmd-button--warning{background:var(--gradient-warning);color:var(--color-white);box-shadow:var(--shadow-md)}.gmd-button--warning:hover:not(:disabled):not(.gmd-button--loading){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.gmd-button--error{background:var(--gradient-error);color:var(--color-white);box-shadow:var(--shadow-md)}.gmd-button--error:hover:not(:disabled):not(.gmd-button--loading){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.gmd-button--ghost{background:transparent;color:var(--color-text-primary);box-shadow:none}.gmd-button--ghost:hover:not(:disabled):not(.gmd-button--loading){background:var(--color-background);color:var(--color-primary)}.gmd-button--outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none}.gmd-button--outline:hover:not(:disabled):not(.gmd-button--loading){background:var(--color-primary);color:var(--color-text-on-primary)}.gmd-button--link{background:transparent;color:var(--color-primary);padding:0 var(--spacing-sm);height:auto;box-shadow:none}.gmd-button--link:hover:not(:disabled):not(.gmd-button--loading){color:var(--color-primary-light);text-decoration:underline;transform:none}.gmd-button--full-width{width:100%}.gmd-button--disabled,.gmd-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.gmd-button--loading{cursor:wait;pointer-events:none}.gmd-button--loading .gmd-button__text{opacity:.6}.gmd-button__spinner{display:inline-flex;align-items:center;justify-content:center}.gmd-button__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em}.gmd-button__icon--left{margin-right:calc(var(--spacing-sm) * -.5)}.gmd-button__icon--right{margin-left:calc(var(--spacing-sm) * -.5)}.gmd-button__text{display:inline-block}.gmd-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.gmd-button--lg{height:var(--button-md-height);padding:var(--button-md-padding);font-size:var(--button-md-font-size)}.gmd-button--md{height:var(--button-sm-height);padding:var(--button-sm-padding)}.gmd-button--sm{height:calc(var(--button-sm-height) - 2px);padding:0 var(--spacing-md)}}@media print{.gmd-button{box-shadow:none;border:1px solid var(--color-border)}}.gmd-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.gmd-input-wrapper--full-width{width:100%}.gmd-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.gmd-input-label__required{color:var(--color-error)}.gmd-input-container{position:relative;display:flex;align-items:center}.gmd-input{width:100%;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base) var(--transition-easing);outline:none}.gmd-input::placeholder{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);opacity:.7}.gmd-input:hover:not(:disabled):not(:read-only){border-color:var(--color-border-dark)}.gmd-input:focus{border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 4px var(--color-shadow-primary)}.gmd-input-wrapper--sm .gmd-input{height:var(--input-sm-height);padding:var(--input-sm-padding);font-size:var(--input-sm-font-size)}.gmd-input-wrapper--md .gmd-input{height:var(--input-md-height);padding:var(--input-md-padding);font-size:var(--input-md-font-size)}.gmd-input-wrapper--lg .gmd-input{height:var(--input-lg-height);padding:var(--input-lg-padding);font-size:var(--input-lg-font-size)}.gmd-input-wrapper--sm .gmd-input--with-left-icon{padding-left:40px}.gmd-input-wrapper--md .gmd-input--with-left-icon{padding-left:48px}.gmd-input-wrapper--lg .gmd-input--with-left-icon{padding-left:52px}.gmd-input-wrapper--sm .gmd-input--with-right-icon{padding-right:40px}.gmd-input-wrapper--md .gmd-input--with-right-icon{padding-right:48px}.gmd-input-wrapper--lg .gmd-input--with-right-icon{padding-right:52px}.gmd-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);pointer-events:none;transition:color var(--transition-base);opacity:.8;overflow:hidden;max-width:24px;max-height:24px}.gmd-input-wrapper--sm .gmd-input-icon{width:16px;height:16px}.gmd-input-wrapper--md .gmd-input-icon{width:20px;height:20px}.gmd-input-wrapper--lg .gmd-input-icon{width:24px;height:24px}.gmd-input-icon--left{left:var(--spacing-lg)}.gmd-input-icon--right{right:var(--spacing-lg)}.gmd-input-icon svg,.gmd-input-icon>*{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.gmd-input:focus~.gmd-input-icon{color:var(--color-primary);opacity:1}.gmd-input:disabled,.gmd-input:read-only{background:var(--color-background);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.gmd-input-wrapper--disabled .gmd-input-label{color:var(--color-text-disabled)}.gmd-input-wrapper--error .gmd-input{border-color:var(--color-error);background:var(--color-error-bg)}.gmd-input-wrapper--error .gmd-input:focus{border-color:var(--color-error);box-shadow:var(--shadow-focus-error)}.gmd-input-wrapper--error .gmd-input-icon{color:var(--color-error)}.gmd-input-error{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gmd-input-error svg{flex-shrink:0}.gmd-input-helper{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(max-width:640px){.gmd-input-wrapper--lg .gmd-input{height:44px;padding:0 var(--spacing-lg);font-size:var(--font-size-base)}.gmd-input-wrapper--md .gmd-input{height:40px}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.required-asterisk{color:var(--color-error);margin-left:4px}.select-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.select-input:hover:not(:disabled){border-color:var(--color-primary)}.select-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.select-input:disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-background)}.select-wrapper.has-error .select-input{border-color:var(--color-error)}.select-wrapper.has-error .select-input:focus{box-shadow:var(--shadow-focus-error-sm)}.select-error{font-size:var(--font-size-sm);color:var(--color-error)}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;user-select:none}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-input:disabled{cursor:not-allowed;opacity:.5}.checkbox-text{font-size:var(--font-size-md);color:var(--color-text-primary)}.checkbox-wrapper.has-error .checkbox-text{color:var(--color-error)}.checkbox-error{font-size:var(--font-size-sm);color:var(--color-error);margin-left:calc(18px + var(--spacing-sm))}.gmd-card{background:var(--color-surface);border-radius:var(--radius-lg);transition:all var(--transition-base) var(--transition-easing);overflow:hidden}.gmd-card--elevated{box-shadow:var(--shadow-base)}.gmd-card--elevated.gmd-card--hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.gmd-card--outlined{border:1px solid var(--color-border);box-shadow:none}.gmd-card--outlined.gmd-card--hoverable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.gmd-card--flat{box-shadow:none;background:transparent}.gmd-card--clickable{cursor:pointer}.gmd-card--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.gmd-card--padding-none .gmd-card__body{padding:0}.gmd-card--padding-sm .gmd-card__body{padding:var(--spacing-lg)}.gmd-card--padding-default .gmd-card__body{padding:var(--spacing-xxl)}.gmd-card--padding-lg .gmd-card__body{padding:var(--spacing-xxxl)}.gmd-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xxl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.gmd-card--padding-none .gmd-card__header{padding:var(--spacing-xxl);padding-bottom:var(--spacing-lg)}.gmd-card--padding-sm .gmd-card__header{padding:var(--spacing-lg);padding-bottom:var(--spacing-md)}.gmd-card__header-content{flex:1;min-width:0}.gmd-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.4}.gmd-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0;line-height:1.5}.gmd-card__header-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-sm)}.gmd-card__footer{padding:var(--spacing-lg) var(--spacing-xxl);border-top:1px solid var(--color-border-light);background:var(--color-background)}.gmd-card--padding-none .gmd-card__footer{padding:var(--spacing-lg) var(--spacing-xxl)}.gmd-card--padding-sm .gmd-card__footer{padding:var(--spacing-md) var(--spacing-lg)}.gmd-card--padding-lg .gmd-card__footer{padding:var(--spacing-xl) var(--spacing-xxxl)}@media(max-width:640px){.gmd-card--padding-default .gmd-card__body{padding:var(--spacing-lg)}.gmd-card--padding-lg .gmd-card__body{padding:var(--spacing-xl)}.gmd-card__header{padding:var(--spacing-lg);padding-bottom:var(--spacing-md);flex-direction:column;align-items:stretch}.gmd-card__header-actions{width:100%;justify-content:flex-end}.gmd-card__title{font-size:var(--font-size-lg)}.gmd-card__footer{padding:var(--spacing-md) var(--spacing-lg)}}.action-dropdown{position:relative;display:inline-block}.action-dropdown-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.action-dropdown-trigger:hover:not(:disabled){background:var(--color-hover);color:var(--color-text-primary)}.action-dropdown-trigger.active{background:var(--color-hover);color:var(--color-primary)}.action-dropdown-trigger:disabled{opacity:.4;cursor:not-allowed}.action-dropdown-menu{position:absolute;top:100%;margin-top:4px;background:#f4f5f7;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;min-width:200px;max-height:350px;overflow-y:auto;padding:4px;z-index:1000;animation:dropdown-fade-in .15s ease}.action-dropdown-menu.right{right:0}.action-dropdown-menu.left{left:0}.action-dropdown-menu--portal{margin:0;z-index:999999!important;isolation:isolate;background:#f4f5f7;box-shadow:0 8px 32px #00000040;animation:dropdown-fade-in-portal .15s ease;will-change:transform}@keyframes dropdown-fade-in-portal{0%{opacity:0}to{opacity:1}}.action-dropdown-menu.center{left:50%;transform:translate(-50%)}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--color-text-primary);font-size:13px;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.action-dropdown-item:hover:not(:disabled){background:var(--color-hover)}.action-dropdown-item.focused{background:var(--color-hover);outline:2px solid var(--color-primary);outline-offset:-2px}.action-dropdown-item:disabled{opacity:.4;cursor:not-allowed}.action-dropdown-item .action-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.action-dropdown-item .action-label{flex:1;white-space:nowrap}.action-dropdown-item.variant-success{color:var(--color-success)}.action-dropdown-item.variant-warning{color:var(--color-warning)}.action-dropdown-item.variant-danger{color:var(--color-error)}.action-dropdown-item.variant-success:hover:not(:disabled){background:#22c55e1a}.action-dropdown-item.variant-warning:hover:not(:disabled){background:#fbbf241a}.action-dropdown-item.variant-danger:hover:not(:disabled){background:#ef44441a}.action-dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}:root.dark .action-dropdown-menu{background:var(--color-surface);box-shadow:0 4px 12px #0000004d}:root.dark .action-dropdown-trigger:hover:not(:disabled){background:#ffffff1a}:root.dark .action-dropdown-trigger.active{background:#3b82f633}:root.dark .action-dropdown-item:hover:not(:disabled){background:#ffffff1a}:root.dark .action-dropdown-item.variant-success:hover:not(:disabled){background:#22c55e26}:root.dark .action-dropdown-item.variant-warning:hover:not(:disabled){background:#fbbf2426}:root.dark .action-dropdown-item.variant-danger:hover:not(:disabled){background:#ef444426}@media(max-width:768px){.action-dropdown-menu{min-width:180px;right:0}}.gmd-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:all var(--transition-base)}.gmd-badge--sm{height:20px;padding:0 var(--spacing-sm);font-size:var(--font-size-xs)}.gmd-badge--md{height:24px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.gmd-badge--lg{height:28px;padding:0 var(--spacing-lg);font-size:var(--font-size-base)}.gmd-badge--default{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.gmd-badge--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.gmd-badge--secondary{background:var(--color-secondary);color:var(--color-text-on-secondary)}.gmd-badge--success{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success-light)}.gmd-badge--warning{background:var(--color-warning-bg);color:var(--color-warning-dark);border:1px solid var(--color-warning-light)}.gmd-badge--error{background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error-light)}.gmd-badge--info{background:var(--color-info-bg);color:var(--color-info-dark);border:1px solid var(--color-info-light)}.gmd-badge__icon{display:inline-flex;align-items:center;font-size:1.1em}.gmd-badge__remove{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;margin-left:calc(var(--spacing-xs) * -.5);background:transparent;border:none;cursor:pointer;color:currentColor;opacity:.7;transition:opacity var(--transition-fast)}.gmd-badge__remove:hover{opacity:1}.gmd-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--color-white);font-weight:var(--font-weight-bold);flex-shrink:0;overflow:hidden}.gmd-avatar--xs{width:24px;height:24px;font-size:var(--font-size-xs)}.gmd-avatar--sm{width:32px;height:32px;font-size:var(--font-size-sm)}.gmd-avatar--md{width:40px;height:40px;font-size:var(--font-size-base)}.gmd-avatar--lg{width:56px;height:56px;font-size:var(--font-size-xl)}.gmd-avatar--xl{width:80px;height:80px;font-size:var(--font-size-xxxl)}.gmd-avatar--circle{border-radius:var(--radius-round)}.gmd-avatar--rounded{border-radius:var(--radius-md)}.gmd-avatar--square{border-radius:var(--radius-xs)}.gmd-avatar__image{width:100%;height:100%;object-fit:cover}.gmd-avatar__initials{user-select:none}.gmd-avatar__badge{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-white)}.gmd-avatar--xs .gmd-avatar__badge{width:6px;height:6px;border-width:1px}.gmd-avatar--sm .gmd-avatar__badge{width:8px;height:8px;border-width:1.5px}.gmd-avatar--lg .gmd-avatar__badge{width:12px;height:12px;border-width:2.5px}.gmd-avatar--xl .gmd-avatar__badge{width:16px;height:16px;border-width:3px}.gmd-avatar__badge--success{background:var(--color-success)}.gmd-avatar__badge--warning{background:var(--color-warning)}.gmd-avatar__badge--error{background:var(--color-error)}.gmd-avatar__badge--primary{background:var(--color-primary)}.gmd-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.gmd-spinner-container--fullscreen{position:fixed;inset:0;background:var(--color-white);backdrop-filter:blur(4px);z-index:var(--z-index-modal)}.gmd-spinner{display:inline-block;animation:spin 1s linear infinite}.gmd-spinner--sm{width:var(--spacing-xl);height:var(--spacing-xl)}.gmd-spinner--md{width:var(--spacing-xxxl);height:var(--spacing-xxxl)}.gmd-spinner--lg{width:var(--spacing-massive);height:var(--spacing-massive)}.gmd-spinner--xl{width:64px;height:64px}.gmd-spinner__svg{width:100%;height:100%}.gmd-spinner__circle{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.gmd-spinner--primary .gmd-spinner__circle{stroke:var(--color-primary)}.gmd-spinner--secondary .gmd-spinner__circle{stroke:var(--color-secondary)}.gmd-spinner--white .gmd-spinner__circle{stroke:var(--color-white)}.gmd-spinner__text{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.gmd-skeleton{background:linear-gradient(90deg,var(--color-background-secondary, #f0f0f0) 0%,var(--color-border-light, #e8e8e8) 50%,var(--color-background-secondary, #f0f0f0) 100%);background-size:200% 100%;animation:gmd-skeleton-shimmer 1.2s ease-in-out infinite;min-height:1rem}[data-theme=dark] .gmd-skeleton,:root.dark .gmd-skeleton{background:linear-gradient(90deg,var(--background-secondary) 0%,var(--background-tertiary) 50%,var(--background-secondary) 100%);background-size:200% 100%}@keyframes gmd-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-skeleton{padding:0}.dashboard-skeleton__breadcrumb{margin-bottom:var(--spacing-xs)}.dashboard-skeleton__header{margin-bottom:var(--spacing-xl)}.dashboard-skeleton__title{margin-bottom:var(--spacing-sm)}.dashboard-skeleton__subtitle{display:block}.dashboard-skeleton__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:1200px){.dashboard-skeleton__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-skeleton__grid{grid-template-columns:1fr}}.dashboard-skeleton__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-skeleton__card .gmd-skeleton:first-child{align-self:flex-start}.gmd-toast-container{position:fixed;z-index:var(--z-index-tooltip, 5000);pointer-events:none;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.gmd-toast-container--top-right{top:var(--spacing-lg);right:var(--spacing-lg);align-items:flex-end}.gmd-toast-container--top-left{top:var(--spacing-lg);left:var(--spacing-lg);align-items:flex-start}.gmd-toast-container--bottom-right{bottom:var(--spacing-lg);right:var(--spacing-lg);align-items:flex-end}.gmd-toast-container--bottom-left{bottom:var(--spacing-lg);left:var(--spacing-lg);align-items:flex-start}.gmd-toast-container--top-center{top:var(--spacing-lg);left:50%;transform:translate(-50%);align-items:center}.gmd-toast-container--bottom-center{bottom:var(--spacing-lg);left:50%;transform:translate(-50%);align-items:center}.gmd-toast{display:flex;align-items:center;gap:var(--spacing-md);min-width:300px;max-width:500px;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);pointer-events:auto;animation:slideIn .3s ease-out;border-left:4px solid}.gmd-toast--exiting{animation:slideOut .3s ease-in forwards}.gmd-toast--success{border-left-color:var(--color-success);background:var(--color-success-light)}.gmd-toast--error{border-left-color:var(--color-error);background:var(--color-error-light)}.gmd-toast--warning{border-left-color:var(--color-warning);background:var(--color-warning-light)}.gmd-toast--info{border-left-color:var(--color-info);background:var(--color-info-light)}.gmd-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.gmd-toast--success .gmd-toast__icon{color:var(--color-success-dark)}.gmd-toast--error .gmd-toast__icon{color:var(--color-error-dark)}.gmd-toast--warning .gmd-toast__icon{color:var(--color-warning-dark)}.gmd-toast--info .gmd-toast__icon{color:var(--color-info-dark)}.gmd-toast__content{flex:1;min-width:0}.gmd-toast__message{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.5;word-wrap:break-word}.gmd-toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.gmd-toast__close:hover{background:var(--color-background);color:var(--color-text-primary)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.gmd-toast-container--top-left .gmd-toast,.gmd-toast-container--bottom-left .gmd-toast{animation-name:slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.gmd-toast-container--top-center .gmd-toast,.gmd-toast-container--bottom-center .gmd-toast{animation-name:slideInDown}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media(max-width:768px){.gmd-toast-container{padding:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm);max-width:100%}.gmd-toast-container--top-right,.gmd-toast-container--top-left,.gmd-toast-container--bottom-right,.gmd-toast-container--bottom-left{left:var(--spacing-sm);right:var(--spacing-sm);transform:none}.gmd-toast{min-width:auto;max-width:100%;width:100%}}.gmd-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-massive);gap:var(--spacing-lg)}.gmd-empty-state__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-round);background:var(--color-background);color:var(--color-text-tertiary);font-size:32px}.gmd-empty-state__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.gmd-empty-state__description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;margin:0;line-height:1.6}.gmd-empty-state__action{margin-top:var(--spacing-md)}@media(max-width:640px){.gmd-empty-state{padding:var(--spacing-xxxl)}.gmd-empty-state__icon{width:64px;height:64px;font-size:24px}.gmd-empty-state__title{font-size:var(--font-size-xl)}.gmd-empty-state__description{font-size:var(--font-size-sm)}}.gmd-modal-overlay{position:fixed;inset:0;background:var(--color-overlay-dark);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl);z-index:var(--z-modal, 1050);animation:fadeIn .2s ease-out;overscroll-behavior:contain;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gmd-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xxl);max-height:90vh;max-width:100%;width:100%;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;overscroll-behavior:contain;min-height:0;height:auto;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gmd-modal--sm{width:100%;max-width:400px}.gmd-modal--md{width:100%;max-width:600px}.gmd-modal--lg{width:100%;max-width:800px}.gmd-modal--xl{width:100%;max-width:1000px}.gmd-modal--full{width:100%;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}.gmd-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xxl);border-bottom:1px solid var(--color-border-light);flex-shrink:0;position:relative;z-index:10;background:var(--color-surface)}.gmd-modal__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;flex:1}.gmd-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.gmd-modal__close:hover{background:var(--color-background);color:var(--color-text-primary)}.gmd-modal__body{padding:var(--spacing-xxl);overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 0%;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;z-index:1;margin-top:0}.gmd-modal__body::-webkit-scrollbar{width:6px}.gmd-modal__body::-webkit-scrollbar-track{background:transparent}.gmd-modal__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base)}.gmd-modal__body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.gmd-modal__footer{padding:var(--spacing-lg) var(--spacing-xxl);border-top:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0;position:relative;z-index:10;background:var(--color-surface)}@media(max-width:640px){.gmd-modal-overlay{padding:var(--spacing-lg)}.gmd-modal{max-height:calc(100vh - 32px)}.gmd-modal--sm,.gmd-modal--md,.gmd-modal--lg,.gmd-modal--xl{width:100%;max-width:100%}.gmd-modal__header{padding:var(--spacing-lg)}.gmd-modal__title{font-size:var(--font-size-xl)}.gmd-modal__body{padding:var(--spacing-lg)}.gmd-modal__footer{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column-reverse}.gmd-modal__footer>*{width:100%}}.gmd-stat-card{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:var(--spacing-md);transition:all var(--transition-base);border:1px solid var(--color-border-light)}.gmd-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.gmd-stat-card-clickable{cursor:pointer}.gmd-stat-card-clickable:active{transform:translateY(0)}.gmd-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gmd-stat-icon-primary{background:var(--color-primary);color:var(--color-white)}.gmd-stat-icon-success{background:var(--color-success);color:var(--color-white)}.gmd-stat-icon-warning{background:var(--color-warning);color:var(--color-white)}.gmd-stat-icon-info{background:var(--color-info);color:var(--color-white)}.gmd-stat-icon-error{background:var(--color-error);color:var(--color-white)}.gmd-stat-content{flex:1;min-width:0}.gmd-stat-value{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xxs) 0;line-height:1.1}.gmd-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-medium)}.gmd-stat-trend{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs)}.gmd-stat-trend-icon{display:flex;align-items:center}.gmd-stat-trend-positive{background:var(--color-success-bg);color:var(--color-success-dark)}.gmd-stat-trend-negative{background:var(--color-error-bg);color:var(--color-error-dark)}.gmd-stat-trend-neutral{background:var(--color-background);color:var(--color-text-secondary)}@media(max-width:768px){.gmd-stat-card{padding:var(--spacing-lg)}.gmd-stat-icon{width:40px;height:40px}.gmd-stat-value{font-size:var(--font-size-xxl)}}@media(max-width:480px){.gmd-stat-card{padding:var(--spacing-md)}}.gmd-stats-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.gmd-stats-grid-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gmd-stats-grid-2{grid-template-columns:repeat(2,1fr)}.gmd-stats-grid-3{grid-template-columns:repeat(3,1fr)}.gmd-stats-grid-4{grid-template-columns:repeat(4,1fr)}.gmd-stats-grid-5{grid-template-columns:repeat(5,1fr)}@media(max-width:1024px){.gmd-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.gmd-stats-grid-4,.gmd-stats-grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gmd-stats-grid,.gmd-stats-grid-2,.gmd-stats-grid-3,.gmd-stats-grid-4,.gmd-stats-grid-5{grid-template-columns:1fr}}.gmd-page-header{margin-bottom:var(--spacing-xs)}.gmd-page-breadcrumb{margin-bottom:var(--spacing-sm)}.gmd-page-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.gmd-page-header-text{flex:1;min-width:0}.gmd-page-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.2}.gmd-page-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.gmd-page-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}@media(max-width:768px){.gmd-page-header-content{flex-direction:column;align-items:flex-start}.gmd-page-actions{width:100%}.gmd-page-title{font-size:var(--font-size-xl)}}.gmd-status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.gmd-status-badge.status-active{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success)}.gmd-status-badge.status-inactive{background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error)}.gmd-status-badge.status-pending{background:var(--color-warning-bg);color:var(--color-warning-dark)}.gmd-status-badge.status-suspended{background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error)}.gmd-status-badge.status-completed{background:var(--color-success-bg);color:var(--color-success-dark)}.gmd-status-badge.status-cancelled{background:var(--color-background-tertiary);color:var(--color-text-secondary)}.gmd-status-badge.badge-subscription.status-active{background:var(--gradient-success);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-success)}.gmd-status-badge.badge-subscription.status-expired{background:var(--gradient-error);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-error)}.gmd-status-badge.badge-subscription.status-trial{background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-info)}.gmd-status-badge.badge-subscription.status-cancelled{background:var(--gradient-gray);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-gray)}.gmd-status-badge.badge-subscription.status-pending{background:var(--gradient-yellow);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-yellow)}.gmd-status-badge.badge-subscription.status-suspended{background:var(--gradient-orange);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-orange)}.gmd-status-badge.badge-subscription.status-free{background:var(--gradient-gray);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-gray)}.gmd-status-badge.badge-subscription.status-basic{background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-info)}.gmd-status-badge.badge-subscription.status-premium{background:var(--gradient-purple);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-purple)}.gmd-status-badge.badge-subscription.status-pro{background:var(--gradient-yellow);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-yellow)}.gmd-status-badge.badge-payment.status-completed{background:var(--gradient-success);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-success)}.gmd-status-badge.badge-payment.status-pending{background:var(--gradient-yellow);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-yellow)}.gmd-status-badge.badge-payment.status-partial{background:var(--gradient-warning-alt);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-warning)}.gmd-status-badge.badge-payment.status-failed{background:var(--gradient-error);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-error)}.gmd-status-badge.badge-payment.status-refunded{background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-info)}.gmd-status-badge.badge-payment.status-cancelled{background:var(--gradient-gray);color:var(--color-text-on-primary);border:none;box-shadow:var(--shadow-gray)}.gmd-status-badge.badge-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.gmd-status-badge.badge-lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.gmd-search-filters{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);margin-bottom:var(--spacing-lg)}.gmd-search-filters>*{margin-bottom:var(--spacing-md)}.gmd-search-filters>*:last-child{margin-bottom:0}.gmd-search-input-wrapper{width:100%}.gmd-filters-actions-wrapper{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;justify-content:space-between}.gmd-filters-wrapper{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.gmd-actions-wrapper{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.gmd-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-base);min-width:150px;cursor:pointer;transition:border-color .2s}.gmd-select:hover{border-color:var(--color-primary)}.gmd-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}@media(max-width:768px){.gmd-filters-actions-wrapper{flex-direction:column;align-items:stretch}.gmd-filters-wrapper,.gmd-actions-wrapper{width:100%;justify-content:stretch}.gmd-select{flex:1;min-width:unset}}.gmd-action-buttons{display:flex;gap:var(--spacing-xs);align-items:center}.gmd-action-buttons>*{flex-shrink:0}.welcome-section{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--gradient-primary-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);color:var(--color-white);box-shadow:var(--shadow-md)}.welcome-content{flex:1}.welcome-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0;color:var(--color-white)}.welcome-subtitle{font-size:var(--font-size-base);margin:0;opacity:.95}.welcome-illustration{flex-shrink:0}.welcome-logo-box{width:calc(var(--spacing-massive) * 2.5);height:calc(var(--spacing-massive) * 2.5);background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.welcome-logo-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.welcome-logo-box img{width:100%;height:100%;object-fit:contain}@media(max-width:768px){.welcome-section{flex-direction:column;text-align:center}.welcome-title{font-size:var(--font-size-xxl)}.welcome-logo-box{width:calc(var(--spacing-massive) * 1.67);height:calc(var(--spacing-massive) * 1.67)}}.quick-actions{margin-bottom:var(--spacing-xl)}.quick-actions-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}.quick-action-card{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.quick-action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.quick-action-card.primary:hover{border-color:var(--color-primary)}.quick-action-card.success:hover{border-color:var(--color-success)}.quick-action-card.warning:hover{border-color:var(--color-warning)}.quick-action-card.info:hover{border-color:var(--color-info)}.quick-action-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-card.primary .quick-action-icon{background:#2563eb1a;color:var(--color-primary)}.quick-action-card.success .quick-action-icon{background:var(--color-success-bg);color:var(--color-success)}.quick-action-card.warning .quick-action-icon{background:var(--color-warning-bg);color:var(--color-warning)}.quick-action-card.info .quick-action-icon{background:var(--color-info-bg);color:var(--color-info)}.quick-action-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}@media(max-width:768px){.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.activity-list{margin-bottom:var(--spacing-xl)}.activity-list-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.activity-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow:hidden}.activity-items{padding:var(--spacing-md)}.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-light)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;margin-top:6px;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-xxs) 0;line-height:1.5}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.activity-empty{padding:var(--spacing-xl);text-align:center}.activity-empty p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.insight-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.insight-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.insight-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.insight-view-all{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:color var(--transition-base);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.insight-view-all:hover{color:var(--color-primary-dark);background:var(--color-primary-alpha)}.insight-content{padding:var(--spacing-lg)}.insight-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.insight-empty svg{color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.insight-empty p{margin:0;font-size:var(--font-size-sm)}@media(max-width:768px){.insight-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.insight-view-all{align-self:flex-end}}.growth-alert{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid;background:var(--color-surface);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.growth-alert:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.growth-alert-success{border-color:var(--color-success);background:var(--color-success-bg)}.growth-alert-warning{border-color:var(--color-warning);background:var(--color-warning-bg)}.growth-alert-info{border-color:var(--color-info);background:var(--color-info-bg)}.growth-alert-error{border-color:var(--color-error);background:var(--color-error-bg)}.growth-alert-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.growth-alert-success .growth-alert-icon{background:var(--color-success);color:var(--color-white)}.growth-alert-warning .growth-alert-icon{background:var(--color-warning);color:var(--color-white)}.growth-alert-info .growth-alert-icon{background:var(--color-info);color:var(--color-white)}.growth-alert-error .growth-alert-icon{background:var(--color-error);color:var(--color-white)}.growth-alert-content{flex:1;min-width:0}.growth-alert-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.growth-alert-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.growth-alert{padding:var(--spacing-md)}.growth-alert-icon{width:32px;height:32px}}.table-container{width:100%;overflow-x:auto;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.common-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.common-table thead{background:var(--color-background);border-bottom:2px solid var(--color-border)}.common-table thead th{padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;white-space:nowrap}.common-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-base)}.common-table tbody tr:last-child{border-bottom:none}.common-table tbody td{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-secondary)}.table-striped tbody tr:nth-child(2n){background:var(--color-background)}.table-hoverable tbody tr:hover{background:var(--color-hover)}.table-row-clickable{cursor:pointer}.table-bordered{border:1px solid var(--color-border)}.table-bordered th,.table-bordered td{border:1px solid var(--color-border-light)}.table-compact thead th,.table-compact tbody td{padding:var(--spacing-sm) var(--spacing-md)}.table-loading{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}@media(max-width:768px){.common-table{font-size:var(--font-size-xs)}.common-table thead th,.common-table tbody td{padding:var(--spacing-sm) var(--spacing-md)}}.breadcrumb{margin-bottom:0;padding:0 0 var(--spacing-xs) 0}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;font-size:var(--font-size-sm);line-height:1.5}.breadcrumb-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.breadcrumb-link:hover{color:var(--color-primary);background-color:var(--color-bg-secondary)}.breadcrumb-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.breadcrumb-link svg{width:16px;height:16px;flex-shrink:0}.breadcrumb-item.active{font-weight:var(--font-weight-medium)}.breadcrumb-current{color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm)}.breadcrumb-separator{display:flex;align-items:center;color:var(--color-text-tertiary);user-select:none}.breadcrumb-separator svg{width:14px;height:14px}@media(max-width:768px){.breadcrumb{margin-bottom:var(--spacing-md);padding:var(--spacing-xs) 0}.breadcrumb-list{gap:4px}.breadcrumb-item{font-size:var(--font-size-xs)}.breadcrumb-link,.breadcrumb-current{padding:var(--spacing-xs)}.breadcrumb-item:not(:first-child):not(:last-child):not(.breadcrumb-separator){display:none}.breadcrumb-separator:not(:first-of-type):not(:last-of-type){display:none}}@media(prefers-reduced-motion:reduce){.breadcrumb-link{transition:none}}@media(prefers-contrast:high){.breadcrumb-link{border:1px solid transparent}.breadcrumb-link:hover,.breadcrumb-link:focus-visible{border-color:currentColor}}.responsive-table-wrapper{width:100%;position:relative}.responsive-table-desktop{display:block;width:100%;overflow-x:auto}.responsive-table{width:100%;border-collapse:collapse;background:var(--color-white)}.responsive-table thead{background:var(--color-background-secondary);border-bottom:2px solid var(--color-border)}.responsive-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.responsive-table tbody tr{border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.responsive-table tbody tr:hover{background:var(--color-background-secondary)}.responsive-table tbody tr.clickable{cursor:pointer}.responsive-table tbody tr.clickable:hover{background:var(--color-primary-light)}.responsive-table td{padding:var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-primary);vertical-align:middle}.responsive-table-mobile{display:none}.responsive-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.responsive-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.responsive-card.clickable{cursor:pointer}.responsive-card.clickable:hover{border-color:var(--color-primary)}.responsive-card-header{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.responsive-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.responsive-card-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;gap:var(--spacing-md)}.responsive-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:100px}.responsive-card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;flex:1;word-break:break-word}.responsive-card-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.responsive-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-lg)}.responsive-table-loading .spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.responsive-table-loading p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.responsive-table-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl);background:var(--color-background-secondary);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.responsive-table-empty p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media(max-width:1024px){.responsive-table{font-size:var(--font-size-sm)}.responsive-table th,.responsive-table td{padding:var(--spacing-md)}}@media(max-width:768px){.responsive-table-desktop{display:none}.responsive-table-mobile{display:block}.responsive-card-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xxs)}.responsive-card-label{min-width:auto}.responsive-card-value{text-align:left}.responsive-card-actions{flex-direction:column}.responsive-card-actions>*{width:100%}}@media(max-width:480px){.responsive-card{padding:var(--spacing-md)}.responsive-card-header{font-size:var(--font-size-base)}.responsive-card-label,.responsive-card-value{font-size:var(--font-size-xs)}}.tabs-container{border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg)}.tabs-list{display:flex;gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-tertiary);border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;bottom:-2px;border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-button:hover{color:var(--color-text-primary);background:var(--color-primary-light)}.tab-button-active{color:var(--color-primary)!important;background:var(--color-primary-light)!important;border-bottom-color:var(--color-primary)!important;font-weight:var(--font-weight-bold)!important}.tab-icon{display:flex;align-items:center;justify-content:center}.tab-label{display:inline-block}@media(max-width:768px){.tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.tab-label{display:none}.tab-button-active .tab-label{display:inline-block}}.patient-selector{position:relative;width:100%}.patient-selector-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:56px}.patient-selector-trigger:hover:not(.disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow-primary)}.patient-selector-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow-primary)}.patient-selector-trigger.disabled{background:var(--color-background-secondary);cursor:not-allowed;opacity:.6}.patient-selector-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow-primary)}.selected-patient{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.patient-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.patient-info{flex:1;min-width:0}.patient-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patient-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.placeholder{color:var(--text-tertiary);font-size:var(--font-size-base)}.dropdown-icon{color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.dropdown-icon.rotate{transform:rotate(90deg)}.patient-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:1000;max-height:400px;display:flex;flex-direction:column;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--color-background-secondary)}.search-icon{color:var(--text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:var(--font-size-base);color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.clear-search{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.clear-search:hover{background:var(--color-background-hover);color:var(--text-primary)}.patient-list{overflow-y:auto;max-height:300px}.patient-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border-color)}.patient-option:last-child{border-bottom:none}.patient-option:hover,.patient-option.highlighted{background:var(--color-background-hover)}.patient-option.selected{background:var(--color-primary-light)}.patient-avatar-small{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);flex-shrink:0}.patient-details{flex:1;min-width:0}.patient-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:4px}.check-icon{color:var(--color-primary);flex-shrink:0}.patient-meta-row{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px}.meta-item svg{color:var(--text-tertiary)}.meta-divider{color:var(--border-color)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary)}.empty-icon{color:var(--text-tertiary);margin-bottom:var(--spacing-md);opacity:.5}.empty-state p{margin:0;font-size:var(--font-size-base)}.empty-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.dropdown-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);background:var(--color-background-secondary);text-align:center}.result-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}@media(max-width:768px){.patient-selector-dropdown{max-height:350px}.patient-list{max-height:250px}.patient-meta-row{flex-direction:column;align-items:flex-start;gap:2px}.meta-divider{display:none}}.patient-list::-webkit-scrollbar{width:8px}.patient-list::-webkit-scrollbar-track{background:var(--color-background-secondary)}.patient-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.patient-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.toggle-wrapper{position:relative;display:inline-block;cursor:pointer;user-select:none}.toggle-wrapper.disabled{cursor:not-allowed;opacity:.6}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;display:block;background-color:var(--color-bg-tertiary, #e0e0e0);border-radius:34px;transition:background-color .3s ease}.toggle-slider:before{content:"";position:absolute;background-color:#fff;border-radius:50%;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0003}.toggle-wrapper.medium .toggle-slider{width:44px;height:24px}.toggle-wrapper.medium .toggle-slider:before{width:20px;height:20px;top:2px;left:2px}.toggle-wrapper.medium.checked .toggle-slider:before{transform:translate(20px)}.toggle-wrapper.small .toggle-slider{width:36px;height:20px}.toggle-wrapper.small .toggle-slider:before{width:16px;height:16px;top:2px;left:2px}.toggle-wrapper.small.checked .toggle-slider:before{transform:translate(16px)}.toggle-wrapper.large .toggle-slider{width:52px;height:28px}.toggle-wrapper.large .toggle-slider:before{width:24px;height:24px;top:2px;left:2px}.toggle-wrapper.large.checked .toggle-slider:before{transform:translate(24px)}.toggle-wrapper.checked .toggle-slider{background-color:var(--color-success, #10b981)}.toggle-wrapper:not(.disabled):hover .toggle-slider{box-shadow:0 0 0 4px #10b9811a}.toggle-wrapper.checked:not(.disabled):hover .toggle-slider{box-shadow:0 0 0 4px #10b98133}.toggle-wrapper.disabled .toggle-slider{background-color:var(--color-bg-tertiary, #e0e0e0);cursor:not-allowed}.toggle-wrapper.disabled.checked .toggle-slider{background-color:var(--color-success-light, #a7f3d0)}.toggle-input:focus-visible+.toggle-slider{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.image-crop-modal{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.crop-container{position:relative;width:100%;height:400px;background:var(--background-secondary);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border-light)}.crop-controls{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.control-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.control-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.control-label svg{color:var(--color-primary)}.slider-container{display:flex;align-items:center;gap:var(--spacing-md)}.slider-value{min-width:50px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);color:var(--text-secondary);text-align:right}.slider{flex:1;height:6px;border-radius:3px;background:var(--background-tertiary);outline:none;-webkit-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);border:2px solid var(--background-primary);box-shadow:0 2px 4px #0000001a}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #00000026}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);border:2px solid var(--background-primary);box-shadow:0 2px 4px #0000001a}.slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #00000026}.quick-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.quick-btn:hover{background:var(--background-tertiary);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.quick-btn svg{color:currentColor}.crop-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--text-secondary)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}:root.dark .crop-container,[data-theme=dark] .crop-container{background:#1a1a1a;border-color:#333}:root.dark .crop-controls,[data-theme=dark] .crop-controls{background:#1a1a1a;border-color:#333}:root.dark .slider,[data-theme=dark] .slider{background:#2a2a2a}:root.dark .quick-btn,[data-theme=dark] .quick-btn{background:#1a1a1a;border-color:#333;color:#e0e0e0}:root.dark .quick-btn:hover,[data-theme=dark] .quick-btn:hover{background:#2a2a2a;border-color:var(--color-primary)}:root.dark .btn-secondary,[data-theme=dark] .btn-secondary{background:#1a1a1a;border-color:#333;color:#e0e0e0}:root.dark .btn-secondary:hover:not(:disabled),[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#2a2a2a;border-color:#555}@media(max-width:768px){.crop-container{height:300px}.quick-actions{flex-direction:column}.crop-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.not-accessible-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem;background:var(--background-color, #ffffff)}.not-accessible-content{max-width:600px;text-align:center;padding:3rem;background:var(--card-bg, #ffffff);border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid var(--border-color, #e5e7eb)}.not-accessible-icon-large{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;box-shadow:0 8px 24px #667eea4d}.not-accessible-title{font-size:2rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 1rem}.not-accessible-description{font-size:1.125rem;color:var(--text-secondary, #6b7280);margin:0 0 2rem;line-height:1.6}.not-accessible-info{background:var(--info-bg, #f3f4f6);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left}.info-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.95rem;color:var(--text-secondary, #4b5563);line-height:1.5}.info-item:last-child{margin-bottom:0}.info-icon{font-size:1.25rem;flex-shrink:0}.not-accessible-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-back,.btn-home{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-back{background:var(--secondary-bg, #f3f4f6);color:var(--text-primary, #1f2937);border:1px solid var(--border-color, #d1d5db)}.btn-back:hover{background:var(--secondary-bg-hover, #e5e7eb);transform:translateY(-1px)}.btn-home{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-home:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.not-accessible-compact{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--warning-bg, #fef3c7);border:1px solid var(--warning-border, #fbbf24);border-radius:8px;color:var(--warning-text, #92400e);font-size:.875rem;font-weight:600}.not-accessible-icon{font-size:1rem}.not-accessible-text{font-weight:600}:root[data-theme=dark] .not-accessible-container{background:var(--background-color, #111827)}:root[data-theme=dark] .not-accessible-content{background:var(--card-bg, #1f2937);border-color:var(--border-color, #374151)}:root[data-theme=dark] .not-accessible-title{color:var(--text-primary, #f9fafb)}:root[data-theme=dark] .not-accessible-description{color:var(--text-secondary, #d1d5db)}:root[data-theme=dark] .not-accessible-info{background:var(--info-bg, #374151)}:root[data-theme=dark] .info-item{color:var(--text-secondary, #9ca3af)}:root[data-theme=dark] .btn-back{background:var(--secondary-bg, #374151);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #4b5563)}:root[data-theme=dark] .btn-back:hover{background:var(--secondary-bg-hover, #4b5563)}:root[data-theme=dark] .not-accessible-compact{background:var(--warning-bg, #78350f);border-color:var(--warning-border, #b45309);color:var(--warning-text, #fbbf24)}@media(max-width:640px){.not-accessible-content{padding:2rem 1.5rem}.not-accessible-title{font-size:1.5rem}.not-accessible-description{font-size:1rem}.not-accessible-actions{flex-direction:column}.btn-back,.btn-home{width:100%}}