:root{--brand-primary-h:212;--brand-primary-s:72%;--brand-primary-l:48%;--brand-primary:hsl(var(--brand-primary-h), var(--brand-primary-s), var(--brand-primary-l));--brand-success-h:142;--brand-success-s:76%;--brand-success-l:36%;--brand-success:hsl(var(--brand-success-h), var(--brand-success-s), var(--brand-success-l));--brand-warning-h:38;--brand-warning-s:92%;--brand-warning-l:50%;--brand-warning:hsl(var(--brand-warning-h), var(--brand-warning-s), var(--brand-warning-l));--brand-danger-h:350;--brand-danger-s:84%;--brand-danger-l:48%;--brand-danger:hsl(var(--brand-danger-h), var(--brand-danger-s), var(--brand-danger-l));--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--shadow-color:#0f172a0d;--glass-bg:#ffffffbf;--glass-border:#e2e8f0cc;--glass-blur:16px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", var(--font-sans);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.5s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-primary:#090d16;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--border-color:#374151;--shadow-color:#0000004d;--glass-bg:#111827b3;--glass-border:#37415180;--brand-primary-l:54%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25}a{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{filter:brightness(1.1)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}.btn{border-radius:var(--radius-md);font-family:var(--font-display);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-full{white-space:normal;width:100%}@media (width<=768px){.btn{white-space:normal}}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 4px 14px hsl(var(--brand-primary-h),var(--brand-primary-s),var(--brand-primary-l),.3)}.btn-primary:hover{background:hsl(var(--brand-primary-h),var(--brand-primary-s),calc(var(--brand-primary-l) - 5%));box-shadow:0 6px 20px hsl(var(--brand-primary-h),var(--brand-primary-s),var(--brand-primary-l),.4)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 10px 30px var(--shadow-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card,.card-glass{border-radius:var(--radius-lg);padding:24px}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--shadow-color)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.input-field{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);padding:14px 16px}.input-field:focus{border-color:var(--brand-primary);background:var(--bg-secondary);box-shadow:0 0 0 4px hsl(var(--brand-primary-h),var(--brand-primary-s),var(--brand-primary-l),.15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-fade-in{animation:fadeInUp var(--transition-smooth) forwards}.pulse-glow{animation:3s ease-in-out infinite pulse-slow}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex-center{justify-content:center;align-items:center;display:flex}.text-center{text-align:center}.badge{text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:hsl(var(--brand-success-h),var(--brand-success-s),92%);color:var(--brand-success)}.badge-warning{background:hsl(var(--brand-warning-h),var(--brand-warning-s),92%);color:var(--brand-warning)}.badge-danger{background:hsl(var(--brand-danger-h),var(--brand-danger-s),92%);color:var(--brand-danger)}[data-theme=dark] .badge-success{background:hsl(var(--brand-success-h),30%,15%);color:hsl(var(--brand-success-h),var(--brand-success-s),60%)}[data-theme=dark] .badge-warning{background:hsl(var(--brand-warning-h),30%,15%);color:hsl(var(--brand-warning-h),var(--brand-warning-s),60%)}[data-theme=dark] .badge-danger{background:hsl(var(--brand-danger-h),30%,15%);color:hsl(var(--brand-danger-h),var(--brand-danger-s),60%)}.logo-dark-only{display:none!important}.logo-light-only,[data-theme=dark] .logo-dark-only{display:inline-block!important}[data-theme=dark] .logo-light-only{display:none!important}.admin-nav-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;gap:8px;width:100%;margin-bottom:24px;padding:6px;display:flex}@media (width<=768px){.admin-nav-tabs{gap:6px;padding:4px}.nav-tab-item{gap:6px!important;padding:8px 12px!important;font-size:.85rem!important}}.nav-tab-item{border-radius:var(--radius-sm);font-family:var(--font-display);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.nav-tab-item .material-icons{font-size:18px}.nav-tab-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-tab-item.active,.nav-tab-item.router-link-active{color:var(--brand-primary);background:hsla(var(--brand-primary-h),var(--brand-primary-s),var(--brand-primary-l),.08)}.nav-tab-item.btn-logout{cursor:pointer;background:0 0;border:none}.nav-tab-item.btn-logout:hover{color:var(--brand-danger);background:hsla(var(--brand-danger-h),var(--brand-danger-s),var(--brand-danger-l),.08)}.brand-logo-svg[data-v-8b026f79]{width:auto;height:100%;display:block}.fill-dynamic[data-v-8b026f79]{fill:var(--text-primary)}.fill-brand[data-v-8b026f79],.fill-dynamic[data-v-8b026f79]{transition:fill var(--transition-normal)}.fill-brand[data-v-8b026f79]{fill:var(--brand-primary)}.toast-container[data-v-0ec056fe]{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast[data-v-0ec056fe]{pointer-events:auto;background-color:#fff;border-radius:8px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.toast[data-v-0ec056fe]:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.toast-success[data-v-0ec056fe]:before{background-color:#10b981}.toast-error[data-v-0ec056fe]:before{background-color:#ef4444}.toast-warning[data-v-0ec056fe]:before{background-color:#f59e0b}.toast-info[data-v-0ec056fe]:before{background-color:#3b82f6}.toast-icon[data-v-0ec056fe]{justify-content:center;align-items:center;display:flex}.icon[data-v-0ec056fe]{width:24px;height:24px}.toast-success .icon[data-v-0ec056fe]{color:#10b981}.toast-error .icon[data-v-0ec056fe]{color:#ef4444}.toast-warning .icon[data-v-0ec056fe]{color:#f59e0b}.toast-info .icon[data-v-0ec056fe]{color:#3b82f6}.toast-content[data-v-0ec056fe]{flex-grow:1}.toast-message[data-v-0ec056fe]{color:#374151;margin:0;font-size:14px;font-weight:500;line-height:1.4}.toast-close[data-v-0ec056fe]{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close[data-v-0ec056fe]:hover{color:#4b5563;background-color:#f3f4f6}.toast-enter-active[data-v-0ec056fe],.toast-leave-active[data-v-0ec056fe]{transition:all .3s}.toast-enter-from[data-v-0ec056fe]{opacity:0;transform:translate(30px)}.toast-leave-to[data-v-0ec056fe]{opacity:0;transform:scale(.9)}.modal-overlay[data-v-9e4c4f50]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-9e4c4f50]{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#eee);width:100%;max-width:400px;color:var(--text-primary,#333);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.modal-header[data-v-9e4c4f50]{border-bottom:1px solid var(--border-color,#eee);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3[data-v-9e4c4f50]{margin:0;font-size:1.25rem}.btn-close[data-v-9e4c4f50]{color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-close[data-v-9e4c4f50]:hover{color:var(--text-primary,#333)}.modal-body[data-v-9e4c4f50]{padding:24px;font-size:1rem;line-height:1.5}.modal-footer[data-v-9e4c4f50]{background:var(--bg-tertiary,#f8f9fa);border-top:1px solid var(--border-color,#eee);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn[data-v-9e4c4f50]{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s}.btn-secondary[data-v-9e4c4f50]{background:var(--bg-primary,#eef2ff);color:var(--text-primary,#333);border:1px solid var(--border-color,#ccc)}.btn-secondary[data-v-9e4c4f50]:hover{background:var(--border-color,#ddd)}.btn-danger[data-v-9e4c4f50]{color:#fff;background:#ef4444}.btn-danger[data-v-9e4c4f50]:hover{background:#dc2626}.modal-fade-enter-active[data-v-9e4c4f50],.modal-fade-leave-active[data-v-9e4c4f50]{transition:opacity .3s,transform .3s}.modal-fade-enter-from[data-v-9e4c4f50],.modal-fade-leave-to[data-v-9e4c4f50]{opacity:0;transform:scale(.95)}.support-widget[data-v-46f924da]{z-index:1000;background:linear-gradient(135deg,var(--primary,#007aff),#0056b3);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;animation:4s ease-in-out infinite float-46f924da;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #007aff4d}.support-widget[data-v-46f924da]:hover{animation:none;transform:scale(1.1)translateY(-2px);box-shadow:0 6px 16px #007aff66}.support-widget .support-widget-inner[data-v-46f924da]{justify-content:center;align-items:center;display:flex}.support-widget .support-widget-inner .material-icons[data-v-46f924da]{font-size:28px}@keyframes float-46f924da{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.app-layout{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);flex-direction:column;display:flex}.main-header{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px var(--shadow-color);position:sticky;top:0}.header-container{grid-template-columns:auto auto 1fr;align-items:center;gap:32px;height:80px;display:grid}.logo-area{align-items:center;height:44px;text-decoration:none;display:flex}.brand-logo{width:auto;height:44px;filter:drop-shadow(0 2px 8px var(--shadow-color))}.header-center{justify-content:center;align-items:center;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-primary) 30%,var(--brand-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.header-right{justify-content:flex-end;align-items:center;gap:24px;display:flex}.main-nav{gap:16px;display:flex}.nav-link{font-family:var(--font-display);color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast);border-radius:var(--radius-md);white-space:nowrap;padding:8px 14px;font-size:.95rem;font-weight:600}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.icon-link{justify-content:center;align-items:center;padding:8px;display:flex}.icon-link .material-icons{font-size:20px}.support-nav-link{justify-content:center;align-items:center;padding:8px;display:flex}.support-text{display:none}@media (width>=769px){.mobile-only-link{display:none!important}}.active-link{color:var(--brand-primary);background:hsl(var(--brand-primary-h),var(--brand-primary-s),95%)}[data-theme=dark] .active-link{background:hsl(var(--brand-primary-h),30%,15%)}.header-actions{gap:16px}.header-actions,.lang-selector{align-items:center;display:flex}.lang-selector{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);padding:6px 12px 6px 32px;position:relative}.lang-selector:hover{border-color:var(--brand-primary)}.lang-select{cursor:pointer;appearance:none;background:0 0;padding-right:4px;font-size:.85rem;font-weight:600}.select-icon{color:var(--text-secondary);font-size:18px;position:absolute;left:8px}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;width:38px;height:38px;transition:transform var(--transition-fast),border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--brand-primary);transform:scale(1.05)}.content-wrapper{flex-grow:1;padding:40px 0}.main-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);padding:24px 0;font-size:.9rem}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--text-secondary);font-weight:500}.footer-links a:hover{color:var(--brand-primary)}.hamburger-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:38px;height:38px;transition:border-color var(--transition-fast);flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none}.hamburger-btn:hover{border-color:var(--brand-primary)}.hamburger-line{background:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-btn.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.header-container{flex-wrap:wrap;align-items:center;gap:0;height:auto;padding:14px 20px;display:flex}.logo-area{order:1}.brand-logo,.logo-area{height:36px}.header-center{flex:1;order:2;justify-content:center;display:flex}.brand-name{font-size:1.15rem}.hamburger-btn{order:3;display:flex}.header-right{opacity:0;flex-direction:column;order:4;align-items:center;gap:16px;width:100%;max-height:0;padding:0;transition:max-height .35s,opacity .3s,padding .3s;overflow:hidden}.header-right.mobile-open{opacity:1;max-height:400px;padding-top:20px}.main-nav{flex-direction:column;align-items:center;gap:8px;width:100%}.support-nav-link{width:100%;padding:8px 14px}.support-icon{display:none}.support-text{display:block}.header-actions{justify-content:center;width:100%}}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=768px){.footer-container{text-align:center;flex-direction:column}}.balance-badge{background:rgba(var(--brand-primary-rgb),.1);border:1px solid rgba(var(--brand-primary-rgb),.2);color:var(--brand-primary);transition:all var(--transition-fast);cursor:default;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;font-weight:700;display:flex}.balance-badge:hover{background:rgba(var(--brand-primary-rgb),.15);transform:translateY(-1px)}.balance-badge .balance-icon{font-size:18px}.error-page[data-v-e9916482]{background:var(--bg-body,#0a0a0a);text-align:center;flex-direction:column;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.error-page[data-v-e9916482]:after,.error-page[data-v-e9916482]:before{content:"";filter:blur(100px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.error-page[data-v-e9916482]:before{background:#5865f226;width:400px;height:400px;top:-100px;left:-100px}.error-page[data-v-e9916482]:after{background:#5865f21a;width:500px;height:500px;bottom:-150px;right:-100px}.error-card[data-v-e9916482]{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:3rem 2rem;display:flex;position:relative}.brand-container[data-v-e9916482]{width:220px;margin-bottom:2rem}.brand-container[data-v-e9916482] svg{width:100%;height:auto}.error-code[data-v-e9916482]{background:linear-gradient(135deg,var(--brand-primary,#5865f2),#8a99f7);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #5865f233;-webkit-background-clip:text;margin:0;font-size:7rem;font-weight:800;line-height:1}.error-message[data-v-e9916482]{color:var(--text-primary,#fff);margin:1rem 0 .5rem;font-size:1.5rem;font-weight:600}.error-description[data-v-e9916482]{color:var(--text-secondary,#aaa);margin-bottom:2.5rem;font-size:1rem;line-height:1.5}.btn-home[data-v-e9916482]{padding:.85rem 2.5rem;font-size:1.05rem;font-weight:600}.copyright[data-v-e9916482]{color:var(--text-muted,#777);opacity:.6;margin-top:2.5rem;font-size:.85rem}