.layout-container{display:flex;min-height:100vh;background:var(--bg-secondary);overflow-x:hidden;width:100%}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:transform var(--transition-base)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-color)}.sidebar-logo{width:48px;height:48px;object-fit:contain}.sidebar-title{font-size:var(--text-h4);font-weight:var(--font-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:var(--space-3);overflow-y:auto}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-2);margin-bottom:var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-2);padding:12px var(--space-2);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden}.sidebar-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-link.active{color:var(--white);background:var(--primary-gradient);box-shadow:var(--shadow-md)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--white)}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-color)}.main-content{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}.top-bar{background:var(--white);border-bottom:1px solid var(--border-color);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.top-bar-left{display:flex;align-items:center;gap:var(--space-3)}.top-bar-right{display:flex;align-items:center;gap:var(--space-2)}.page-content{flex:1;padding:var(--space-5);max-width:1400px;width:100%;margin:0 auto}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--white);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--bg-secondary)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:calc(var(--z-fixed) - 1)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.user-profile{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.user-profile:hover{background:var(--bg-secondary)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:var(--font-semibold);font-size:var(--text-sm)}.user-info{display:flex;flex-direction:column}.user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.user-role{font-size:var(--text-xs);color:var(--text-tertiary)}.theme-switcher{display:flex;gap:var(--space-1);padding:4px;background:var(--bg-secondary);border-radius:var(--radius-md)}.theme-btn{padding:8px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.theme-btn.active{background:var(--white);color:var(--text-primary);box-shadow:var(--shadow-sm)}.theme-btn:hover:not(.active){color:var(--text-primary)}.notification-badge{position:relative}.notification-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--error);border:2px solid var(--white);border-radius:var(--radius-full)}@media (max-width: 1024px){.page-content{padding:var(--space-4)}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-btn{display:flex}.page-content{padding:var(--space-3)}.top-bar{padding:var(--space-2) var(--space-3)}}@media (max-width: 640px){.sidebar{width:100%;max-width:320px}.page-content{padding:var(--space-2)}}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);background:var(--primary-gradient);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;left:-25%;width:150%;height:150%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,transparent 60%);animation:float 15s ease-in-out infinite}.auth-page:after{content:"";position:absolute;bottom:-50%;right:-25%;width:120%;height:120%;background:radial-gradient(ellipse at center,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(1deg)}66%{transform:translate(-20px,20px) rotate(-1deg)}}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-6);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);position:relative;z-index:1;animation:scaleIn var(--transition-base) var(--ease-out)}.auth-header{text-align:center;margin-bottom:var(--space-5)}.auth-logo-container{width:80px;height:80px;margin:0 auto var(--space-4);animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-header h1{font-size:var(--text-h2);font-weight:var(--font-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.auth-header p{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:0}.input-group{margin-bottom:var(--space-3)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.input-code{font-size:var(--text-h3)!important;text-align:center;letter-spacing:.5em;font-family:SF Mono,Fira Code,monospace;padding:var(--space-3)!important}.auth-card .btn-primary{width:100%;padding:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-top:var(--space-3)}.auth-footer{text-align:center;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.auth-footer a{color:var(--gradient-blue);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.auth-footer a:hover{color:var(--gradient-purple);text-decoration:underline}.auth-copyright{margin-top:auto;padding:var(--space-4) 0;text-align:center;color:#fffc;font-size:var(--text-sm);z-index:10;width:100%}.forgot-password-link{display:block;text-align:right;color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;margin-top:var(--space-1);transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--gradient-blue)}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4);animation:shakeX .4s ease-in-out}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--text-tertiary);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.social-btn:hover{background:var(--bg-secondary);border-color:var(--gray-300)}.social-btn img{width:20px;height:20px}.session-ended-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);text-align:center;background:var(--bg-secondary)}.session-ended-page h1{font-size:var(--text-h2);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.session-ended-page p{color:var(--text-secondary);margin-bottom:var(--space-4)}@media (max-width: 480px){.auth-card{padding:var(--space-4);border-radius:var(--radius-xl)}.auth-header h1{font-size:var(--text-h3)}.auth-logo-container{width:64px;height:64px}}.fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-slide-up{animation:slideUp var(--transition-base) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 375px){.auth-card{padding:var(--space-3);margin:var(--space-2)}.auth-header h1{font-size:1.5rem}.auth-logo-container{width:56px;height:56px}.btn{padding:.75rem 1rem;font-size:.875rem}.input{font-size:16px}}@media (max-height: 600px) and (orientation: landscape){.auth-page{padding:var(--space-2)}.auth-card{max-height:90vh;overflow-y:auto}.auth-logo-container{width:48px;height:48px}.auth-header{margin-bottom:var(--space-2)}}@media (min-width: 481px) and (max-width: 768px){.auth-card{max-width:480px;padding:var(--space-6)}}@media (hover: none) and (pointer: coarse){.btn,.input,.auth-link{min-height:48px}.auth-link{padding:var(--space-2)}}:root{--gradient-turquoise: #4FD1C5;--gradient-blue: #4299E1;--gradient-purple: #9F7AEA;--gradient-pink: #ED64A6;--gradient-orange: #F56565;--primary-gradient: linear-gradient(135deg, #4FD1C5 0%, #4299E1 25%, #9F7AEA 50%, #ED64A6 75%, #F56565 100%);--primary-gradient-subtle: linear-gradient(135deg, rgba(79, 209, 197, .1) 0%, rgba(66, 153, 225, .1) 50%, rgba(159, 122, 234, .1) 100%);--white: #FFFFFF;--black: #000000;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--primary: #4F46E5;--success-light: #F0FDF4;--warning-light: #FEFCE8;--error-light: #FEF2F2;--primary-light: #EEF2FF;--bg-primary: var(--white);--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-card: var(--white);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-400);--border-color: var(--gray-200);--accent-primary: var(--gradient-blue);--bg-success-subtle: #F0FDF4;--bg-warning-subtle: #FEFCE8;--bg-error-subtle: #FEF2F2;--border-success: #16A34A;--border-warning: #EAB308;--border-error: #B91C1C;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--text-hero: 4.5rem;--text-h1: 3rem;--text-h2: 2.25rem;--text-h3: 1.75rem;--text-h4: 1.5rem;--text-lg: 1.1875rem;--text-base: 1.0625rem;--text-sm: .9375rem;--text-xs: .8125rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 4rem;--space-8: 6rem;--space-10: 8rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06), 0 4px 6px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: .15s var(--ease-out);--transition-base: .3s var(--ease-out);--transition-slow: .5s var(--ease-out);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-tertiary: var(--gray-700);--bg-card: var(--gray-800);--text-primary: var(--white);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-500);--border-color: var(--gray-700);--bg-success-subtle: rgba(6, 95, 70, .3);--bg-warning-subtle: rgba(120, 53, 15, .3);--bg-error-subtle: rgba(127, 29, 29, .3);--border-success: #065F46;--border-warning: #78350F;--border-error: #7F1D1D;--success-light: rgba(6, 95, 70, .3);--warning-light: rgba(120, 53, 15, .3);--error-light: rgba(127, 29, 29, .3);--primary-light: rgba(67, 56, 202, .3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;width:100%}body{font-family:var(--font-system);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;width:100%;position:relative}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-2)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}.text-hero{font-size:var(--text-hero);font-weight:var(--font-black);line-height:var(--leading-tight);letter-spacing:-.03em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-lg{font-size:var(--text-lg)}.text-base{font-size:var(--text-base)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--white);color:var(--text-primary);border:2px solid transparent;background-clip:padding-box;position:relative}.btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);padding:2px;background:var(--primary-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.btn-secondary:hover:not(:disabled){background:var(--primary-gradient-subtle);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--gray-300)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:8px 16px;font-size:var(--text-sm)}.btn-lg{padding:16px 32px;font-size:var(--text-lg)}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],textarea,select{width:100%;padding:14px 16px;font-size:var(--text-base);font-family:var(--font-system);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}.input:focus,input:focus,textarea:focus,select:focus{background-color:var(--white);border-color:transparent;box-shadow:0 0 0 3px var(--primary-gradient-subtle),var(--shadow-md)}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary)}textarea{resize:vertical;min-height:100px}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--border-color)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-gradient{position:relative;overflow:hidden}.card-gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-slide-in{animation:slideIn var(--transition-base) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-out)}@media (max-width: 768px){:root{--text-hero: 3rem;--text-h1: 2.25rem;--text-h2: 1.875rem;--text-h3: 1.5rem}.mobile-hidden{display:none!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:var(--primary-gradient-subtle);color:var(--text-primary)}@media (max-width: 768px){button,a,input,select,textarea{min-height:44px}.btn{padding:.875rem 1.5rem;font-size:1rem}.btn-sm{padding:.625rem 1rem;font-size:.875rem}.card{padding:var(--space-4);margin:var(--space-3)}.modal,[style*="position: fixed"]{padding:var(--space-3)!important}.form-row{flex-direction:column!important}.input,.select,.textarea{width:100%!important}table{font-size:.875rem}th,td{padding:var(--space-2) var(--space-3)}.mobile-hide{display:none!important}[style*="display: grid"]{grid-template-columns:1fr!important}.container{padding:var(--space-3)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}body{overflow-x:hidden}.nav-link{padding:var(--space-3) var(--space-4);font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.card{padding:var(--space-5)}.btn{padding:.75rem 1.25rem}}@media (min-width: 1025px){.btn:hover{transform:translateY(-1px)}.card:hover{box-shadow:var(--shadow-lg)}.container{max-width:1400px;margin:0 auto}}.logo{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-bold);letter-spacing:-.02em}.brand-header{background:var(--primary-gradient);color:var(--white)}.brand-accent{border-left:4px solid;border-image:var(--primary-gradient) 1}.btn-brand{background:var(--primary-gradient);color:var(--white);border:none;font-weight:var(--font-semibold);position:relative;overflow:hidden}.btn-brand:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-brand:hover:before{left:100%}.card-brand{border-top:3px solid;border-image:var(--primary-gradient) 1}.badge-brand{background:var(--primary-gradient);color:var(--white);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);display:inline-block}.spinner-brand{border:3px solid var(--gray-200);border-top-color:var(--gradient-turquoise);border-right-color:var(--gradient-blue);border-bottom-color:var(--gradient-purple);border-left-color:var(--gradient-pink);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-brand{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;font-weight:var(--font-medium);position:relative}.link-brand:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width .3s ease}.link-brand:hover:after{width:100%}.divider-brand{height:2px;background:var(--primary-gradient);margin:var(--space-4) 0;border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:600}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}*:focus-visible{outline:2px solid var(--gradient-blue);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-gradient);color:var(--white);padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-md);z-index:100}.skip-link:focus{top:var(--space-2)}@media (prefers-contrast: high){:root{--border-color: var(--gray-400)}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar,.top-bar,.btn,.notification-badge,.modal{display:none!important}body{background:#fff;color:#000}.card{border:1px solid #000;page-break-inside:avoid}a[href]:after{content:" (" attr(href) ")"}}