@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary-color:#818cf8;--primary-hover:#6366f1;--primary-light:#6366f126;--primary-dark:#4f46e5;--primary-glow:#6366f159;--secondary-color:#a78bfa;--secondary-hover:#8b5cf6;--secondary-light:#8b5cf626;--background-color:#060b18;--background-gradient:linear-gradient(135deg, #060b18 0%, #0d1425 50%, #0a0f1e 100%);--surface-color:#ffffff0a;--surface-elevated:#ffffff12;--surface-solid:#0f172a;--surface-hover:#ffffff14;--text-main:#f1f5f9;--text-muted:#64748b;--text-subtle:#94a3b8;--border-color:#ffffff14;--border-bright:#ffffff26;--border-solid:#ffffff1f;--border-glow:#6366f166;--success-color:#34d399;--success-light:#34d3991f;--warning-color:#fbbf24;--warning-light:#fbbf241f;--danger-color:#f87171;--danger-light:#f871711f;--info-color:#60a5fa;--info-light:#60a5fa1f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 8px 24px #0006, 0 2px 8px #0003;--shadow-lg:0 20px 40px #00000080, 0 8px 16px #0000004d;--shadow-glow:0 0 20px #6366f14d, 0 0 40px #6366f11a;--shadow-glow-sm:0 0 12px #6366f140;--backdrop-blur:blur(20px);--sidebar-width:280px}body[data-role=client]{--primary-color:#34d399;--primary-hover:#10b981;--primary-light:#34d39926;--primary-dark:#059669;--primary-glow:#34d39959;--secondary-color:#2dd4bf;--secondary-hover:#14b8a6;--secondary-light:#2dd4bf26;--border-glow:#34d39966;--shadow-glow:0 0 20px #34d3994d, 0 0 40px #34d3991a;--shadow-glow-sm:0 0 12px #34d39940}body[data-role=admin]{--primary-color:#94a3b8;--primary-hover:#64748b;--primary-light:#94a3b826;--primary-dark:#475569;--primary-glow:#94a3b840;--secondary-color:#f87171;--secondary-hover:#ef4444;--secondary-light:#f8717126;--border-glow:#94a3b84d;--shadow-glow:0 0 20px #94a3b833;--shadow-glow-sm:0 0 12px #94a3b826}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 20%,#6366f10f 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf60a 0%,#0000 50%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none;transition:all .2s}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1)}input,textarea,select{font-family:Inter,sans-serif;font-size:1rem;transition:all .2s}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.layout-container{z-index:1;min-height:100vh;display:flex;position:relative}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;transition:margin .3s;display:flex}.page-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:36px 40px;animation:.4s ease-out forwards fadeIn}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 12px 40px #0006, var(--shadow-glow-sm);transform:translateY(-2px)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.h-full{height:100%}.text-center{text-align:center}.mt-8{margin-top:32px}.mb-8{margin-bottom:32px}.text-xs{font-size:.75rem}.font-mono{font-family:JetBrains Mono,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--glow-primary)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(24px);z-index:100;background:#060b18d9;border-right:1px solid #ffffff12;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 32px #0006}.sidebar:after{content:"";background:linear-gradient(to bottom, transparent, var(--primary-glow) 30%, var(--primary-glow) 70%, transparent);opacity:.5;width:1px;position:absolute;top:10%;bottom:10%;right:0}.sidebar-logo{justify-content:center;align-items:center;padding:4px 12px 32px;text-decoration:none;display:flex}.sidebar-logo-image{object-fit:contain;border-radius:var(--radius-sm);width:auto;max-width:100%;height:85px;transform:scale(1.2)}.sidebar-role-badge{background:var(--primary-light);border:1px solid var(--border-glow);border-radius:var(--radius-md);color:var(--primary-color);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0 12px 24px;padding:8px 14px;font-size:.8rem;font-weight:600;display:flex}.sidebar-role-badge-dot{background:var(--primary-color);width:6px;height:6px;box-shadow:0 0 8px var(--primary-color);border-radius:50%;animation:2s infinite pulse-glow}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:12px 12px 6px;font-size:.7rem;font-weight:600}.sidebar-link{border-radius:var(--radius-md);color:var(--text-subtle);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-main)}.sidebar-link.active{background:var(--primary-light);color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--border-glow);font-weight:600}.sidebar-link.active:before{content:"";background:linear-gradient(to bottom, var(--primary-color), var(--secondary-color));width:3px;box-shadow:0 0 8px var(--primary-color);border-radius:0 3px 3px 0;position:absolute;top:20%;bottom:20%;left:0}.sidebar-link-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.sidebar-link:hover .sidebar-link-icon,.sidebar-link.active .sidebar-link-icon{background:var(--primary-light);color:var(--primary-color)}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:4px;padding-top:16px;display:flex}.sidebar-user-info{align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sidebar-link.logout-link{color:var(--danger-color)}.sidebar-link.logout-link:hover{background:var(--danger-light);color:var(--danger-color)}.header{-webkit-backdrop-filter:blur(20px);z-index:50;background:#060b18cc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 24px #0000004d}.header-search{border-radius:var(--radius-full);border:1px solid var(--border-color);background:#ffffff0d;align-items:center;gap:10px;width:320px;padding:9px 18px;transition:all .3s;display:flex}.header-search:focus-within{border-color:var(--border-glow);box-shadow:0 0 0 3px var(--primary-light);background:#ffffff14}.search-icon{color:var(--text-muted);flex-shrink:0;transition:color .3s}.header-search:focus-within .search-icon{color:var(--primary-color)}.search-input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:.875rem}.search-input::placeholder{color:var(--text-muted)}.header-actions{align-items:center;gap:12px;display:flex}.header-credits-badge{border-radius:var(--radius-full);color:var(--warning-color);cursor:default;-webkit-user-select:none;user-select:none;background:#fbbf241a;border:1px solid #fbbf2440;align-items:center;gap:7px;padding:7px 16px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 0 16px #fbbf241a}.icon-btn{color:var(--text-subtle);border-radius:var(--radius-full);border:1px solid var(--border-color);background:#ffffff0d;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background:var(--primary-light);border-color:var(--border-glow);color:var(--primary-color);box-shadow:var(--shadow-glow-sm)}.notification-dot{background:var(--danger-color);width:8px;height:8px;box-shadow:0 0 8px var(--danger-color);border:2px solid #060b18e6;border-radius:50%;position:absolute;top:7px;right:7px}.notification-badge{background:var(--danger-color);min-width:18px;height:18px;box-shadow:0 0 8px var(--danger-color);color:#fff;border:2px solid #060b18e6;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;animation:2s infinite pulse-dot;display:flex;position:absolute;top:3px;right:3px}.notifications{position:relative}.notifications-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-bright);border-radius:var(--radius-lg);width:360px;max-height:480px;box-shadow:var(--shadow-lg);z-index:200;background:#0d1425f7;animation:.2s ease-out forwards fadeIn;position:absolute;top:calc(100% + 12px);right:0;overflow:auto}.notifications-title{color:var(--text-main);border-bottom:1px solid var(--border-color);background:#ffffff08;padding:14px 20px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.notifications-list{flex-direction:column;display:flex}.notification-item{color:var(--text-subtle);border-bottom:1px solid var(--border-color);cursor:pointer;padding:12px 20px;font-size:.875rem;line-height:1.5;transition:background .2s}.notification-item.unread{border-left:3px solid var(--primary-color);background:#6366f112}.notification-item:hover{background:var(--surface-hover);color:var(--text-main)}.notification-item:last-child{border-bottom:none}.notif-title{color:var(--text-main);margin:0 0 3px;font-size:.85rem;font-weight:600}.notif-message{color:var(--text-muted);margin:0 0 4px;font-size:.78rem;line-height:1.4}.notif-time{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.notifications-empty{text-align:center;color:var(--text-muted);padding:32px 20px;font-size:.875rem}.user-profile{cursor:pointer;border-radius:var(--radius-full);border:1px solid var(--border-color);background:#ffffff0a;align-items:center;gap:10px;padding:5px 14px 5px 5px;transition:all .2s;display:flex}.user-profile:hover{background:var(--surface-hover);border-color:var(--border-glow)}.avatar{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-main);font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600}.user-role{color:var(--primary-color);text-transform:capitalize;font-size:.75rem;font-weight:500}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;box-shadow:var(--shadow-glow-sm);border:1px solid #0000}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text-subtle);border:1px solid var(--border-color);background:#ffffff0d}.btn-outline:hover:not(:disabled){border-color:var(--border-glow);color:var(--primary-color);background:var(--primary-light);box-shadow:var(--shadow-glow-sm)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-bright);background:#ffffff14}.btn-secondary:hover:not(:disabled){background:#ffffff1f}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480;box-shadow:0 0 10px #ef444433}:root{--bg:#0b1326;--surface:#0b1326;--surface-low:#131b2e;--surface-container:#171f33;--surface-high:#222a3d;--surface-highest:#2d3449;--primary:#8ed5ff;--primary-container:#38bdf8;--on-primary:#00354a;--on-primary-container:#004965;--secondary:#4edea3;--secondary-container:#00a572;--tertiary:#c7c8ff;--on-surface:#dae2fd;--on-surface-var:#bdc8d1;--outline:#87929a;--outline-var:#3e484f;--border-glass:#ffffff14;--border-glass-top:#ffffff24;--glow-primary:#38bdf840;--glow-secondary:#4edea333;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px}.landing-container *{box-sizing:border-box}.landing-container{background-color:var(--bg);color:var(--on-surface);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.landing-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 2px 2px,#38bdf80e 1px,#0000 0);background-size:32px 32px;position:fixed;inset:0}.text-gradient{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hidden{display:none!important}@media (width>=768px){.md\:flex{display:flex!important}}.ml-2{margin-left:.5rem}.mt-6{margin-top:1.5rem}.glass-card{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-glass-top);border-left:1px solid var(--border-glass);background:#0f172abf;border-bottom:1px solid #ffffff08;border-right:1px solid #ffffff08}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:#0f172acc}.shadow-glow{box-shadow:0 0 24px var(--glow-primary)}.light-leak{pointer-events:none;background:radial-gradient(circle,#38bdf81f 0%,#0000 70%)}.landing-nav{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.1rem 5%;transition:all .35s;display:flex;position:fixed;top:0}.landing-nav.nav-scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);background:#0b1326d9;padding:.85rem 5%;box-shadow:0 4px 24px #0000004d}.landing-logo{letter-spacing:-.03em;color:var(--primary);align-items:center;gap:.5rem;font-family:Geist,sans-serif;font-size:1.35rem;font-weight:700;display:flex}.landing-logo .logo-icon{color:var(--primary)}.landing-nav-links{gap:2.5rem;display:flex}.landing-nav-links a{letter-spacing:.04em;color:var(--on-surface-var);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;transition:color .2s}.landing-nav-links a:hover{color:var(--primary)}.landing-nav-actions{align-items:center;gap:.75rem;display:flex}.btn-login{box-shadow:none!important;color:var(--on-surface-var)!important;letter-spacing:.04em!important;border-radius:var(--radius-sm)!important;background:0 0!important;border:none!important;padding:.5rem 1rem!important;font-family:JetBrains Mono,monospace!important;font-size:.8rem!important;font-weight:500!important;transition:color .2s,background .2s!important}.btn-login:hover{color:var(--primary)!important;background:#8ed5ff0f!important}.btn-signup{background:var(--primary-container)!important;color:var(--on-primary-container)!important;letter-spacing:.04em!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;border:none!important;padding:.5rem 1.25rem!important;font-family:JetBrains Mono,monospace!important;font-size:.8rem!important;font-weight:500!important;transition:transform .2s,box-shadow .2s!important}.btn-signup:hover{box-shadow:0 0 16px var(--glow-primary)!important;transform:scale(.96)!important}.hero-section{text-align:center;z-index:1;justify-content:center;align-items:center;min-height:92vh;padding:10rem 5% 7rem;display:flex;position:relative;overflow:hidden}.background-glow-1{filter:blur(90px);z-index:0;opacity:.55;background:#38bdf82e;border-radius:50%;width:700px;height:700px;animation:12s ease-in-out infinite alternate float-slow;position:absolute;top:-150px;right:-150px}.background-glow-2{filter:blur(80px);z-index:0;opacity:.35;background:#4edea326;border-radius:50%;width:500px;height:500px;animation:16s ease-in-out infinite alternate-reverse float-slow;position:absolute;bottom:-80px;left:-80px}@keyframes float-slow{0%{transform:translateY(0)scale(1)}to{transform:translateY(30px)scale(1.05)}}.hero-content{z-index:2;max-width:960px;margin:0 auto;position:relative}.badge-pill{border-radius:var(--radius-full);letter-spacing:.08em;color:var(--secondary);background:#8ed5ff14;border:1px solid #8ed5ff33;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem 1rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;animation:.6s ease-out fadeIn;display:inline-flex}.badge-dot{background:var(--secondary);width:7px;height:7px;box-shadow:0 0 8px var(--secondary);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{letter-spacing:-.025em;color:var(--on-surface);text-shadow:0 0 40px #8ed5ff33;margin-bottom:1.5rem;font-family:Geist,sans-serif;font-size:clamp(2.75rem,5.5vw,4.5rem);font-weight:700;line-height:1.08;animation:.8s ease-out .2s both fadeIn}.hero-subtitle{color:var(--on-surface-var);max-width:680px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.65;animation:.8s ease-out .4s both fadeIn}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;animation:.8s ease-out .6s both fadeIn;display:flex}.cta-btn{letter-spacing:.04em!important;border-radius:var(--radius-md)!important;align-items:center!important;gap:.4rem!important;padding:.9rem 2rem!important;font-family:JetBrains Mono,monospace!important;font-size:.85rem!important;display:inline-flex!important}.cta-btn.shadow-glow{background:var(--primary-container)!important;color:var(--on-primary-container)!important;border:none!important;transition:box-shadow .3s,transform .2s!important}.cta-btn.shadow-glow:hover{transform:translateY(-2px)!important;box-shadow:0 0 24px #38bdf873!important}.glass-btn{color:var(--primary)!important;background:#8ed5ff0f!important;border:1px solid #8ed5ff4d!important;transition:background .2s,border-color .2s!important}.glass-btn:hover{background:#8ed5ff1f!important;border-color:#8ed5ff80!important}.hero-stats{justify-content:center;align-items:center;gap:3.5rem;margin-top:5rem;animation:.8s ease-out .8s both fadeIn;display:flex}.stat-item h4{color:var(--on-surface);letter-spacing:-.02em;font-family:Geist,sans-serif;font-size:1.9rem;font-weight:700}.stat-item p{letter-spacing:.06em;color:var(--on-surface-var);margin-top:.2rem;font-family:JetBrains Mono,monospace;font-size:.72rem}.stat-divider{background:var(--border-glass);width:1px;height:40px}.section-header{text-align:center;max-width:700px;margin-bottom:4rem;margin-left:auto;margin-right:auto}.section-title{letter-spacing:-.02em;color:var(--on-surface);margin-bottom:.85rem;font-family:Geist,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:600}.section-subtitle{color:var(--on-surface-var);font-size:1rem;line-height:1.65}.features-section{z-index:1;padding:6rem 5%;position:relative}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-glass-top);border-left:1px solid var(--border-glass);background:#0f172abf;border-bottom:1px solid #ffffff08;border-right:1px solid #ffffff08;padding:2rem;transition:transform .3s,box-shadow .3s}.glass-panel-hover:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0006,0 0 0 1px #8ed5ff1a}.icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;display:flex}.bg-indigo-100{background:#8ed5ff1a}.text-indigo-600{color:var(--primary)}.bg-emerald-100{background:#4edea31a}.text-emerald-600{color:var(--secondary)}.bg-blue-100{background:#38bdf81a}.text-blue-600{color:var(--primary-container)}.bg-rose-100{background:#c7c8ff1a}.text-rose-600{color:var(--tertiary)}.feature-card h3{letter-spacing:-.01em;color:var(--on-surface);margin-bottom:.75rem;font-family:Geist,sans-serif;font-size:1.15rem;font-weight:600}.feature-card p{color:var(--on-surface-var);font-size:.95rem;line-height:1.65}.how-it-works{z-index:1;background:#131b2e80;padding:6rem 5%;position:relative}.steps-container{justify-content:space-between;align-items:flex-start;gap:1rem;max-width:1100px;margin:0 auto;display:flex;position:relative}.step-item{text-align:center;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-glass-top);border-left:1px solid var(--border-glass);border-radius:var(--radius-lg);background:#0f172abf;border-bottom:1px solid #ffffff08;border-right:1px solid #ffffff08;flex:1;padding:2.5rem 1.75rem;transition:transform .3s,box-shadow .3s;position:relative}.step-item:hover{transform:translateY(-4px);box-shadow:0 0 30px #38bdf826}.step-number{background:var(--primary-container);width:56px;height:56px;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-family:Geist,sans-serif;font-size:1.35rem;font-weight:700;display:flex;box-shadow:0 0 0 8px #38bdf81a,0 0 20px #38bdf840}.step-content h3{color:var(--on-surface);margin-bottom:.75rem;font-family:Geist,sans-serif;font-size:1.1rem;font-weight:600}.step-content p{color:var(--on-surface-var);font-size:.9rem;line-height:1.65}.step-line{background:linear-gradient(90deg,#0000,#8ed5ff4d,#0000);flex:0 0 48px;height:1px;margin-top:68px}.pricing-section{z-index:1;padding:8rem 5%;position:relative}.pricing-intro{text-align:center;margin-bottom:4rem}.pricing-icons{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.pricing-icon-wrapper{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pricing-intro h2{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.pricing-intro p{color:#9ca3af;font-size:1rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:900px;margin:0 auto;display:grid}.pricing-card{background:#0d111c;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;padding:3rem 2.5rem;transition:all .3s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.neon-cyan{border-color:#06b6d480;box-shadow:0 0 40px -10px #06b6d426}.pricing-card.neon-magenta{border-color:#d946ef80;box-shadow:0 0 40px -10px #d946ef26}.pricing-card.neon-cyan:hover{box-shadow:0 0 60px -10px #06b6d44d}.pricing-card.neon-magenta:hover{box-shadow:0 0 60px -10px #d946ef4d}.pricing-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:800;position:absolute;top:-12px;right:24px}.neon-cyan .pricing-badge{background:#06b6d4;box-shadow:0 0 10px #06b6d480}.neon-magenta .pricing-badge{background:#d946ef;box-shadow:0 0 10px #d946ef80}.pricing-header{text-align:center;border-bottom:1px solid #ffffff0d;margin-bottom:2rem;padding-bottom:2rem}.pricing-icon{justify-content:center;margin-bottom:1rem;display:flex}.neon-cyan .pricing-icon{color:#06b6d4}.neon-magenta .pricing-icon{color:#d946ef}.pricing-tier{letter-spacing:.05em;margin-bottom:1rem;font-size:1.5rem;font-weight:800}.neon-cyan .pricing-tier{color:#06b6d4}.neon-magenta .pricing-tier{color:#d946ef}.pricing-price-text{color:#fff;font-size:1.1rem;font-weight:700}.pricing-features{flex-direction:column;flex:1;gap:1.2rem;margin-bottom:3rem;display:flex}.feature-item{color:#d1d5db;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.feature-item strong{color:#fff}.neon-cyan .feature-item svg{color:#06b6d4}.neon-magenta .feature-item svg{color:#d946ef}.pricing-btn{cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s}.neon-cyan .pricing-btn{background:#06b6d4;box-shadow:0 4px 15px #06b6d44d}.neon-cyan .pricing-btn:hover{background:#0891b2;box-shadow:0 6px 20px #06b6d480}.neon-magenta .pricing-btn{background:#d946ef;box-shadow:0 4px 15px #d946ef4d}.neon-magenta .pricing-btn:hover{background:#c026d3;box-shadow:0 6px 20px #d946ef80}.testimonials-section{z-index:1;padding:6rem 5%;position:relative}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.25rem;max-width:1000px;margin:0 auto;display:grid}.testimonial-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-glass-top);border-left:1px solid var(--border-glass);background:#0f172abf;border-bottom:1px solid #ffffff08;border-right:1px solid #ffffff08;padding:2.25rem;transition:transform .3s,box-shadow .3s}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 0 24px #4edea31f}.stars{color:#f59e0b;gap:4px;margin-bottom:1rem;display:flex}.quote{color:var(--on-surface);margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.7}.author{align-items:center;gap:1rem;display:flex}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Geist,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.author strong{color:var(--on-surface);font-family:Geist,sans-serif;font-size:.95rem;display:block}.author span{color:var(--on-surface-var);font-size:.8rem}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-indigo-400{--tw-gradient-from:#818cf8;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to,#818cf800)}.to-purple-500{--tw-gradient-to:#a855f7}.from-emerald-400{--tw-gradient-from:#34d399;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to,#34d39900)}.to-teal-500{--tw-gradient-to:#14b8a6}.cta-section{z-index:1;padding:4rem 5% 8rem;position:relative}.cta-box{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:#0f172acc;border:1px solid #8ed5ff33;max-width:900px;margin:0 auto;padding:4rem 3rem;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf814 0%,#0000 65%);position:absolute;inset:0}.cta-box h2{letter-spacing:-.025em;color:var(--on-surface);margin-bottom:1rem;font-family:Geist,sans-serif;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;position:relative}.cta-box p{color:var(--on-surface-var);max-width:520px;margin:0 auto;font-size:1rem;line-height:1.65;position:relative}.cta-box .mt-6{position:relative}.landing-footer{border-top:1px solid var(--border-glass);z-index:1;background:#060e20cc;padding:2.5rem 5%;position:relative}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}.footer-brand{letter-spacing:-.02em;color:var(--primary);justify-content:center;align-items:center;gap:.5rem;font-family:Geist,sans-serif;font-size:1.2rem;font-weight:700;display:flex}.footer-brand .text-primary-color{color:var(--primary)}.auth-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#060e20b3;justify-content:center;align-items:center;padding:1rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.auth-modal-card{-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--border-glass-top);border-left:1px solid var(--border-glass);border-radius:var(--radius-lg);background:#0f172a;border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a;width:100%;max-width:460px;max-height:92vh;padding:2rem;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 30px 60px #0009,0 0 0 1px #8ed5ff0a}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.close-modal-btn{border:1px solid var(--border-glass);width:34px;height:34px;color:var(--on-surface-var);cursor:pointer;z-index:10;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.close-modal-btn:hover{color:#ffb4ab;background:#ff64641f;transform:rotate(90deg)}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-icon-wrapper{border-radius:var(--radius-md);width:64px;height:64px;color:var(--primary);background:#38bdf81a;border:1px solid #38bdf833;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex;box-shadow:0 0 20px #38bdf826}.auth-header h2{letter-spacing:-.02em;color:var(--on-surface);margin-bottom:.4rem;font-family:Geist,sans-serif;font-size:1.6rem;font-weight:600}.auth-header p{color:var(--on-surface-var);font-size:.95rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.input-group{text-align:left;flex-direction:column;gap:.4rem;display:flex}.input-group label{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-var);margin-left:2px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--outline);pointer-events:none;transition:color .2s;position:absolute;left:.9rem}.input-wrapper:focus-within .input-icon{color:var(--primary)}.input-wrapper input{border-radius:var(--radius-md);width:100%;color:var(--on-surface);background:#ffffff08;border:1px solid #ffffff26;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-wrapper input::placeholder{color:var(--outline)}.input-wrapper input:focus{background:#0b1326e6;border-color:#8ed5ff66;box-shadow:0 0 0 3px #8ed5ff1f}.auth-submit-btn{width:100%;margin-top:.5rem;letter-spacing:.04em!important;border-radius:var(--radius-md)!important;background:linear-gradient(135deg, var(--primary-container), #00668a)!important;color:var(--on-primary-container)!important;border:none!important;padding:.85rem 1rem!important;font-family:JetBrains Mono,monospace!important;font-size:.85rem!important;transition:box-shadow .3s,transform .2s!important;box-shadow:0 0 20px #38bdf833!important}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 0 30px #38bdf866!important}.auth-submit-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.bg-emerald-500{background:linear-gradient(135deg, var(--secondary-container), #005236)!important}.role-selector{text-align:left}.role-label{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-var);margin-bottom:.5rem;margin-left:2px;font-family:JetBrains Mono,monospace;font-size:.72rem;display:block}.role-options{gap:.75rem;display:flex}.role-btn{background:var(--surface-low);border-radius:var(--radius-md);color:var(--on-surface-var);cursor:pointer;border:1px solid #ffffff12;flex-direction:column;flex:1;align-items:center;padding:1rem .5rem;transition:all .25s;display:flex}.role-btn span{color:var(--on-surface);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500}.role-btn small{color:var(--on-surface-var);margin-top:.2rem;font-size:.72rem}.role-btn:hover{border-color:var(--outline-var);background:var(--surface-container)}.role-btn.active-freelancer{color:var(--primary);background:#38bdf81a;border-color:#8ed5ff66;box-shadow:0 0 14px #38bdf826}.role-btn.active-client{color:var(--secondary);background:#4edea31a;border-color:#4edea366;box-shadow:0 0 14px #4edea326}.auth-switch-wrapper{text-align:center;margin-top:1.25rem}.auth-switch-btn{color:var(--secondary);cursor:pointer;background:0 0;border:none;margin-left:.35rem;padding:0;font-family:Geist,sans-serif;font-weight:600;transition:opacity .2s}.auth-switch-btn:hover{opacity:.8;text-decoration:underline}.pulse-animation{animation:2.5s infinite pulse-glow}@media (width<=900px){.steps-container{flex-direction:column;align-items:center}.step-line{background:linear-gradient(#0000,#8ed5ff4d,#0000);flex:0 0 40px;width:1px;height:40px;margin:0}.hero-stats{flex-wrap:wrap;gap:1.5rem}.stat-divider{display:none}.step-item{width:100%;max-width:500px}}@media (width<=600px){.hero-title{font-size:2.2rem}.testimonials-grid{grid-template-columns:1fr}.hero-stats{gap:1.25rem}.cta-box{padding:2.5rem 1.5rem}.auth-modal-card{padding:1.5rem}}@media (height<=800px){.auth-modal-card{max-height:96vh;padding:1.25rem}.auth-header{margin-bottom:1rem}.auth-icon-wrapper{width:48px;height:48px;margin-bottom:.75rem}.auth-form{gap:.7rem}.role-btn{padding:.65rem .5rem}}.chat-box-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);z-index:1000;flex-direction:column;width:360px;height:500px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 40px #00000080;background:var(--surface-solid)!important}.chat-header{border-bottom:1px solid var(--border-color);background:var(--surface-solid);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-main);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-messages{background:var(--background-color);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{gap:8px;max-width:85%;display:flex}.chat-message.mine{flex-direction:row-reverse;align-self:flex-end}.chat-message.theirs{align-self:flex-start}.message-content{border-radius:16px;padding:10px 14px;font-size:.95rem;line-height:1.4;position:relative}.chat-message.mine .message-content{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.chat-message.theirs .message-content{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-main);border-bottom-left-radius:4px}.timestamp{opacity:.7;text-align:right;margin-top:4px;font-size:.7rem;display:block}.chat-input-area{border-top:1px solid var(--border-color);background:var(--surface-solid);border-radius:0 0 var(--radius-lg) var(--radius-lg);gap:8px;padding:12px;display:flex}.chat-input{background:var(--surface-color);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-full);outline:none;flex:1;padding:10px 16px;font-size:.95rem}.chat-input:focus{border-color:var(--primary-color)}.chat-send-btn{background:var(--primary-color);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-send-btn:disabled{background:var(--border-color);cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crypto-card{background:var(--surface-color);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.crypto-card:before{content:"";background:linear-gradient(90deg, var(--primary-light), var(--primary-color));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.crypto-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d;transform:translateY(-4px)}.crypto-card:hover:before{opacity:1}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:#f1f5f9;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600}.card-icon{color:var(--primary-color);background:linear-gradient(135deg, var(--primary-light) 0%, #ffffff80 100%);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:inset 0 2px 4px #ffffff80,0 2px 8px #6366f11a}.card-value{color:var(--text-main);background:linear-gradient(135deg, var(--text-main) 0%, var(--primary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700}.dispute-room{margin-top:16px;animation:.3s fadeIn}.dispute-alert{background:var(--danger-light);color:var(--danger-color);border-radius:var(--radius-sm);border:1px solid #ef444433;margin-bottom:16px;padding:12px 16px;font-size:.95rem}.border-danger{border-color:#ef44444d!important}.dispute-textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-solid);resize:vertical;outline:none;width:100%;padding:12px;font-size:.95rem}.dispute-textarea:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);background:#ffffff05;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:#ffffff0a;padding:14px 20px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.data-table td{text-align:left;vertical-align:middle;color:var(--text-subtle);border-bottom:1px solid #ffffff0a;padding:14px 20px;font-size:.875rem;transition:background .2s}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover td{color:var(--text-main);background:#ffffff0a}.file-info{flex-direction:column;gap:2px;display:flex}.file-name{color:var(--text-main);font-size:.9rem;font-weight:600}.file-date{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem}.status-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px}.status-badge.status-draft{color:#94a3b8;background:#64748b26;border:1px solid #64748b40}.status-badge.status-uploaded{color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa40}.status-badge.status-testing{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf244d}.status-badge.status-locked{color:#f87171;background:#f871711f;border:1px solid #f8717140}.status-badge.status-verifying{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c4d}.status-badge.status-paid{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}.status-badge.status-disputed{color:#f87171;background:#f8717126;border:1px solid #f8717159}.client-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.action-btn{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;align-items:center;gap:5px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;box-shadow:var(--shadow-glow-sm);border-color:#0000}.action-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.action-btn-outline{background:var(--primary-light);border-color:var(--border-glow);color:var(--primary-color)}.action-btn-outline:hover:not(:disabled){box-shadow:var(--shadow-glow-sm)}.action-btn-success{color:#34d399;background:#34d3991f;border-color:#34d3994d}.action-btn-success:hover:not(:disabled){background:#34d39933;box-shadow:0 0 12px #34d39933}.action-btn-danger{color:#f87171;background:#f871711a;border-color:#f8717140}.action-btn-danger:hover:not(:disabled){background:#f871712e}.action-btn-warning{color:#fbbf24;background:#fbbf241f;border-color:#fbbf244d}.action-btn-warning:hover:not(:disabled){background:#fbbf2433}.timer-badge{border-radius:var(--radius-full);color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa40;align-items:center;gap:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:inline-flex}.preview-modal-container{border-radius:var(--radius-xl);width:95vw;height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-bright);background:#0d1425fa;flex-direction:column;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden}.preview-modal-header{border-bottom:1px solid var(--border-color);background:#ffffff0a;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.preview-info{align-items:center;gap:16px;display:flex}.billing-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.billing-badge.is-free{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}.billing-badge.is-paid{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf244d}.balance-badge{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.preview-iframe-wrapper{background:#000;flex:1;position:relative}.preview-iframe{border:none;width:100%;height:100%}.close-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:10;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.close-btn:hover{background:var(--danger-light);color:var(--danger-color);border-color:#f871714d;transform:rotate(90deg)}.unlock-key-input{border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:240px;color:var(--text-main);background:#ffffff0d;outline:none;flex:1;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:.875rem;transition:all .3s}.unlock-key-input:focus{border-color:var(--border-glow);box-shadow:0 0 0 3px var(--primary-light)}.unlock-key-input::placeholder{color:var(--text-muted)}.freelancer-view-modal{border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:90%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-lg);color:var(--text-main);background:#0d1425fa;padding:2.5rem;animation:.3s ease-out modalFadeIn;position:relative;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.credits-layout-grid{grid-template-columns:340px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=992px){.credits-layout-grid{grid-template-columns:1fr}}.fade-in{animation:.4s ease-out backwards fadeIn}.credits-balance-card .balance-value{color:var(--primary-color);align-items:flex-end;gap:4px;font-size:2.5rem;font-weight:800;display:flex}.credits-balance-card small{color:#f1f5f9;-webkit-text-fill-color:#f1f5f9;margin-bottom:6px;font-size:1.25rem;font-weight:600}.subscription-card .subscription-value{color:var(--warning-color);font-size:1.75rem;font-weight:700}.qr-topup-container{flex-direction:column;gap:1rem;display:flex}.topup-banner{text-align:center;color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:16px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #3b82f64d}.topup-banner h3{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:flex}.topup-banner p{opacity:.9;margin-bottom:1rem;font-size:.9rem}.topup-features{justify-content:center;gap:1.5rem;font-size:.85rem;font-weight:600;display:flex}.topup-features span{background:#ffffff26;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;display:flex}.topup-card{color:#fff;background:#111827;border:1px solid #1f2937;border-radius:16px;padding:2rem}.topup-steps{color:#9ca3af;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.85rem;display:flex}.topup-step{align-items:center;gap:.5rem;display:flex}.topup-step.active{color:#fff;font-weight:600}.step-num{background:#374151;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.topup-step.active .step-num{color:#fff;background:#10b981}.step-divider{background:#374151;width:40px;height:1px}.topup-title{text-align:center;color:#10b981;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.topup-subtitle{text-align:center;color:#9ca3af;margin-bottom:2rem;font-size:.85rem}.topup-input-container{margin-bottom:1rem;position:relative}.topup-input{color:#fff;text-align:center;background:#1f2937;border:1px solid #374151;border-radius:12px;width:100%;padding:1.25rem;font-size:1.5rem;font-weight:700;transition:all .2s}.topup-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.topup-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.topup-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.topup-input[type=number]{-moz-appearance:textfield}.topup-currency{color:#10b981;font-weight:700;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.topup-limits{text-align:center;color:#6b7280;background:#1f2937;border-radius:8px;margin-bottom:1.5rem;padding:.5rem;font-size:.75rem}.quick-options{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.quick-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:8px;padding:.75rem;font-weight:600;transition:all .2s}.quick-btn:hover{color:#fff;background:#1f2937}.quick-btn.active{color:#10b981;background:#10b9811a;border-color:#10b981}.topup-summary{border-top:1px solid #374151;margin-bottom:1.5rem;padding-top:1.5rem}.summary-row{color:#9ca3af;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;display:flex}.summary-row strong{color:#10b981;font-size:1.1rem}.summary-row.highlight strong{color:#f59e0b}.btn-generate-qr{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-generate-qr:hover:not(:disabled){background:#4b5563}.btn-generate-qr.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b9814d}.btn-generate-qr.ready:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.btn-generate-qr:disabled{opacity:.5;cursor:not-allowed}.premium-table{border-collapse:collapse;width:100%}.premium-table th,.premium-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.premium-table th{background:var(--surface-color);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.8rem;font-weight:600}.premium-table tr:last-child td{border-bottom:none}.premium-table tbody tr{transition:background .2s}.premium-table tbody tr:hover{background:#f8fafc}.status-badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.status-pending{color:#b45309;background:#fef3c7}.status-approved{color:#15803d;background:#dcfce7}.status-rejected{color:#b91c1c;background:#fee2e2}.type-badge{background:var(--surface-color);color:var(--text-main);border:1px solid var(--border-color);border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.type-deposit,.type-refund{color:#166534;background:#dcfce7;border-color:#bbf7d0}.type-payment,.type-withdrawal{color:#991b1b;background:#fee2e2;border-color:#fecaca}.qr-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.qr-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:28rem;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.qr-modal-header{color:#fff;text-align:center;background:#3b82f6;padding:1rem;font-size:1.125rem;font-weight:700;position:relative}.qr-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.qr-modal-close:hover{background:#ffffff4d}.qr-modal-body{color:#1f2937;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.qr-modal-desc{text-align:center;color:#4b5563;margin-bottom:1rem;font-size:.95rem}.qr-code-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:.5rem;display:inline-block;box-shadow:0 1px 3px #0000001a}.qr-details{flex-direction:column;gap:.75rem;width:100%;font-size:.875rem;display:flex}.qr-detail-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.qr-detail-label{color:#6b7280}.qr-detail-value{align-items:center;gap:.5rem;font-weight:600;display:flex}.qr-detail-value strong{color:#3b82f6;letter-spacing:.05em}.qr-detail-value strong.uppercase{text-transform:uppercase;letter-spacing:normal;color:#111827}.qr-detail-value strong.danger{color:#ef4444;font-size:1.125rem}.qr-copy-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.qr-copy-btn:hover{color:#3b82f6}.qr-modal-footer{text-align:center;width:100%;margin-top:1.5rem}.qr-note{color:#ef4444;font-size:.75rem;font-weight:500}.qr-waiting{color:#6b7280;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.875rem;display:flex}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payos-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f0f2f5d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.payos-modal-content{color:#333;background:#fff;border-radius:8px;width:100%;max-width:800px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;box-shadow:0 4px 20px #0000001a}.payos-banner{color:#333;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-size:.95rem;display:flex}.payos-banner-icon{font-size:1.25rem}.payos-modal-body{background:#fff;gap:2rem;padding:2rem;display:flex}.payos-qr-section{border-right:1px dashed #e0e0e0;flex-direction:column;flex:1;align-items:center;padding-right:2rem;display:flex}.vietqr-logo-container{align-items:center;gap:4px;margin-bottom:1rem;font-size:1.5rem;font-weight:800;display:flex}.vietqr-logo-container .viet{color:#e53935}.vietqr-logo-container .qr{color:#0d47a1}.vietqr-logo-container .pro{color:#333;background:#cddc39;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.9rem}.payos-qr-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:10px}.payos-bank-logos{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.payos-logo-divider{background:#ccc;width:1px;height:20px}.payos-cancel-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:.5rem 2rem;font-size:.9rem;transition:background .2s}.payos-cancel-btn:hover{background:#f5f5f5}.payos-details-section{flex-direction:column;flex:1;gap:1.25rem;padding-top:1rem;display:flex}.payos-bank-info{align-items:center;gap:12px;margin-bottom:.5rem;display:flex}.payos-bank-label{color:#666;font-size:.85rem}.payos-bank-name{color:#333;font-size:.95rem;font-weight:700}.payos-detail-item{flex-direction:column;gap:4px;display:flex}.payos-detail-title{color:#666;font-size:.85rem}.payos-detail-value{color:#111;font-size:1rem}.payos-detail-value.uppercase{text-transform:uppercase}.payos-detail-value-wrapper{align-items:center;gap:1rem;display:flex}.text-danger{color:#e53935!important}.payos-copy-btn{color:#2e7d32;cursor:pointer;background:#e8f5e9;border:none;border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:600;transition:background .2s}.payos-copy-btn:hover{background:#c8e6c9}.payos-warning{color:#555;border-top:1px solid #f0f0f0;margin-top:auto;padding-top:1rem;font-size:.85rem}@media (width<=768px){.payos-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem}.payos-qr-section{border-bottom:1px dashed #e0e0e0;border-right:none;padding-bottom:1.5rem;padding-right:0}}.dashboard-wrapper{animation:.4s ease-out fadeIn}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.page-title{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-family:Geist,Outfit,sans-serif;font-size:2rem;font-weight:800}.page-subtitle{color:var(--text-muted);font-size:.9rem;font-weight:400}.welcome-banner{border:1px solid var(--border-glow);border-radius:var(--radius-xl);background:linear-gradient(135deg,#6366f11f 0%,#8b5cf614 50%,#060b1800 100%);justify-content:space-between;align-items:center;margin-bottom:32px;padding:28px 36px;display:flex;position:relative;overflow:hidden}body[data-role=client] .welcome-banner{background:linear-gradient(135deg,#34d3991a 0%,#2dd4bf0f 50%,#0000 100%)}.welcome-banner:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);pointer-events:none;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.welcome-text h2{color:var(--text-main);margin-bottom:6px;font-family:Geist,Outfit,sans-serif;font-size:1.5rem;font-weight:700}.welcome-text p{color:var(--text-muted);font-size:.9rem}.welcome-time{color:var(--primary-color);background:var(--primary-light);border:1px solid var(--border-glow);border-radius:var(--radius-full);margin-top:8px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:inline-block}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:default;background:#ffffff0a;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-glow);box-shadow:0 12px 40px #0000004d, var(--shadow-glow-sm);transform:translateY(-3px)}.stat-card-icon{border-radius:var(--radius-md);background:var(--primary-light);border:1px solid var(--border-glow);width:48px;height:48px;color:var(--primary-color);box-shadow:var(--shadow-glow-sm);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.8rem;font-weight:500}.stat-card-value{color:var(--text-main);letter-spacing:-.03em;font-family:Geist,Outfit,sans-serif;font-size:1.8rem;font-weight:800;line-height:1}.stat-card-sub{color:var(--text-muted);margin-top:8px;font-size:.75rem}.stat-card.glow{background:var(--primary-light);border-color:var(--border-glow);box-shadow:0 0 24px var(--primary-glow)}.stat-card.glow .stat-card-value{color:var(--primary-color)}.dashboard-section{margin-bottom:32px}.dashboard-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-section-title{color:#f1f5f9;align-items:center;gap:10px;font-family:Geist,Outfit,sans-serif;font-size:1.2rem;font-weight:700;display:flex}.dashboard-section-title-dot{background:var(--primary-color);width:8px;height:8px;box-shadow:0 0 8px var(--primary-color);border-radius:50%;display:inline-block}.view-all-link{color:var(--primary-color);border-radius:var(--radius-full);background:var(--primary-light);border:1px solid var(--border-glow);align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.view-all-link:hover{box-shadow:var(--shadow-glow-sm);gap:10px}.quick-actions{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.quick-action-btn{border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-glow);background:var(--primary-light);color:var(--primary-color);align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.quick-action-btn:hover{box-shadow:var(--shadow-glow-sm);background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-color:#0000;transform:translateY(-2px)}.quick-action-btn.primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;box-shadow:var(--shadow-glow-sm);border-color:#0000}.quick-action-btn.primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px)}.empty-state{border:1px dashed var(--border-color);border-radius:var(--radius-xl);text-align:center;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state-icon{border-radius:var(--radius-xl);background:var(--primary-light);border:1px solid var(--border-glow);width:72px;height:72px;color:var(--primary-color);box-shadow:var(--shadow-glow-sm);justify-content:center;align-items:center;margin-bottom:24px;display:flex}.empty-state h3{color:var(--text-main);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.empty-state p{color:var(--text-muted);max-width:320px;margin-bottom:24px;font-size:.9rem;line-height:1.6}.mb-6{margin-bottom:32px}.mb-4{margin-bottom:20px}.py-1{padding-top:6px;padding-bottom:6px}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.checkout-modal{border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:90%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-lg), 0 0 60px #00000080;background:#0d1425fa;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto}.premium-ui{flex-direction:column;width:100%;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;border-radius:var(--radius-xl)!important;border:1px solid var(--border-bright)!important;max-width:520px!important;box-shadow:var(--shadow-lg)!important;background:#0d1425fa!important}.checkout-header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;text-align:center;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:36px 32px;position:relative;overflow:hidden}.checkout-header:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-60px}.checkout-header h3{margin-bottom:8px;font-family:Geist,Outfit,sans-serif;font-size:1.4rem;font-weight:700}.checkout-header p{color:#fffc;font-size:.95rem}.card-styled{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff0a;margin:20px;padding:20px}.bank-details-box.premium{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;margin:0 24px 20px;overflow:hidden}.detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:14px 20px;transition:background .2s;display:flex}.detail-row:hover{background:#ffffff08}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--text-muted);font-size:.875rem;font-weight:500}.detail-row .value{color:var(--text-main);font-size:.9rem;font-weight:600}.copyable{cursor:pointer;color:var(--primary-color)!important}.qr-payment-display.premium{text-align:center;margin:0 24px 28px}.qr-title{color:var(--text-main);margin-bottom:16px;font-size:.9rem;font-weight:600}.qr-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;padding:16px;transition:transform .3s;display:inline-block}.qr-wrapper:hover{transform:scale(1.02)}.qr-image{max-width:200px;display:block}.btn-glow{box-shadow:var(--shadow-glow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-glow:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.checkout-body{max-height:60vh;padding:0 0 20px;overflow-y:auto}.checkout-footer{border-top:1px solid var(--border-color);background:#ffffff05;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.filter-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.filter-tab{border-radius:var(--radius-full);white-space:nowrap;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0a;padding:8px 18px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.filter-tab:hover{border-color:var(--border-glow);color:var(--primary-color)}.filter-tab.active{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;box-shadow:var(--shadow-glow-sm);border-color:#0000}:root{--admin-accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--admin-surface-light:#ffffffb3;--admin-surface-dark:#1e293bb3;--admin-border-light:#ffffff4d;--admin-border-dark:#ffffff14;--admin-shadow-glow:0 10px 40px -10px #6366f14d;--admin-shadow-card:0 8px 32px 0 #0000000d}.admin-dashboard{max-width:1300px;margin:0 auto;padding:40px;font-family:Inter,-apple-system,sans-serif;animation:.5s ease-out fadeIn}.admin-header{margin-bottom:40px;position:relative}.admin-header h1{letter-spacing:-.02em;color:var(--text-main);background:var(--admin-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;display:inline-block}.admin-header p{color:var(--text-muted);font-size:1.15rem;font-weight:500}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);box-shadow:var(--admin-shadow-card);border:1px solid #94a3b826;border-radius:20px;align-items:center;gap:20px;padding:28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--admin-accent-gradient);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--admin-shadow-glow);border-color:#6366f14d;transform:translateY(-8px)}.stat-card:hover:before{opacity:1}.stat-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;box-shadow:0 4px 12px #4f46e54d}.stat-icon.warning{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);box-shadow:0 4px 12px #f59e0b4d}.stat-icon.processing{background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);box-shadow:0 4px 12px #0ea5e94d}.stat-icon.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.stat-info h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.95rem;font-weight:600}.stat-info p{color:var(--text-main);font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}.admin-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#94a3b81a;border:1px solid #94a3b81a;border-radius:16px;gap:8px;margin-bottom:32px;padding:6px;display:inline-flex}.admin-tab{cursor:pointer;color:var(--text-muted);z-index:1;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative}.admin-tab:hover{color:var(--text-main);background:#ffffff0d}.admin-tab.active{color:#fff;background:var(--admin-accent-gradient);text-shadow:0 1px 2px #0003;box-shadow:0 4px 12px #6366f14d}.data-table-container{background:var(--surface-color);box-shadow:var(--admin-shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #94a3b826;border-radius:24px;overflow:hidden}.admin-table{border-collapse:separate;border-spacing:0;width:100%}.admin-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;background:#94a3b80d;border-bottom:1px solid #94a3b826;padding:20px 24px;font-size:.85rem;font-weight:700}.admin-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #94a3b81a;padding:20px 24px;font-size:.95rem;transition:background .2s}.admin-table tbody tr:hover td{background:#6366f108}.admin-table tbody tr:last-child td{border-bottom:none}.status-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #0000000d}.status-badge.warning,.status-badge.pending{color:#d97706;background:#f59e0b26;border-color:#f59e0b4d}.status-badge.success,.status-badge.paid,.status-badge.approved{color:#059669;background:#10b98126;border-color:#10b9814d}.status-badge.error,.status-badge.reject,.status-badge.rejected{color:#dc2626;background:#ef444426;border-color:#ef44444d}.status-badge.info{color:#2563eb;background:#3b82f626;border-color:#3b82f64d}.card-styled{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);box-shadow:var(--admin-shadow-card);border:1px solid #94a3b826;transition:transform .3s,box-shadow .3s;border-radius:20px!important;padding:24px!important}.card-styled:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99}.premium-ui{background:var(--surface-color);border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.premium-ui .checkout-header,.premium-ui .checkout-footer{background:#94a3b80d}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:0 0}.admin-content::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}.admin-content::-webkit-scrollbar-thumb:hover{background:#94a3b880}.upload-page{animation:.3s fadeIn}.upload-content{max-width:600px}.upload-card{padding:32px}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;background-color:var(--background-color);flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:48px 24px;transition:all .2s;display:flex}.dropzone:hover{border-color:var(--primary-color);background-color:var(--primary-light)}.dropzone-icon{color:var(--primary-color);margin-bottom:16px}.dropzone h3{color:var(--text-main);margin-bottom:8px;font-size:1.1rem;font-weight:600}.dropzone p{color:var(--text-muted);margin-bottom:16px}.file-hints{margin-top:16px;font-size:.8rem;margin-bottom:0!important}.browse-btn{cursor:pointer}.selected-file{border-top:1px solid var(--border-color);padding-top:24px}.file-info-row{background-color:var(--background-color);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.file-details{flex-direction:column;flex:1;display:flex}.file-details .name{color:var(--text-main);font-weight:600}.file-details .size{color:var(--text-muted);font-size:.85rem}.remove-btn{color:var(--text-muted);border-radius:var(--radius-sm);padding:4px}.remove-btn:hover{color:var(--warning-color);background-color:var(--warning-light)}.upload-form{flex-direction:column;gap:16px;display:flex}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;width:100%;padding:10px 12px;font-size:.95rem;transition:border-color .2s;color:var(--text-main)!important;background-color:#0f172a!important}.form-input option{color:#f1f5f9!important;background-color:#0f172a!important}.form-input:focus{border-color:var(--primary-color);background-color:#0f172a!important}.form-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.form-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.form-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.form-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}textarea.form-input{resize:vertical}.w-full{width:100%}.mt-4{margin-top:16px}.success-state{text-align:center;flex-direction:column;align-items:center;padding:32px 0;display:flex}.success-icon{color:var(--success-color);margin-bottom:24px}.success-state h2{color:var(--text-main);margin-bottom:12px;font-size:1.5rem;font-weight:700}.success-state p{color:var(--text-muted);max-width:400px;margin-bottom:32px}.verification-box{border-radius:var(--radius-lg);background-color:#3b82f60d;border:2px dashed #3b82f666;margin-top:16px;padding:24px}.verification-flex{flex-direction:column;align-items:center;gap:24px;display:flex}@media (width>=992px){.verification-flex{flex-direction:row}}.verification-content{flex:1;width:100%}.verification-code-display{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;background-color:#0003;margin-bottom:20px;padding:16px}.verification-code-display span{color:var(--text-muted);margin-bottom:4px;font-size:.85rem;display:block}.verification-code-display strong{letter-spacing:.1em;color:#3b82f6;font-size:1.5rem}.verification-action{flex-direction:column;justify-content:center;width:100%;display:flex}@media (width>=992px){.verification-action{width:30%}}.verification-instructions{color:var(--text-main);margin-left:16px;font-size:.9rem}.verification-instructions p{color:var(--text-main);margin-bottom:8px;font-weight:600}.verification-instructions code{color:var(--text-main);background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 6px}.verification-instructions code.text-red-500{color:#ef4444}.cost-box{border-radius:var(--radius-md);background-color:#6366f11a;border:1px solid #6366f14d;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.cost-box span:first-child{color:var(--text-main);font-size:.9rem}.cost-box span:last-child{color:#818cf8;font-size:1.1rem;font-weight:700}.step-title{color:var(--text-main);margin-bottom:8px;font-size:1.25rem;font-weight:700}.step-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:.875rem}.settings-page{animation:.4s ease-out fadeIn}.settings-container{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}.sidebar-profile-card{border-bottom:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.avatar-large{color:#fff;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 10px 25px -5px #6366f166}.sidebar-nav{padding:1rem 0}.settings-tab{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.settings-tab:hover{background:var(--surface-color);color:var(--text-main);border-left-color:#cbd5e1}.settings-tab.active{background:var(--primary-light);color:var(--primary-color);border-left-color:var(--primary-color)}.glass-panel{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);background:#0d142566;border:1px solid #ffffff0d;overflow:hidden}.settings-card{padding:2.5rem;animation:.3s ease-out forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-group label{color:#f1f5f9;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input{border:2px solid var(--border-color);background:var(--background-color);width:100%;color:var(--text-main);border-radius:12px;padding:.85rem 1rem;transition:all .2s}.form-input:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f11a}.disabled-input{background:var(--surface-color);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-color)!important;box-shadow:none!important}.qr-upload-btn{cursor:pointer;border:2px dashed var(--border-color);color:var(--text-muted);background:var(--surface-solid);white-space:nowrap;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.qr-upload-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.qr-image-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:16px;padding:.5rem;display:inline-block}.qr-image-wrapper img{border-radius:12px;max-width:200px}.api-key-box{background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.api-key-box code{color:var(--text-main);font-family:monospace;font-size:1.1rem}.toggle-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}@media (width<=900px){.settings-container{grid-template-columns:1fr}.sidebar-nav{border-bottom:1px solid var(--border-color);padding:0 1rem;display:flex;overflow-x:auto}.settings-tab{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:1rem}.settings-tab.active{border-left-color:#0000;border-bottom-color:var(--primary-color)}}.toggle-row:last-of-type{border-bottom:none;padding-bottom:0}.toggle-info h4{color:var(--text-main);margin-bottom:4px;font-size:1rem;font-weight:600}.toggle-info p{color:var(--text-muted);font-size:.85rem}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.api-key-box{background-color:var(--background-color);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.api-key-box code{color:var(--text-main);font-family:monospace}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}