@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Cinzel:wght@400;500;600;700&display=swap";.galaxy-notification{position:relative;min-width:320px;max-width:480px;padding:var(--spacing-4);border-radius:var(--radius-xl);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid transparent;box-shadow:0 8px 32px #0006;transition:all var(--transition-base)}.galaxy-notification-stars{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 40%,white,transparent),radial-gradient(1px 1px at 33% 60%,white,transparent),radial-gradient(1px 1px at 55% 80%,white,transparent);background-size:200% 200%;background-position:0% 0%;opacity:.6;animation:galaxy-stars-twinkle 20s linear infinite;pointer-events:none}.galaxy-notification-nebula{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(217,70,239,.15) 0%,rgba(168,85,247,.1) 30%,transparent 70%);animation:galaxy-nebula-rotate 15s linear infinite;pointer-events:none}.galaxy-notification-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(217,70,239,.3) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.3) 0%,transparent 50%);background-size:100% 100%;opacity:.4;animation:galaxy-particles-float 10s ease-in-out infinite;pointer-events:none}.galaxy-notification-success{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d;box-shadow:0 8px 32px #0006,0 0 20px #22c55e33}.galaxy-notification-success .galaxy-notification-nebula{background:radial-gradient(circle at center,rgba(34,197,94,.2) 0%,rgba(16,185,129,.1) 30%,transparent 70%)}.galaxy-notification-error{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef44444d;box-shadow:0 8px 32px #0006,0 0 20px #ef444433}.galaxy-notification-error .galaxy-notification-nebula{background:radial-gradient(circle at center,rgba(239,68,68,.2) 0%,rgba(220,38,38,.1) 30%,transparent 70%)}.galaxy-notification-warning{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-color:#f59e0b4d;box-shadow:0 8px 32px #0006,0 0 20px #f59e0b33}.galaxy-notification-warning .galaxy-notification-nebula{background:radial-gradient(circle at center,rgba(245,158,11,.2) 0%,rgba(217,119,6,.1) 30%,transparent 70%)}.galaxy-notification-info{background:linear-gradient(135deg,#d946ef26,#a855f71a);border-color:#d946ef4d;box-shadow:0 8px 32px #0006,0 0 20px #d946ef33}.galaxy-notification-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:var(--spacing-3)}.galaxy-notification-icon{position:relative;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.galaxy-notification-icon-emoji{font-size:24px;line-height:1;position:relative;z-index:2;filter:drop-shadow(0 0 8px currentColor)}.galaxy-notification-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(217,70,239,.4) 0%,transparent 70%);animation:galaxy-icon-pulse 2s ease-in-out infinite}.galaxy-notification-success .galaxy-notification-icon-glow{background:radial-gradient(circle,rgba(34,197,94,.4) 0%,transparent 70%)}.galaxy-notification-error .galaxy-notification-icon-glow{background:radial-gradient(circle,rgba(239,68,68,.4) 0%,transparent 70%)}.galaxy-notification-warning .galaxy-notification-icon-glow{background:radial-gradient(circle,rgba(245,158,11,.4) 0%,transparent 70%)}.galaxy-notification-text{flex:1;min-width:0}.galaxy-notification-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1);text-shadow:0 0 10px rgba(255,255,255,.3)}.galaxy-notification-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.galaxy-notification-message p{margin:0}.galaxy-notification-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:.6}.galaxy-notification-close:hover{opacity:1;background:#ffffff1a;color:var(--text-primary)}@keyframes galaxy-stars-twinkle{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(-10px,-10px)}}@keyframes galaxy-nebula-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes galaxy-particles-float{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(10px,-10px) scale(1.1);opacity:.6}}@keyframes galaxy-icon-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.galaxy-notification-animated{animation:galaxy-notification-enter .4s ease-out}@keyframes galaxy-notification-enter{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:640px){.galaxy-notification{min-width:280px;max-width:calc(100vw - 32px);padding:var(--spacing-3)}.galaxy-notification-icon{width:32px;height:32px}.galaxy-notification-icon-emoji{font-size:20px}}.confirm-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-4);animation:fadeIn .2s ease-out}.confirm-dialog-container{position:relative;width:100%;max-width:480px;background:linear-gradient(135deg,#0d1333f2,#141852f2,#0a0e27f2);border:2px solid rgba(217,70,239,.3);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #00000080,0 0 40px #d946ef33,inset 0 1px #ffffff1a;overflow:hidden;animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-galaxy{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.confirm-dialog-star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}.confirm-dialog-star-1{width:2px;height:2px;top:20%;left:15%;animation-delay:0s}.confirm-dialog-star-2{width:1.5px;height:1.5px;top:60%;right:20%;animation-delay:.5s}.confirm-dialog-star-3{width:2.5px;height:2.5px;top:40%;left:70%;animation-delay:1s}.confirm-dialog-star-4{width:1px;height:1px;bottom:30%;left:30%;animation-delay:1.5s}.confirm-dialog-star-5{width:2px;height:2px;top:10%;right:40%;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.confirm-dialog-content{position:relative;z-index:1;padding:var(--spacing-8)}.confirm-dialog-header{margin-bottom:var(--spacing-6);text-align:center}.confirm-dialog-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--gradient-title-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:.05em}.confirm-dialog-body{margin-bottom:var(--spacing-8);text-align:center}.confirm-dialog-message{font-size:var(--font-size-base);line-height:1.6;color:var(--text-secondary);margin:0}.confirm-dialog-footer{display:flex;gap:var(--spacing-4);justify-content:center}.confirm-dialog-cancel-btn,.confirm-dialog-confirm-btn{min-width:120px;font-weight:var(--font-weight-semibold)}@media(max-width:640px){.confirm-dialog-container{max-width:100%;margin:var(--spacing-4)}.confirm-dialog-content{padding:var(--spacing-6)}.confirm-dialog-title{font-size:var(--font-size-xl)}.confirm-dialog-message{font-size:var(--font-size-sm)}.confirm-dialog-footer{flex-direction:column}.confirm-dialog-cancel-btn,.confirm-dialog-confirm-btn{width:100%}}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu-backdrop-open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:100%;max-width:320px;height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-primary);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow)}.mobile-menu-open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--border-primary)}.mobile-menu-logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none}.mobile-menu-logo-icon{width:32px;height:32px}.mobile-menu-logo-icon svg{width:100%;height:100%}.mobile-menu-logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-menu-close:hover{background:var(--bg-glass);color:var(--text-primary)}.mobile-menu-user{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-glass);border-bottom:1px solid var(--border-primary)}.mobile-menu-user-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);overflow:hidden}.mobile-menu-user-avatar img{width:100%;height:100%;object-fit:cover}.mobile-menu-user-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.mobile-menu-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.mobile-menu-user-balance{font-size:var(--font-size-sm);color:var(--text-gold)}.mobile-menu-nav{flex:1;padding:var(--spacing-4);overflow-y:auto}.mobile-menu-nav-link{display:block;padding:var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.mobile-menu-nav-link:hover{background:var(--bg-glass);color:var(--text-primary)}.mobile-menu-nav-link-active{color:var(--text-accent);background:#d946ef1a}.mobile-menu-footer{padding:var(--spacing-4);border-top:1px solid var(--border-primary)}.mobile-menu-footer-link{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);background:none;border:none;cursor:pointer;text-align:left}.mobile-menu-footer-link:hover{background:var(--bg-glass);color:var(--text-primary)}.mobile-menu-logout:hover{color:var(--color-error-500)}.mobile-menu-auth{display:flex;flex-direction:column;gap:var(--spacing-3)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#0a0e27f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);height:var(--header-height)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--spacing-6)}.header-logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;flex-shrink:0}.header-logo-icon{width:40px;height:40px}.header-logo-icon svg{width:100%;height:100%}.header-logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-wide)}.header-nav{display:none;align-items:center;gap:var(--spacing-1)}@media(min-width:1024px){.header-nav{display:flex}}.header-nav-link{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.header-nav-link:hover{color:var(--text-primary);background:var(--bg-glass)}.header-nav-link-active{color:var(--text-accent)}.header-right{display:flex;align-items:center;gap:var(--spacing-4)}.header-balance{display:none;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}@media(min-width:768px){.header-balance{display:flex}}.header-balance:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow-sm)}.header-balance-icon{font-size:var(--font-size-base)}.header-balance-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-gold)}.header-user-menu{position:relative}.header-user-button{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer}.header-user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:var(--font-weight-semibold);overflow:hidden;border:2px solid transparent;transition:all var(--transition-fast)}.header-user-button:hover .header-user-avatar{border-color:var(--color-primary-400)}.header-user-avatar img{width:100%;height:100%;object-fit:cover}.header-dropdown{position:absolute;top:100%;right:0;min-width:240px;margin-top:var(--spacing-2);padding:var(--spacing-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.header-user-menu:hover .header-dropdown,.header-user-menu:focus-within .header-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header-dropdown-header{padding:var(--spacing-3) var(--spacing-4)}.header-dropdown-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.header-dropdown-email{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-1)}.header-dropdown-divider{height:1px;background:var(--border-primary);margin:var(--spacing-2) 0}.header-dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);background:none;border:none;cursor:pointer;text-align:left}.header-dropdown-item:hover{background:var(--bg-glass);color:var(--text-primary)}.header-dropdown-logout:hover{color:var(--color-error-500)}.header-auth-buttons{display:none;align-items:center;gap:var(--spacing-2)}@media(min-width:640px){.header-auth-buttons{display:flex}}.header-mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-mobile-toggle:hover{background:var(--bg-glass);color:var(--text-primary)}@media(min-width:1024px){.header-mobile-toggle{display:none}}@media(max-width:767px){.header{height:var(--header-height-mobile)}}.footer{position:relative;border-top:1px solid var(--border-primary);padding:var(--spacing-12) 0 var(--spacing-6);overflow:hidden}.footer-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.footer-bg-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center bottom;opacity:.5}.footer-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e27e6,#0a0e27cc,#0a0e27d9)}.footer-container{position:relative;z-index:2}.footer-container{max-width:var(--container-xl)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-4)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;width:fit-content}.footer-logo-icon{width:40px;height:40px}.footer-logo-icon svg{width:100%;height:100%}.footer-logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-wide)}.footer-tagline{font-family:var(--font-family-heading);font-size:var(--font-size-sm);color:var(--text-tertiary);letter-spacing:var(--letter-spacing-wider)}.footer-contact{display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-contact-item{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.footer-contact-item svg{flex-shrink:0;margin-top:2px;color:var(--text-tertiary)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-4)}.footer-links-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.footer-links-list{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;padding:0;margin:0}.footer-links-list a{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-links-list a:hover{color:var(--text-accent)}.footer-social-payment{display:flex;flex-direction:column;gap:var(--spacing-6)}.footer-social{display:flex;align-items:center;gap:var(--spacing-3)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text-secondary);transition:all var(--transition-fast)}.footer-social-link:hover{background:var(--gradient-primary);color:var(--text-primary)}.footer-payment{display:flex;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-xl)}.footer-payment-qr{flex-shrink:0;width:100px;height:100px;background:#fff;border-radius:var(--radius-md);overflow:hidden}.footer-payment-qr img{width:100%;height:100%;object-fit:contain}.footer-payment-info{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:var(--font-size-xs)}.footer-payment-bank{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.footer-payment-detail{display:flex;gap:var(--spacing-2);color:var(--text-tertiary)}.footer-payment-value{color:var(--text-primary)}.footer-bottom{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--border-primary);text-align:center}.footer-disclaimer{font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-relaxed);max-width:900px;margin:0 auto var(--spacing-4)}.footer-copyright{font-size:var(--font-size-sm);color:var(--text-tertiary)}.main-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.main-content{flex:1;display:flex;flex-direction:column}.auth-layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.auth-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.auth-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.8}.auth-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e274d,#0a0e2780,#0a0e27b3)}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:calc(var(--header-height) + var(--spacing-8)) var(--spacing-4) var(--spacing-16)}@media(min-width:768px){.auth-main{padding:calc(var(--header-height) + var(--spacing-12)) var(--spacing-4) var(--spacing-20)}}.auth-container{width:100%;max-width:900px}.auth-page{text-align:center}.auth-page-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--gradient-title-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--spacing-3);filter:drop-shadow(0 0 20px rgba(158,111,236,.5))}@media(min-width:640px){.auth-page-title{font-size:var(--font-size-3xl)}}@media(min-width:768px){.auth-page-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}}.auth-page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--spacing-8)}@media(min-width:768px){.auth-page-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-10)}}.auth-form-wrapper{background:#0a0e2780;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--spacing-6);max-width:900px;margin:0 auto;box-shadow:0 8px 32px #0000004d,0 0 60px #d946ef1a}@media(min-width:640px){.auth-form-wrapper{padding:var(--spacing-8)}}@media(min-width:768px){.auth-form-wrapper{padding:var(--spacing-10)}}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.auth-form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media(min-width:640px){.auth-form-row{grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}}.auth-form-group{display:flex;flex-direction:column;gap:var(--spacing-2);text-align:left}.auth-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.auth-form-label .required{color:var(--color-error-400);margin-left:var(--spacing-1)}.auth-form-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-4);font-size:var(--font-size-base);color:var(--text-primary);min-height:52px;transition:all var(--transition-fast)}@media(min-width:768px){.auth-form-input{padding:var(--spacing-4) var(--spacing-5);min-height:56px}}.auth-form-input::placeholder{color:var(--text-muted)}.auth-form-input:hover{background:#ffffff14;border-color:#ffffff40}.auth-form-input:focus{outline:none;background:#ffffff14;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #d946ef26}.auth-form-input-wrapper{position:relative;display:flex;align-items:center}.auth-form-input-wrapper .auth-form-input{padding-right:calc(var(--spacing-4) + 32px)}.auth-form-password-toggle{position:absolute;right:var(--spacing-3);background:none;border:none;cursor:pointer;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-size-lg);transition:color var(--transition-fast);z-index:1}.auth-form-password-toggle:hover{color:var(--text-primary)}.auth-form-password-toggle:focus{outline:none;color:var(--color-primary-400)}.auth-form-error{padding:var(--spacing-3) var(--spacing-4);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--color-error-400);font-size:var(--font-size-sm);text-align:center}.auth-form-submit{display:flex;justify-content:center;margin-top:var(--spacing-4)}.auth-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-width:200px;padding:var(--spacing-4) var(--spacing-8);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 20px #d946ef4d}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #d946ef66}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-submit-btn svg{width:18px;height:18px}.auth-form-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3)}.auth-checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.auth-checkbox-label input{width:18px;height:18px;accent-color:var(--color-primary-500);cursor:pointer}.auth-forgot-link{font-size:var(--font-size-sm);color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}.auth-forgot-link:hover{color:var(--color-primary-300);text-decoration:underline}.auth-page-footer{text-align:center;margin-top:var(--spacing-8);font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-page-footer a{color:var(--text-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-page-footer a:hover{color:var(--color-primary-300);text-decoration:underline}.auth-success-icon{font-size:4rem;margin-bottom:var(--spacing-4);filter:drop-shadow(0 0 20px rgba(158,111,236,.5))}.auth-hint-text{font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center;margin-bottom:var(--spacing-6)}.auth-resend-btn{background:none;border:none;color:var(--text-accent);text-decoration:underline;font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.auth-resend-btn:hover{color:var(--color-primary-300)}.auth-form-input[type=select],select.auth-form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d1d5db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;background-size:18px 18px;padding-right:var(--spacing-12);cursor:pointer}.auth-form-input option{background:var(--bg-secondary);color:var(--text-primary)}:root{--color-primary-50: #fdf4ff;--color-primary-100: #fae8ff;--color-primary-200: #f5d0fe;--color-primary-300: #f0abfc;--color-primary-400: #e879f9;--color-primary-500: #d946ef;--color-primary-600: #c026d3;--color-primary-700: #a21caf;--color-primary-800: #86198f;--color-primary-900: #701a75;--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-200: #e9d5ff;--color-secondary-300: #d8b4fe;--color-secondary-400: #c084fc;--color-secondary-500: #a855f7;--color-secondary-600: #9333ea;--color-secondary-700: #7e22ce;--color-secondary-800: #6b21a8;--color-secondary-900: #581c87;--color-accent-50: #fffbeb;--color-accent-100: #fef3c7;--color-accent-200: #fde68a;--color-accent-300: #fcd34d;--color-accent-400: #fbbf24;--color-accent-500: #f59e0b;--color-accent-600: #d97706;--color-accent-700: #b45309;--color-accent-800: #92400e;--color-accent-900: #78350f;--color-dark-50: #e8eaf6;--color-dark-100: #c5cae9;--color-dark-200: #9fa8da;--color-dark-300: #7986cb;--color-dark-400: #5c6bc0;--color-dark-500: #3f51b5;--color-dark-600: #3949ab;--color-dark-700: #303f9f;--color-dark-800: #283593;--color-dark-900: #1a237e;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--bg-primary: #0a0e27;--bg-secondary: #0d1333;--bg-tertiary: #141852;--bg-card: rgba(20, 24, 82, .8);--bg-card-hover: rgba(30, 34, 92, .9);--bg-input: rgba(255, 255, 255, .08);--bg-input-focus: rgba(255, 255, 255, .12);--bg-overlay: rgba(10, 14, 39, .9);--bg-glass: rgba(255, 255, 255, .05);--bg-inverse: #ffffff;--gradient-primary: linear-gradient(135deg, #c026d3 0%, #7c3aed 50%, #2563eb 100%);--gradient-secondary: linear-gradient(135deg, #d946ef 0%, #a855f7 100%);--gradient-dark: linear-gradient(180deg, #0a0e27 0%, #141852 50%, #0d1333 100%);--gradient-card: linear-gradient(145deg, rgba(20, 24, 82, .9) 0%, rgba(13, 19, 51, .9) 100%);--gradient-glow: radial-gradient(circle at center, rgba(168, 85, 247, .3) 0%, transparent 70%);--gradient-button: linear-gradient(135deg, #c026d3 0%, #9333ea 100%);--gradient-button-hover: linear-gradient(135deg, #d946ef 0%, #a855f7 100%);--gradient-title-1: linear-gradient( 90deg, #ffffff 0%, #9e6fec 21%, #d5c8ff 46%, #b9b0ff 70%, #1622ac 100% );--gradient-title-2: linear-gradient( 90deg, rgba(255, 255, 255, .3) 0%, #9e6fec 21%, #d5c8ff 46%, #b9b0ff 70%, #1622ac 100% );--gradient-title-3: linear-gradient( 90deg, #e2bbff 0%, #f5e7ff 22%, #ffffff 50%, #dbb1ff 79%, #f7edff 100% );--text-primary: #ffffff;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--text-inverse: #0a0e27;--text-disabled: #4b5563;--text-accent: #d946ef;--text-gold: #fbbf24;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .2);--border-accent: rgba(217, 70, 239, .5);--border-focus: #d946ef;--border-glow: 0 0 20px rgba(217, 70, 239, .3);--font-family-heading: "Cinzel", "Be Vietnam Pro", "Times New Roman", serif;--font-family-sans: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Fira Code", "SF Mono", Monaco, "Andale Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--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, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-glow-sm: 0 0 10px rgba(217, 70, 239, .3);--shadow-glow-md: 0 0 20px rgba(217, 70, 239, .4);--shadow-glow-lg: 0 0 30px rgba(217, 70, 239, .5);--shadow-glow-purple: 0 0 20px rgba(168, 85, 247, .4);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .4);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3), 0 0 40px rgba(217, 70, 239, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--z-max: 9999;--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-xs: 320px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--header-height: 72px;--header-height-mobile: 64px;--input-height: 48px;--input-height-sm: 40px;--input-height-lg: 56px;--button-height: 48px;--button-height-sm: 40px;--button-height-lg: 56px;--card-padding: var(--spacing-6);--card-padding-mobile: var(--spacing-4);--card-radius: var(--radius-2xl)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(248, 250, 252, 1);--bg-input: rgba(0, 0, 0, .05);--bg-input-focus: rgba(0, 0, 0, .08);--bg-overlay: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .7);--bg-inverse: #0a0e27;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--text-disabled: #cbd5e1;--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:var(--line-height-normal, 1.5);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}ul[role=list],ol[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;cursor:pointer}fieldset{border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}#root{isolation:isolate;min-height:100vh}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}[data-theme=dark] ::selection{background-color:var(--color-primary-700);color:var(--color-primary-100)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-400) var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-decoration:none;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #d946ef66}.btn-primary{background:var(--gradient-button);color:var(--text-primary);border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--gradient-button-hover);box-shadow:var(--shadow-glow-sm);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass);border-color:var(--border-accent)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--color-primary-400);border-color:var(--color-primary-400)}.btn-outline:hover:not(:disabled){background:var(--color-primary-500);color:var(--text-primary);border-color:var(--color-primary-500)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);height:var(--button-height-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);height:var(--button-height-lg)}.btn-icon{padding:var(--spacing-2);width:var(--button-height);height:var(--button-height)}.btn-icon.btn-sm{width:var(--button-height-sm);height:var(--button-height-sm)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-label-required:after{content:" *";color:var(--color-error-500)}.form-input{width:100%;height:var(--input-height);padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover:not(:disabled){background-color:var(--bg-input-focus);border-color:var(--border-secondary)}.form-input:focus{outline:none;background-color:var(--bg-input-focus);border-color:var(--border-focus);box-shadow:0 0 0 3px #d946ef33}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input-error{border-color:var(--color-error-500)}.form-input-error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px #ef444433}.form-input-sm{height:var(--input-height-sm);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.form-input-lg{height:var(--input-height-lg);padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}.form-textarea{min-height:120px;height:auto;resize:vertical}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:20px 20px;padding-right:calc(var(--spacing-10) + 8px);cursor:pointer}.form-select::-ms-expand{display:none}.form-helper{font-size:var(--font-size-sm);color:var(--text-tertiary)}.form-error-text{font-size:var(--font-size-sm);color:var(--color-error-500)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--card-radius);padding:var(--card-padding);transition:all var(--transition-base)}.card-hover:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--card-radius);padding:var(--card-padding)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-glow);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.card-glow:hover:before{opacity:1}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:#d946ef33;color:var(--color-primary-300)}.badge-secondary{background:#a855f733;color:var(--color-secondary-300)}.badge-success{background:#22c55e33;color:var(--color-success-500)}.badge-warning{background:#f59e0b33;color:var(--color-warning-500)}.badge-error{background:#ef444433;color:var(--color-error-500)}.badge-info{background:#3b82f633;color:var(--color-info-500)}.badge-gold{background:#fbbf2433;color:var(--color-accent-400)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;z-index:var(--z-modal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--border-primary)}.modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-body{padding:var(--spacing-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--border-primary)}.tabs{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--border-primary)}.tab{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab-active{color:var(--text-accent);border-bottom-color:var(--color-primary-500)}.tab-content{padding:var(--spacing-6) 0}.table-container{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--border-primary)}.table th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg-glass)}.table td{font-size:var(--font-size-sm);color:var(--text-primary)}.table tbody tr:hover{background:var(--bg-glass)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-secondary);color:var(--text-primary);font-weight:var(--font-weight-semibold);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-xl)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-2xl)}.divider{height:1px;background:var(--border-primary);margin:var(--spacing-4) 0}.divider-vertical{width:1px;height:100%;background:var(--border-primary);margin:0 var(--spacing-4)}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;z-index:var(--z-tooltip);opacity:0;visibility:hidden;transition:all var(--transition-fast);margin-bottom:var(--spacing-2)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.progress{width:100%;height:8px;background:var(--bg-input);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.empty-state-description{font-size:var(--font-size-base);color:var(--text-tertiary);max-width:400px}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;margin-top:var(--spacing-2);padding:var(--spacing-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-glass);color:var(--text-primary)}.dropdown-divider{height:1px;background:var(--border-primary);margin:var(--spacing-2) 0}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.checkbox input,.radio input{width:20px;height:20px;accent-color:var(--color-primary-500);cursor:pointer}.checkbox-label,.radio-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-input);border-radius:var(--radius-full);transition:var(--transition-fast)}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-primary);border-radius:var(--radius-full);transition:var(--transition-fast)}.switch input:checked+.switch-slider{background:var(--gradient-primary)}.switch input:checked+.switch-slider:before{transform:translate(24px)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid}.alert-success{background:#22c55e1a;border-color:var(--color-success-500);color:var(--color-success-500)}.alert-warning{background:#f59e0b1a;border-color:var(--color-warning-500);color:var(--color-warning-500)}.alert-error{background:#ef44441a;border-color:var(--color-error-500);color:var(--color-error-500)}.alert-info{background:#3b82f61a;border-color:var(--color-info-500);color:var(--color-info-500)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.breadcrumb-item{color:var(--text-tertiary)}.breadcrumb-item a{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--text-accent)}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-item-active{color:var(--text-primary)}.pagination{display:flex;align-items:center;gap:var(--spacing-1)}.pagination-item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination-item:hover:not(:disabled){background:var(--bg-glass);border-color:var(--border-accent)}.pagination-item-active{background:var(--gradient-primary);border-color:transparent;color:var(--text-primary)}.pagination-item:disabled{opacity:.5;cursor:not-allowed}.accordion{border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-primary)}.accordion-item:last-child{border-bottom:none}.accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.accordion-header:hover{background:var(--bg-glass)}.accordion-icon{transition:transform var(--transition-fast)}.accordion-item.open .accordion-icon{transform:rotate(180deg)}.accordion-content{padding:0 var(--spacing-5) var(--spacing-4);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.gap-0{gap:var(--spacing-0)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-auto{margin-right:auto}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.pt-0{padding-top:var(--spacing-0)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-0{padding-bottom:var(--spacing-0)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.w-full{width:100%}.w-screen{width:100vw}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.h-fit{height:fit-content}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.max-w-xs{max-width:var(--container-xs)}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.font-heading{font-family:var(--font-family-heading)}.font-sans{font-family:var(--font-family-sans)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-gold{color:var(--text-gold)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.text-error{color:var(--color-error-500)}.text-info{color:var(--color-info-500)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{word-wrap:break-word}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-input{background-color:var(--bg-input)}.bg-glass{background-color:var(--bg-glass)}.bg-overlay{background-color:var(--bg-overlay)}.bg-transparent{background-color:transparent}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-gradient-card{background:var(--gradient-card)}.bg-gradient-button{background:var(--gradient-button)}.border{border:1px solid var(--border-primary)}.border-2{border:2px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.border-none{border:none}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-accent{border-color:var(--border-accent)}.border-transparent{border-color:transparent}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-glow-sm{box-shadow:var(--shadow-glow-sm)}.shadow-glow-md{box-shadow:var(--shadow-glow-md)}.shadow-glow-lg{box-shadow:var(--shadow-glow-lg)}.shadow-glow-purple{box-shadow:var(--shadow-glow-purple)}.shadow-card{box-shadow:var(--shadow-card)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.center-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-wait{cursor:wait}.cursor-grab{cursor:grab}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.transition-colors{transition:color,background-color,border-color var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.visible{visibility:visible}.invisible{visibility:hidden}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.z-toast{z-index:var(--z-toast)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media(min-width:640px){.container{max-width:var(--container-sm);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg);padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}@media(min-width:1536px){.container{max-width:var(--container-2xl)}}.sm\:block,.md\:block,.lg\:block{display:none}.sm\:hidden,.md\:hidden,.lg\:hidden{display:block}@media(min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-6{gap:var(--spacing-6)}.md\:gap-8{gap:var(--spacing-8)}.md\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.md\:text-left{text-align:left}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}.md\:text-5xl{font-size:var(--font-size-5xl)}}@media(min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-8{gap:var(--spacing-8)}.lg\:gap-10{gap:var(--spacing-10)}.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.lg\:text-5xl{font-size:var(--font-size-5xl)}.lg\:text-6xl{font-size:var(--font-size-6xl)}}@media(min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:flex{display:flex}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:gap-12{gap:var(--spacing-12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #d946ef4d}50%{box-shadow:0 0 40px #d946ef99}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-glow{animation:glow 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--bg-glass) 50%,var(--bg-input) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #d946ef66}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #d946ef66}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-auto{aspect-ratio:auto}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-center{object-position:center}.list-none{list-style:none}.list-disc{list-style:disc}.list-decimal{list-style:decimal}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-title-1{background:var(--gradient-title-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-title-2{background:var(--gradient-title-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-title-3{background:var(--gradient-title-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--radius-2xl)}.glow-border{border:1px solid var(--border-accent);box-shadow:var(--shadow-glow-sm)}.glow-border:hover{box-shadow:var(--shadow-glow-md)}.mystical-bg{background:var(--gradient-dark);position:relative}.mystical-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-glow);pointer-events:none}