:root{--color-primary: #d80073;--color-primary-light: #ff4fa3;--color-primary-dark: #b8005f;--color-secondary: #000000;--color-accent: #ffffff;--color-bg: #ffffff;--color-bg-secondary: #f8f8f8;--color-bg-tertiary: #f0f0f0;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-surface: #f8f8f8;--color-surface-hover: #ffdbeb;--color-surface-active: #f0f0f0;--color-surface-disabled: #f5f5f5;--color-surface-card: #ffffff;--color-text-primary: #000000;--color-text-secondary: #555555;--color-text-tertiary: #888888;--color-text-muted: #aaaaaa;--color-text-disabled: #cccccc;--color-text-inverse: #ffffff;--color-text-placeholder: #999999;--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-dark);--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-border-medium: #d0d0d0;--color-border-strong: #b0b0b0;--color-border-focus: var(--color-primary);--color-border-error: #ff4444;--color-border-success: #00aa44;--color-border-warning: #ff8800;--color-hover: #ffdbeb;--color-hover-primary: var(--color-primary-dark);--color-active: #f0f0f0;--color-focus: rgba(216, 0, 115, .1);--color-selected: var(--color-primary);--color-success: #00aa44;--color-success-bg: #f0fff4;--color-success-text: #006622;--color-warning: #ff8800;--color-warning-bg: #fff8f0;--color-warning-text: #cc6600;--color-error: #ff4444;--color-error-bg: #fff0f0;--color-error-text: #cc0000;--color-info: var(--color-primary);--color-info-bg: #fff0f8;--color-info-text: var(--color-primary-dark);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .2);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow-none: none;--shadow-card: 0 4px 12px rgba(0, 0, 0, .1);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .15);--shadow-button: 0 2px 4px rgba(0, 0, 0, .1);--shadow-button-hover: 0 4px 8px rgba(0, 0, 0, .15);--shadow-input: 0 1px 2px rgba(0, 0, 0, .05);--shadow-input-focus: 0 0 0 3px var(--color-focus);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .25);--shadow-dropdown: 0 8px 16px rgba(0, 0, 0, .15);--shadow-tooltip: 0 4px 8px rgba(0, 0, 0, .12);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 50%;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);--gradient-surface: linear-gradient(135deg, var(--color-surface) 0%, var(--color-bg-tertiary) 100%);--gradient-hero: linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-secondary) 50%, var(--color-surface) 100%);--gradient-card: linear-gradient(135deg, var(--color-surface-card) 0%, var(--color-bg-secondary) 100%);--gradient-button: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-button-hover: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55)}[data-theme=dark]{--color-primary: #ff4fa3;--color-primary-light: #ff7bb3;--color-primary-dark: #e6399c;--color-secondary: #ffffff;--color-accent: #000000;--color-bg: #000000;--color-bg-secondary: #121212;--color-bg-tertiary: #1a1a1a;--color-bg-elevated: #1e1e1e;--color-bg-overlay: rgba(0, 0, 0, .8);--color-surface: #121212;--color-surface-hover: #3a0030;--color-surface-active: #1a1a1a;--color-surface-disabled: #0a0a0a;--color-surface-card: #1a1a1a;--color-text-primary: #ffffff;--color-text-secondary: #bbbbbb;--color-text-tertiary: #888888;--color-text-muted: #666666;--color-text-disabled: #444444;--color-text-inverse: #000000;--color-text-placeholder: #777777;--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-light);--color-border: #333333;--color-border-light: #2a2a2a;--color-border-medium: #404040;--color-border-strong: #555555;--color-border-focus: var(--color-primary);--color-border-error: #ff6666;--color-border-success: #44ff88;--color-border-warning: #ffaa44;--color-hover: #3a0030;--color-hover-primary: var(--color-primary-light);--color-active: #1a1a1a;--color-focus: rgba(255, 79, 163, .2);--color-selected: var(--color-primary);--color-success: #44ff88;--color-success-bg: rgba(68, 255, 136, .1);--color-success-text: #44ff88;--color-warning: #ffaa44;--color-warning-bg: rgba(255, 170, 68, .1);--color-warning-text: #ffaa44;--color-error: #ff6666;--color-error-bg: rgba(255, 102, 102, .1);--color-error-text: #ff6666;--color-info: var(--color-primary);--color-info-bg: rgba(255, 79, 163, .1);--color-info-text: var(--color-primary);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .7);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .8);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-card: 0 4px 16px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-button: 0 2px 4px rgba(0, 0, 0, .3);--shadow-button-hover: 0 4px 8px rgba(0, 0, 0, .4);--shadow-input: 0 1px 2px rgba(0, 0, 0, .3);--shadow-input-focus: 0 0 0 3px var(--color-focus);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .8);--shadow-dropdown: 0 8px 16px rgba(0, 0, 0, .6);--shadow-tooltip: 0 4px 8px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);--gradient-surface: linear-gradient(135deg, var(--color-surface) 0%, var(--color-bg-tertiary) 100%);--gradient-hero: linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-secondary) 50%, var(--color-surface) 100%);--gradient-card: linear-gradient(135deg, var(--color-surface-card) 0%, var(--color-bg-secondary) 100%);--gradient-button: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-button-hover: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-lg);background:var(--gradient-button);color:var(--color-text-inverse);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-button);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:var(--gradient-button-hover);opacity:0;transition:opacity var(--transition-fast);border-radius:inherit}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0);box-shadow:var(--shadow-button)}.btn:focus{outline:none;box-shadow:var(--shadow-input-focus)}.btn:disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs)}.btn:disabled:before{display:none}.btn.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn.btn-lg{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn.btn-xl{padding:var(--space-xl) var(--space-2xl);font-size:var(--font-size-xl);border-radius:var(--radius-2xl)}.btn.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn.btn-secondary:before{background:var(--color-hover)}.btn.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-medium)}.btn.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn.btn-outline:before{background:var(--color-primary)}.btn.btn-outline:hover{color:var(--color-text-inverse)}.btn.btn-ghost{background:transparent;color:var(--color-text-primary);border:1px solid transparent;box-shadow:none}.btn.btn-ghost:before{background:var(--color-hover)}.btn.btn-ghost:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.btn.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn.btn-danger:before{background:#c00}.btn.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn.btn-success:before{background:#083}.card{background:var(--gradient-card);border:1px solid var(--color-primary);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-normal);border-radius:inherit;pointer-events:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-light)}.card:hover:before{opacity:1}.card .card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.card .card-header h1,.card .card-header h2,.card .card-header h3,.card .card-header h4,.card .card-header h5,.card .card-header h6{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.card .card-body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.card .card-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.card.card-elevated{box-shadow:var(--shadow-lg);border-radius:var(--radius-3xl)}.card.card-flat{box-shadow:none;border:1px solid var(--color-primary)}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{transform:translateY(-6px)}.card.card-gradient{background:var(--gradient-primary);color:var(--color-text-inverse);border:none}.card.card-gradient .card-header h1,.card.card-gradient .card-header h2,.card.card-gradient .card-header h3,.card.card-gradient .card-header h4,.card.card-gradient .card-header h5,.card.card-gradient .card-header h6{color:var(--color-text-inverse)}.card.card-gradient .card-body{color:#ffffffe6}.input-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.input-group label{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.input-group .input{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);transition:all var(--transition-normal);box-shadow:var(--shadow-input)}.input-group .input::placeholder{color:var(--color-text-placeholder)}.input-group .input:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.input-group .input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-input-focus);background:var(--color-bg)}.input-group .input:disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled);border-color:var(--color-border-light);cursor:not-allowed}.input-group .input.input-error{border-color:var(--color-border-error)}.input-group .input.input-error:focus{box-shadow:0 0 0 3px #ff44441a}.input-group .input.input-success{border-color:var(--color-border-success)}.input-group .input.input-success:focus{box-shadow:0 0 0 3px #00aa441a}.input-group .input.input-warning{border-color:var(--color-border-warning)}.input-group .input.input-warning:focus{box-shadow:0 0 0 3px #ff88001a}.input-group .input-help{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.input-group .input-error-message{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--space-xs)}.navbar{background:var(--color-bg);border-bottom:1px solid var(--color-border-light);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar .navbar-brand h1,.navbar .navbar-brand h2,.navbar .navbar-brand h3,.navbar .navbar-brand h4,.navbar .navbar-brand h5,.navbar .navbar-brand h6{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.navbar .navbar-menu{display:flex;align-items:center;gap:var(--space-md)}.navbar .navbar-menu .nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-text-primary);border:1px solid transparent;border-radius:var(--radius-lg);text-decoration:none;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:pointer}.navbar .navbar-menu .nav-btn:hover{background:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-border);transform:translateY(-1px)}.navbar .navbar-menu .nav-btn:active{transform:translateY(0)}.navbar .navbar-menu .nav-btn:focus{outline:none;box-shadow:var(--shadow-input-focus)}.navbar .user-menu{display:flex;align-items:center;gap:var(--space-md)}.navbar .user-menu .username{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.navbar .user-menu .user-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border);transition:all var(--transition-normal)}.navbar .user-menu .user-avatar:hover{border-color:var(--color-primary);transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-3xl);padding:var(--space-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);position:relative}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.modal .modal-header h1,.modal .modal-header h2,.modal .modal-header h3,.modal .modal-header h4,.modal .modal-header h5,.modal .modal-header h6{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.modal .modal-header .modal-close{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal .modal-header .modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal .modal-header .modal-close:focus{outline:none;box-shadow:var(--shadow-input-focus)}.modal .modal-body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;transition:all var(--transition-fast)}.badge.badge-primary{background:var(--gradient-primary);color:var(--color-text-inverse)}.badge.badge-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.badge.badge-success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-border-success)}.badge.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-border-warning)}.badge.badge-error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-border-error)}.badge.badge-info{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-border-focus)}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-dots{display:inline-flex;gap:var(--space-xs)}.loading-dots .dot{width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);animation:bounce 1.4s ease-in-out infinite both}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}lucide-icon{color:var(--color-primary);transition:color var(--transition-fast)}.icon{color:var(--color-primary);transition:color var(--transition-fast)}.btn:hover lucide-icon,.nav-btn:hover lucide-icon{color:var(--color-text-inverse)}.card:hover lucide-icon{color:var(--color-primary-light)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-bg)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.border-medium{border:1px solid var(--color-border-medium)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.card{padding:var(--space-lg);border-radius:var(--radius-xl)}.btn,.input{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.navbar{padding:var(--space-sm) var(--space-md)}.modal{padding:var(--space-lg);border-radius:var(--radius-xl)}}@media (max-width: 480px){.card{padding:var(--space-md);border-radius:var(--radius-lg)}.btn,.input{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}*{box-sizing:border-box}lucide-icon{color:var(--color-primary)}.icon{color:var(--color-primary)}html{font-family:var(--font-family);font-size:16px;line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);transition:background-color var(--transition-normal),color var(--transition-normal)}.theme-transition{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.theme-transition-fast{transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-text-secondary: #333333;--color-border: #000000;--color-primary: #000000}[data-theme=dark]{--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-border: #ffffff;--color-primary: #ffffff}}:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-moz-selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}.loading-haitian{background:linear-gradient(45deg,var(--color-primary) 25%,transparent 25%,transparent 75%,var(--color-primary-light) 75%);background-size:20px 20px;animation:haitianMove 1s linear infinite;border-radius:var(--radius-lg)}@keyframes kompaPulse{0%,to{box-shadow:0 0 #d80073b3}70%{box-shadow:0 0 0 10px #d8007300}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.navbar{background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border);color:var(--nav-text)}.navbar .navbar-brand h1,.navbar .nav-btn{color:var(--nav-text)}.navbar .nav-btn:hover{color:var(--nav-text-hover);background-color:var(--nav-item-bg-hover)}.navbar .username{color:var(--nav-text)}.profile-container{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.profile-container .profile-info h2{color:var(--color-text-primary)}.profile-container .profile-info p,.profile-container .profile-info span{color:var(--color-text-secondary)}.profile-container .interest-item,.profile-container .activity-item{background-color:var(--color-surface-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.card,.profile-card,.match-card,.suggestion-card{background-color:var(--card-bg);color:var(--card-text);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.card:hover,.profile-card:hover,.match-card:hover,.suggestion-card:hover{box-shadow:var(--card-hover-shadow)}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.profile-card h1,.profile-card h2,.profile-card h3,.profile-card h4,.profile-card h5,.profile-card h6,.match-card h1,.match-card h2,.match-card h3,.match-card h4,.match-card h5,.match-card h6,.suggestion-card h1,.suggestion-card h2,.suggestion-card h3,.suggestion-card h4,.suggestion-card h5,.suggestion-card h6{color:var(--card-text)}.card p,.card span,.card div,.profile-card p,.profile-card span,.profile-card div,.match-card p,.match-card span,.match-card div,.suggestion-card p,.suggestion-card span,.suggestion-card div{color:var(--card-text-secondary)}.discover-sidebar,.sidebar-content{background-color:var(--color-surface-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.discover-sidebar h1,.discover-sidebar h2,.discover-sidebar h3,.discover-sidebar h4,.discover-sidebar h5,.discover-sidebar h6,.sidebar-content h1,.sidebar-content h2,.sidebar-content h3,.sidebar-content h4,.sidebar-content h5,.sidebar-content h6{color:var(--color-text-primary)}.discover-sidebar p,.discover-sidebar span,.discover-sidebar div,.sidebar-content p,.sidebar-content span,.sidebar-content div{color:var(--color-text-secondary)}input,textarea,select{background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--input-placeholder)}input:focus,textarea:focus,select:focus{border-color:var(--input-border-focus);box-shadow:var(--shadow-input-focus)}button{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border)}button:hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text)}button:disabled{background-color:var(--color-interactive-disabled);color:var(--color-text-disabled)}[data-theme=dark] .navbar .navbar-brand h1,[data-theme=dark] .navbar .nav-btn,[data-theme=dark] .navbar .username,[data-theme=dark] .profile-container *,[data-theme=dark] .profile-info h2,[data-theme=dark] .profile-info p,[data-theme=dark] .profile-info span,[data-theme=dark] .card h1,[data-theme=dark] .card h2,[data-theme=dark] .card h3,[data-theme=dark] .card h4,[data-theme=dark] .card h5,[data-theme=dark] .card h6,[data-theme=dark] .card p,[data-theme=dark] .card span,[data-theme=dark] .card div,[data-theme=dark] .profile-card h1,[data-theme=dark] .profile-card h2,[data-theme=dark] .profile-card h3,[data-theme=dark] .profile-card h4,[data-theme=dark] .profile-card h5,[data-theme=dark] .profile-card h6,[data-theme=dark] .profile-card p,[data-theme=dark] .profile-card span,[data-theme=dark] .profile-card div,[data-theme=dark] .match-card h1,[data-theme=dark] .match-card h2,[data-theme=dark] .match-card h3,[data-theme=dark] .match-card h4,[data-theme=dark] .match-card h5,[data-theme=dark] .match-card h6,[data-theme=dark] .match-card p,[data-theme=dark] .match-card span,[data-theme=dark] .match-card div,[data-theme=dark] .suggestion-card h1,[data-theme=dark] .suggestion-card h2,[data-theme=dark] .suggestion-card h3,[data-theme=dark] .suggestion-card h4,[data-theme=dark] .suggestion-card h5,[data-theme=dark] .suggestion-card h6,[data-theme=dark] .suggestion-card p,[data-theme=dark] .suggestion-card span,[data-theme=dark] .suggestion-card div,[data-theme=dark] .discover-sidebar h1,[data-theme=dark] .discover-sidebar h2,[data-theme=dark] .discover-sidebar h3,[data-theme=dark] .discover-sidebar h4,[data-theme=dark] .discover-sidebar h5,[data-theme=dark] .discover-sidebar h6,[data-theme=dark] .discover-sidebar p,[data-theme=dark] .discover-sidebar span,[data-theme=dark] .discover-sidebar div,[data-theme=dark] .sidebar-content h1,[data-theme=dark] .sidebar-content h2,[data-theme=dark] .sidebar-content h3,[data-theme=dark] .sidebar-content h4,[data-theme=dark] .sidebar-content h5,[data-theme=dark] .sidebar-content h6,[data-theme=dark] .sidebar-content p,[data-theme=dark] .sidebar-content span,[data-theme=dark] .sidebar-content div{color:var(--color-text-primary)!important}.loading-haitian{background:linear-gradient(45deg,var(--brand-primary) 25%,transparent 25%,transparent 75%,var(--brand-accent) 75%);background-size:20px 20px;animation:haitianMove 1s linear infinite}@keyframes haitianMove{0%{background-position:0 0}to{background-position:20px 20px}}.kompa-pulse{animation:kompaPulse 2s ease-in-out infinite}@keyframes kompaPulse{0%,to{box-shadow:0 0 #0047abb3}70%{box-shadow:0 0 0 10px #0047ab00}}.text-haitian-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){body{font-size:var(--font-size-sm)}}@media (max-width: 480px){body{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-border-primary: #000000}[data-theme=dark]{--color-text-primary: #ffffff;--color-border-primary: #ffffff}}