@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600&display=swap');:root{--bg-0:#08090d;--bg-1:#0d0f14;--bg-2:#12151c;--bg-3:#181c25;--bg-4:#1e2330;--bg-5:#252b3a;--bg-6:#2d3445;--glass-1:rgba(190,242,218,0.03);--glass-2:rgba(190,242,218,0.05);--glass-3:rgba(190,242,218,0.08);--glass-4:rgba(190,242,218,0.12);--glass-5:rgba(190,242,218,0.16);--accent:#10b981;--accent-rgb:16,185,129;--accent-light:#34d399;--accent-dark:#059669;--accent-glow:rgba(16,185,129,0.4);--accent-subtle:rgba(16,185,129,0.08);--accent-muted:rgba(16,185,129,0.18);--accent-2:#f59e0b;--accent-2-rgb:245,158,11;--accent-2-light:#fbbf24;--accent-2-glow:rgba(245,158,11,0.4);--accent-2-subtle:rgba(245,158,11,0.08);--accent-3:#06b6d4;--accent-3-light:#22d3ee;--accent-3-subtle:rgba(6,182,212,0.08);--color-green:#22c55e;--color-red:#ef4444;--color-yellow:#f59e0b;--color-orange:#f97316;--color-cyan:#06b6d4;--color-pink:#ec4899;--color-purple:#0ea5e9;--color-blue:#3b82f6;--color-teal:#06b6d4;--text-0:#f1f5f9;--text-1:#cbd5e1;--text-2:#94a3b8;--text-3:#64748b;--text-4:#475569;--gradient-main:linear-gradient(135deg,#10b981 0%,#0ea5e9 50%,#22d3ee 100%);--gradient-gold:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--gradient-mixed:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#ec4899 100%);--gradient-subtle:linear-gradient(135deg,rgba(16,185,129,0.12) 0%,rgba(14,165,233,0.06) 100%);--gradient-card:linear-gradient(160deg,rgba(190,242,218,0.04) 0%,rgba(190,242,218,0.01) 100%);--gradient-mesh:radial-gradient(at 15% 8%,rgba(16,185,129,0.08) 0px,transparent 50%),radial-gradient(at 85% 5%,rgba(245,158,11,0.05) 0px,transparent 50%),radial-gradient(at 8% 55%,rgba(6,182,212,0.06) 0px,transparent 50%),radial-gradient(at 92% 65%,rgba(14,165,233,0.05) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,0.03) 0px,transparent 40%);--border:rgba(148,163,184,0.08);--border-light:rgba(148,163,184,0.14);--border-hover:rgba(148,163,184,0.22);--border-active:rgba(16,185,129,0.5);--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 2px 12px rgba(0,0,0,0.45);--shadow:0 4px 24px rgba(0,0,0,0.55);--shadow-lg:0 12px 48px rgba(0,0,0,0.65);--shadow-xl:0 24px 80px rgba(0,0,0,0.75);--shadow-glow:0 0 35px rgba(16,185,129,0.18);--shadow-glow-gold:0 0 35px rgba(245,158,11,0.18);--shadow-glow-lg:0 0 70px rgba(16,185,129,0.25);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--t-fast:0.15s var(--ease-out);--t:0.25s var(--ease-out);--t-slow:0.4s var(--ease-out);--t-spring:0.5s var(--ease-spring);--sidebar-w:272px;--nav-h:72px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:800}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{font-family:'Geist',system-ui,-apple-system,sans-serif;background:var(--bg-0);color:var(--text-1);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body::before{content:'';position:fixed;inset:0;background:var(--gradient-mesh);pointer-events:none;z-index:0;contain:strict}#app{min-height:100vh;position:relative;z-index:1}::selection{background:rgba(16,185,129,0.25);color:var(--text-0)}a{color:var(--accent);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--accent-light)}code{font-family:'Geist Mono',monospace;font-size:0.84em;background:var(--glass-4);padding:3px 9px;border-radius:var(--radius-xs);color:var(--accent-light);border:1px solid var(--border)}img{max-width:100%;height:auto;display:block}.loading{position:fixed;inset:0;background:var(--bg-0);display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity 0.5s var(--ease-out),visibility 0.5s var(--ease-out)}.loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader{display:flex;flex-direction:column;align-items:center;gap:36px}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:32px solid var(--accent);border-color:var(--accent) transparent var(--accent-2) transparent;animation:lds-hourglass 1.2s infinite}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}100%{transform:rotate(1800deg)}}.loader-text{font-size:0.7rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--text-3);animation:loaderFade 1.8s ease-in-out infinite}@keyframes loaderFade{0%,100%{opacity:0.35}50%{opacity:0.85}}.spinner{width:36px;height:36px;border:3px solid var(--glass-4);border-top-color:var(--accent);border-radius:50%;animation:loaderSpin 0.8s linear infinite;margin:36px auto}@keyframes loaderSpin{to{transform:rotate(360deg)}}#nav:hover{border-color:var(--border-light)}.nav-left{display:flex;align-items:center;justify-self:start}.burger-menu{display:none;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;width:38px;height:38px;justify-content:center;align-items:center;cursor:pointer;transition:border-color 0.18s,background 0.18s;flex-direction:column;gap:5px;padding:0 9px}.burger-menu:hover{border-color:var(--accent);background:var(--accent-subtle)}.menu__icon{width:100%;display:flex;flex-direction:column;gap:5px}.menu__icon span{display:block;height:1.5px;border-radius:2px;background:var(--text-2);transition:transform 0.25s ease,opacity 0.2s ease,background 0.18s;transform-origin:center}.menu__icon span:nth-child(1){width:100%}.menu__icon span:nth-child(2){width:75%}.menu__icon span:nth-child(3){width:88%}.menu__icon span:nth-child(4),.menu__icon span:nth-child(5),.menu__icon span:nth-child(6),.menu__icon span:nth-child(7),.menu__icon span:nth-child(8),.menu__icon span:nth-child(9){display:none}.burger-menu:hover .menu__icon span{background:var(--accent)}.burger-menu.active .menu__icon span:nth-child(1){transform:translateY(6.5px) rotate(45deg);background:var(--color-red)}.burger-menu.active .menu__icon span:nth-child(2){opacity:0;transform:scaleX(0)}.burger-menu.active .menu__icon span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);background:var(--color-red);width:100%}@keyframes menu-icon-top{0%,100%{top:0;transform:none}}@keyframes menu-icon-top-2{0%,100%{top:0;transform:none}}@keyframes menu-icon-bottom{0%,100%{bottom:0;transform:none}}@keyframes menu-icon-bottom-2{0%,100%{bottom:0;transform:none}}@keyframes menu-icon-scaled{0%,100%{transform:scale(1)}}@keyframes menu-icon-scaled-2{0%,100%{transform:scale(1)}}.nav-brand{display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;grid-column:2;justify-self:center;transition:opacity var(--t);position:relative}.nav-brand:hover{opacity:0.82}.nav-logo{height:clamp(48px,9vw,68px);width:auto;max-width:clamp(160px,40vw,260px);object-fit:contain;filter:drop-shadow(0 2px 16px rgba(16,185,129,0.25));transition:filter var(--t)}.nav-logo:hover{filter:drop-shadow(0 2px 24px rgba(16,185,129,0.4))}.nav-links{display:flex;align-items:center;gap:6px;justify-self:end}.nav-links a,.nav-links button{position:relative;color:var(--text-2);text-decoration:none;font-weight:500;font-size:0.88rem;padding:10px 18px;border-radius:var(--radius-sm);transition:color var(--t-fast),background var(--t-fast);background:none;border:none;cursor:pointer;font-family:inherit}.nav-links a:hover,.nav-links button:hover{color:var(--text-0);background:var(--glass-3)}.nav-user{display:flex;align-items:center;gap:10px;justify-self:end}.nav-user span.text-sm{font-size:0.82rem;color:var(--text-2);font-weight:500}.nav-avatar{width:32px;height:32px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.82rem;color:#fff;background:var(--accent-muted);border:1px solid rgba(16,185,129,0.3);transition:border-color 0.18s,box-shadow 0.18s;flex-shrink:0;font-family:'Geist Mono',monospace;color:var(--accent)}.nav-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.nav-avatar:hover{border-color:var(--accent);box-shadow:0 0 0 2px rgba(16,185,129,0.2)}#sidebar.hidden{display:none !important}.sidebar-logo{padding:20px 16px 16px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.sidebar-logo img{height:clamp(60px,10vw,80px);width:auto;max-width:clamp(180px,70%,220px);object-fit:contain;filter:drop-shadow(0 2px 10px rgba(16,185,129,0.18));transition:transform 0.3s ease}.sidebar-logo img:hover{transform:scale(1.03)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;padding:10px 8px;overflow-y:auto}.sidebar-section{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--text-4,#3d5347);padding:14px 10px 6px;display:flex;align-items:center;gap:8px}.sidebar-section::after{content:'';flex:1;height:1px;background:var(--border)}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--text-2);text-decoration:none;border-radius:10px;font-weight:500;font-size:0.85rem;transition:color 0.15s,background 0.15s;position:relative;border:1px solid transparent}.sidebar-nav a i{font-size:0.85rem;width:16px;text-align:center;opacity:0.6;transition:opacity 0.15s,color 0.15s}.sidebar-nav a:hover{color:var(--text-1);background:rgba(255,255,255,0.04);border-color:var(--border)}.sidebar-nav a:hover i{opacity:1;color:var(--accent)}.sidebar-nav a.active{color:var(--accent);background:var(--accent-subtle);border-color:var(--accent-muted);font-weight:600}.sidebar-nav a.active::after{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--accent);border-radius:0 2px 2px 0}.sidebar-nav a.active i{opacity:1;color:var(--accent)}.sidebar-footer{padding:12px;border-top:1px solid var(--border);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid var(--border);transition:border-color 0.15s}.sidebar-user:hover{border-color:rgba(16,185,129,0.2)}.sidebar-user-avatar{width:32px;height:32px;background:var(--accent-muted);border:1px solid rgba(16,185,129,0.25);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.78rem;color:var(--accent);flex-shrink:0;overflow:hidden;font-family:'Geist Mono',monospace}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-weight:600;font-size:0.82rem;color:var(--text-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-plan{font-size:0.68rem;color:var(--accent-2);text-transform:uppercase;letter-spacing:0.5px;font-weight:600}#main{padding:calc(var(--nav-h) + 28px) 32px 48px;min-height:100vh;max-width:1440px;margin-left:auto;margin-right:auto}#main.with-sidebar{margin-left:auto}#main.fullwidth{margin-left:0 !important;padding:0;max-width:none}.card{background:linear-gradient(160deg,rgba(190,242,218,0.04) 0%,rgba(190,242,218,0.01) 100%);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--t),box-shadow var(--t),transform var(--t);position:relative}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(190,242,218,0.05)}.card.clickable:hover,.card[onclick]:hover,.card[style*="cursor:pointer"]:hover{transform:translateY(-4px) scale(1.005);border-color:rgba(16,185,129,0.35);box-shadow:var(--shadow-lg),0 0 40px rgba(16,185,129,0.08)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:rgba(190,242,218,0.025);flex-wrap:wrap;gap:12px}.card-title{font-size:0.98rem;font-weight:700;color:var(--text-0);display:flex;align-items:center;gap:10px}.card-title i{font-size:1.1rem;color:var(--accent)}.card-body{padding:24px;position:relative}.card .card-body:first-child{padding-top:24px}.card .card{background:var(--glass-3);border-color:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:transform 0.15s var(--ease-out),box-shadow 0.15s var(--ease-out),background 0.15s,border-color 0.15s;text-decoration:none;font-family:inherit;white-space:nowrap;line-height:1.4;position:relative;overflow:hidden;letter-spacing:0.01em}.btn:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(0.97)}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 3px 14px rgba(16,185,129,0.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(16,185,129,0.5),0 0 20px rgba(16,185,129,0.15)}.btn-secondary{background:var(--glass-3);color:var(--text-1);border:1px solid var(--border);backdrop-filter:blur(8px)}.btn-secondary:hover:not(:disabled){background:var(--glass-4);border-color:var(--border-hover);box-shadow:0px 0px 20px rgba(190,242,218,0.08)}.btn-outline{background:transparent;color:var(--accent);border:1px solid rgba(16,185,129,0.35)}.btn-outline:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent);box-shadow:0px 0px 20px rgba(16,185,129,0.3)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--glass-3);color:var(--text-0)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 3px 14px rgba(239,68,68,0.25)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(239,68,68,0.45)}.btn-success{background:var(--gradient-main);color:#fff;box-shadow:0 3px 14px rgba(16,185,129,0.25)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(16,185,129,0.45)}.btn-warning{background:var(--gradient-gold);color:#0a0f0d;box-shadow:0 3px 14px rgba(251,191,36,0.25)}.btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(251,191,36,0.45)}.btn-accent{background:linear-gradient(135deg,var(--accent-3),var(--color-cyan));color:#fff;box-shadow:0 3px 14px rgba(20,184,166,0.25)}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(20,184,166,0.45)}.btn-purple{background:linear-gradient(135deg,#0ea5e9,#7c3aed);color:#fff;box-shadow:0 3px 14px rgba(14,165,233,0.25)}.btn-purple:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(14,165,233,0.45)}.btn-sm{padding:7px 14px;font-size:0.8rem}.btn-lg{padding:13px 26px;font-size:0.95rem}.btn-xl{padding:16px 32px;font-size:1rem}.btn-block{width:100%}.btn-icon{padding:10px;aspect-ratio:1;border-radius:var(--radius-sm)}.btn-icon-sm{padding:7px;border-radius:var(--radius-sm)}.btn-discord{background:linear-gradient(135deg,#5865F2,#4752c4);color:#fff;box-shadow:0 3px 14px rgba(88,101,242,0.25)}.btn-discord:hover:not(:disabled){box-shadow:0 6px 30px rgba(88,101,242,0.45)}.btn-google{background:linear-gradient(135deg,#4285F4,#3367d6);color:#fff;box-shadow:0 3px 14px rgba(66,133,244,0.25)}.btn-google:hover:not(:disabled){box-shadow:0 6px 30px rgba(66,133,244,0.45)}.btn-group{display:flex;gap:10px;flex-wrap:wrap}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:7px;font-weight:600;font-size:0.86rem;color:var(--text-1)}.form-input,.form-textarea{width:100%;padding:12px 16px;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-size:0.88rem;font-family:inherit;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);appearance:none}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent);background:var(--glass-4);box-shadow:0 0 0 3px var(--accent-subtle),0 0 20px rgba(16,185,129,0.08)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-4)}.form-select{width:100%;padding:12px 16px;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-size:0.88rem;font-family:inherit;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a7566' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.form-select:focus{outline:none;border-color:var(--accent);background-color:var(--glass-4);box-shadow:0 0 0 3px var(--accent-subtle)}.form-textarea{resize:vertical;min-height:110px;line-height:1.7}.form-textarea.code{font-family:'Geist Mono',monospace;font-size:0.84rem}.form-help{font-size:0.76rem;color:var(--text-3);margin-top:5px}.form-error{font-size:0.76rem;color:var(--color-red);margin-top:5px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.input-icon-wrapper{position:relative}.input-icon-wrapper .form-input{padding-left:44px}.input-icon-wrapper .input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-3);transition:color var(--t-fast)}.input-icon-wrapper:focus-within .input-icon{color:var(--accent)}.input-btn-wrapper{display:flex;gap:10px}.input-btn-wrapper .form-input{flex:1}.custom-dropdown{position:relative;width:100%;user-select:none}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-size:0.88rem;font-family:inherit;cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease,box-shadow 0.15s ease;gap:10px;min-height:46px;-webkit-tap-highlight-color:transparent}.custom-dropdown-trigger:hover{border-color:var(--border-hover);background:var(--glass-4)}.custom-dropdown.open .custom-dropdown-trigger{border-color:var(--accent);background:var(--glass-4);box-shadow:0 0 0 3px var(--accent-subtle)}.custom-dropdown-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.custom-dropdown-trigger-text.placeholder{color:var(--text-4)}.custom-dropdown-trigger-icon{display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:0.75rem;transition:transform 0.2s ease;flex-shrink:0;width:20px;height:20px}.custom-dropdown.open .custom-dropdown-trigger-icon{transform:rotate(180deg);color:var(--accent)}.custom-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:240px;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.custom-dropdown.open .custom-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.custom-dropdown.drop-up .custom-dropdown-menu{top:auto;bottom:calc(100% + 6px);transform:translateY(8px)}.custom-dropdown.drop-up.open .custom-dropdown-menu{transform:translateY(0)}.custom-dropdown-search{position:sticky;top:0;padding:10px 12px;background:var(--bg-1);border-bottom:1px solid var(--border);z-index:1}.custom-dropdown-search input{width:100%;padding:8px 12px;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-0);font-size:0.82rem;font-family:inherit;transition:border-color 0.15s ease;-webkit-tap-highlight-color:transparent}.custom-dropdown-search input:focus{outline:none;border-color:var(--accent)}.custom-dropdown-search input::placeholder{color:var(--text-4)}.custom-dropdown-option{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:0.86rem;color:var(--text-1);cursor:pointer;transition:background 0.12s ease,color 0.12s ease;border-bottom:1px solid rgba(180,200,190,0.04);-webkit-tap-highlight-color:transparent}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover,.custom-dropdown-option.focused{background:var(--glass-4);color:var(--text-0)}.custom-dropdown-option.selected{background:var(--accent-subtle);color:var(--accent-light);font-weight:600}.custom-dropdown-option.selected::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;font-size:0.72rem;color:var(--accent);margin-left:auto;flex-shrink:0}.custom-dropdown-option.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.custom-dropdown-option-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.85rem;flex-shrink:0;border-radius:var(--radius-xs)}.custom-dropdown-option-desc{font-size:0.72rem;color:var(--text-3);margin-top:2px}.custom-dropdown-empty{padding:20px 14px;text-align:center;font-size:0.82rem;color:var(--text-3)}.custom-dropdown-group-label{padding:10px 14px 6px;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-4);pointer-events:none}.custom-dropdown-menu::-webkit-scrollbar{width:5px}.custom-dropdown-menu::-webkit-scrollbar-track{background:transparent}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--glass-5);border-radius:3px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--accent)}.toggle{position:relative;display:inline-block;width:55px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(90deg,#3d5347,#2d3d35);border:1px solid var(--border);transition:background 0.35s ease-in-out,border-color 0.35s ease-in-out,box-shadow 0.35s ease-in-out;border-radius:var(--radius-full)}.toggle-slider::before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:linear-gradient(45deg,#dedede,#ffffff);box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform 0.35s ease-in-out;border-radius:50%}.toggle input:checked + .toggle-slider{background:linear-gradient(90deg,var(--accent),var(--accent-3));border-color:var(--accent);box-shadow:0 0 24px rgba(16,185,129,0.35)}.toggle input:checked + .toggle-slider::before{transform:translateX(29px);background:linear-gradient(45deg,#ffffff,#f0fdf4)}.toggle:hover .toggle-slider{border-color:var(--border-hover)}input[type="checkbox"]:not(.toggle input){width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-full);font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.badge-free{background:var(--glass-4);color:var(--text-2);border:1px solid var(--border)}.badge-standard,.badge-basic{background:rgba(16,185,129,0.12);color:var(--accent);border:1px solid rgba(16,185,129,0.25)}.badge-premium,.badge-pro{background:rgba(251,191,36,0.12);color:var(--accent-2);border:1px solid rgba(251,191,36,0.25)}.badge-enterprise{background:rgba(14,165,233,0.12);color:var(--color-purple);border:1px solid rgba(14,165,233,0.25)}.badge-active,.badge-success{background:rgba(16,185,129,0.12);color:var(--color-green);border:1px solid rgba(16,185,129,0.25)}.badge-inactive,.badge-danger{background:rgba(239,68,68,0.12);color:var(--color-red);border:1px solid rgba(239,68,68,0.25)}.badge-pending,.badge-warning{background:rgba(251,191,36,0.12);color:var(--color-yellow);border:1px solid rgba(251,191,36,0.25)}.badge-primary,.badge-info{background:rgba(6,182,212,0.12);color:var(--color-cyan);border:1px solid rgba(6,182,212,0.25)}.badge-purple{background:rgba(14,165,233,0.12);color:var(--color-purple);border:1px solid rgba(14,165,233,0.25)}.badge-pink{background:rgba(236,72,153,0.12);color:var(--color-pink);border:1px solid rgba(236,72,153,0.25)}.badge-accent{background:var(--gradient-main);color:#fff;border:none}.badge-gold{background:var(--gradient-gold);color:#0a0f0d;border:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:18px;margin-bottom:28px}.stat-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;transition:border-color var(--t),transform var(--t),box-shadow var(--t);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-sm),0 0 30px rgba(16,185,129,0.06)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-label{font-size:0.72rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:1px}.stat-icon{width:40px;height:40px;background:var(--accent-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--accent)}.stat-icon.gold{background:var(--accent-2-subtle);color:var(--accent-2)}.stat-icon.teal{background:var(--accent-3-subtle);color:var(--accent-3)}.stat-icon.purple{background:rgba(14,165,233,0.1);color:var(--color-purple)}.stat-icon.pink{background:rgba(236,72,153,0.1);color:var(--color-pink)}.stat-icon.cyan{background:rgba(6,182,212,0.1);color:var(--color-cyan)}.stat-icon.blue{background:rgba(59,130,246,0.1);color:var(--color-blue)}.stat-icon.red{background:rgba(239,68,68,0.1);color:var(--color-red)}.stat-icon.green{background:rgba(16,185,129,0.1);color:var(--color-green)}.stat-value{font-size:2rem;font-weight:800;color:var(--text-0);line-height:1;font-family:'Geist',sans-serif;letter-spacing:-0.03em}.stat-change{display:inline-flex;align-items:center;gap:4px;margin-top:7px;font-size:0.78rem;font-weight:600}.stat-change.up{color:var(--color-green)}.stat-change.down{color:var(--color-red)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:18px;flex-wrap:wrap}.page-title{font-size:1.6rem;font-weight:700;color:var(--text-0);display:flex;align-items:center;gap:12px;letter-spacing:-0.02em}.page-title i{font-size:1.6rem;color:var(--accent)}.page-subtitle{font-size:0.92rem;color:var(--text-3);margin-top:5px}.page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{height:0}.tab{padding:10px 18px;font-size:0.875rem;font-weight:500;color:var(--text-2);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast);white-space:nowrap;font-family:inherit}.tab:hover{color:var(--text-0)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-content{display:none}.tab-content.active{display:block;animation:fadeSlideIn 0.25s var(--ease-out)}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:70px 36px;background:var(--glass-2);border:1px dashed var(--border);border-radius:var(--radius-xl)}.empty-icon{font-size:3.5rem;margin-bottom:20px;display:block;color:var(--accent);opacity:0.4}.empty-title{font-size:1.2rem;font-weight:700;color:var(--text-0);margin-bottom:8px}.empty-text{font-size:0.92rem;color:var(--text-3);margin-bottom:24px;max-width:380px;margin-left:auto;margin-right:auto}.modal-overlay{position:fixed;inset:0;background:rgba(5,8,6,0.88);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:20px;animation:fadeIn 0.18s var(--ease-out)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl),0 0 60px rgba(16,185,129,0.04);animation:modalIn 0.22s var(--ease-out);backdrop-filter:blur(24px)}@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-lg{max-width:700px}.modal-xl{max-width:920px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.15rem;font-weight:700;color:var(--text-0)}.modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.modal-close:hover{background:rgba(239,68,68,0.1);border-color:var(--color-red);color:var(--color-red)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:18px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}#toasts{position:fixed;top:calc(var(--nav-h) + 28px);right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;max-width:380px;width:calc(100% - 40px);pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:toastIn 0.3s var(--ease-spring);pointer-events:auto}@keyframes toastIn{from{opacity:0;transform:translateX(80px) scale(0.92)}to{opacity:1;transform:translateX(0) scale(1)}}.toast.removing{animation:toastOut 0.25s var(--ease-out) forwards}@keyframes toastOut{to{opacity:0;transform:translateX(80px) scale(0.92)}}.toast i{font-size:1.1rem;flex-shrink:0}.toast span{font-size:0.88rem;color:var(--text-0);flex:1;line-height:1.5}.toast-success{border-left:3px solid var(--color-green)}.toast-success i{color:var(--color-green)}.toast-error{border-left:3px solid var(--color-red)}.toast-error i{color:var(--color-red)}.toast-info{border-left:3px solid var(--color-cyan)}.toast-info i{color:var(--color-cyan)}.toast-warning{border-left:3px solid var(--color-yellow)}.toast-warning i{color:var(--color-yellow)}.toast-link{color:inherit;text-decoration:underline;font-weight:600;cursor:pointer}.toast-link:hover{opacity:0.8}.toast-dismiss{background:none;border:none;color:inherit;opacity:0.5;cursor:pointer;font-size:14px;padding:0 0 0 8px;flex-shrink:0}.toast-dismiss:hover{opacity:1}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--glass-2)}.table{width:100%;border-collapse:collapse;min-width:580px}.table thead{background:var(--glass-3)}.table th{text-align:left;padding:14px 20px;font-weight:600;font-size:0.73rem;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:14px 20px;color:var(--text-1);font-size:0.88rem;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--glass-3)}.table tbody tr:last-child td{border-bottom:none}.toggle-option{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--glass-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;transition:border-color var(--t-fast)}.toggle-option:hover{border-color:var(--border-hover)}.toggle-option-left{display:flex;align-items:center;gap:14px}.toggle-option-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.toggle-option-icon.cyan{background:rgba(6,182,212,0.12);color:var(--color-cyan)}.toggle-option-icon.purple{background:rgba(14,165,233,0.12);color:var(--color-purple)}.toggle-option-icon.pink{background:rgba(236,72,153,0.12);color:var(--color-pink)}.toggle-option-icon.green{background:rgba(16,185,129,0.12);color:var(--color-green)}.toggle-option-icon.orange{background:rgba(249,115,22,0.12);color:var(--color-orange)}.toggle-option-icon.red{background:rgba(239,68,68,0.12);color:var(--color-red)}.toggle-option-icon.yellow{background:rgba(251,191,36,0.12);color:var(--color-yellow)}.toggle-option-icon.blue{background:rgba(59,130,246,0.12);color:var(--color-blue)}.toggle-option-icon.teal{background:rgba(20,184,166,0.12);color:var(--color-teal)}.toggle-option-text h4{font-size:0.92rem;font-weight:600;color:var(--text-0);margin-bottom:2px}.toggle-option-text p{font-size:0.78rem;color:var(--text-3);margin:0}.toggle-option-fields{margin-top:-8px;margin-bottom:12px;padding-left:56px}.settings-section{margin-bottom:24px}.settings-section-title{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-3);margin-bottom:14px;display:flex;align-items:center;gap:8px}.settings-section-title i{color:var(--accent)}.integration-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.integration-type-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--glass-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--t),transform var(--t),box-shadow var(--t)}.integration-type-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.integration-type-card.linkvertise:hover{border-color:rgba(59,130,246,0.4)}.integration-type-card.workink:hover{border-color:rgba(16,185,129,0.4)}.integration-type-card.lootlabs:hover{border-color:rgba(251,191,36,0.4)}.integration-type-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--glass-4);color:var(--text-2)}.integration-type-card.linkvertise .integration-type-icon{background:rgba(59,130,246,0.12);color:var(--color-blue)}.integration-type-card.workink .integration-type-icon{background:rgba(16,185,129,0.12);color:var(--color-green)}.integration-type-card.lootlabs .integration-type-icon{background:rgba(251,191,36,0.12);color:var(--color-yellow)}.integration-type-info{flex:1}.integration-type-name{font-weight:600;font-size:0.92rem;color:var(--text-0)}.integration-type-status{font-size:0.72rem;color:var(--text-3);display:flex;align-items:center;gap:6px}.integration-type-status .dot{width:6px;height:6px;border-radius:50%;background:var(--color-green)}.integration-type-status .dot.orange{background:var(--color-orange)}.integration-type-add{width:28px;height:28px;border-radius:var(--radius-xs);background:var(--glass-4);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:0.85rem;transition:background var(--t-fast),color var(--t-fast)}.integration-type-card:hover .integration-type-add{background:var(--accent-subtle);color:var(--accent)}.social-grid{display:flex;flex-direction:column;gap:10px}.social-input-group{display:flex;align-items:center;gap:0}.social-input-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--glass-4);border:1px solid var(--border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-size:1.1rem;flex-shrink:0}.social-input-icon.discord{color:#5865F2}.social-input-icon.youtube{color:#FF0000}.social-input-icon.twitter{color:#1DA1F2}.social-input-icon.github{color:var(--text-1)}.social-input-icon.website{color:var(--accent)}.social-input-group input{flex:1;padding:12px 16px;background:var(--glass-3);border:1px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-0);font-size:0.88rem;font-family:inherit;transition:border-color var(--t-fast),background var(--t-fast)}.social-input-group input:focus{outline:none;border-color:var(--accent);background:var(--glass-4)}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.plan-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:border-color var(--t),transform var(--t),box-shadow var(--t);position:relative}.plan-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow)}.plan-card.current{border-color:var(--accent);background:var(--accent-subtle)}.plan-card.recommended{border-color:var(--accent-2)}.plan-card.recommended::before{content:'POPULAR';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--gradient-gold);color:#0a0f0d;font-size:0.65rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);letter-spacing:0.5px}.plan-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff}.plan-name{font-size:1.1rem;font-weight:700;color:var(--text-0);margin-bottom:8px}.plan-price{font-size:2rem;font-weight:800;color:var(--text-0);letter-spacing:-0.03em;margin-bottom:20px}.plan-price span{font-size:0.85rem;font-weight:500;color:var(--text-3)}.plan-features{list-style:none;padding:0;margin:0 0 24px 0;text-align:left}.plan-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:0.85rem;color:var(--text-2);border-bottom:1px solid var(--border)}.plan-features li:last-child{border-bottom:none}.plan-features li i{color:var(--color-green);font-size:0.8rem}.connected-accounts{display:flex;flex-direction:column;gap:12px}.connected-account{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--glass-2);border:1px solid var(--border);border-radius:var(--radius);gap:14px;flex-wrap:wrap}.connected-account-left{display:flex;align-items:center;gap:14px}.connected-account-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.connected-account-icon.discord{background:rgba(88,101,242,0.12);color:#5865F2}.connected-account-icon.google{background:rgba(66,133,244,0.12);color:#4285F4}.connected-account-info h4{font-size:0.92rem;font-weight:600;color:var(--text-0);margin-bottom:2px}.connected-account-info p{font-size:0.78rem;color:var(--text-3);margin:0}.connected-account-status{display:flex;align-items:center;gap:6px;font-size:0.78rem;color:var(--color-green);font-weight:600}.twofa-status{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.twofa-icon{width:52px;height:52px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.twofa-icon.disabled{background:rgba(239,68,68,0.12);color:var(--color-red)}.twofa-icon.enabled{background:rgba(16,185,129,0.12);color:var(--color-green)}.twofa-info{flex:1}.twofa-info h4{font-size:0.95rem;font-weight:600;color:var(--text-0);margin-bottom:2px}.twofa-info p{font-size:0.82rem;color:var(--text-3);margin:0}.info-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:rgba(6,182,212,0.06);border:1px solid rgba(6,182,212,0.15);border-radius:var(--radius);margin-top:20px}.info-banner i{color:var(--color-cyan);font-size:1rem;margin-top:2px;flex-shrink:0}.info-banner p{font-size:0.85rem;color:var(--text-2);margin:0;line-height:1.5}.landing-hero{text-align:center;padding:100px 36px 70px;max-width:900px;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-hero::before{content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:500px;height:500px;background:radial-gradient(ellipse,rgba(16,185,129,0.08) 0%,transparent 70%);pointer-events:none}.landing-hero h1{font-size:clamp(1.8rem,5vw,3.2rem);font-weight:800;color:var(--text-0);margin-bottom:16px;line-height:1.1;letter-spacing:-0.03em;position:relative}.landing-hero h1 span{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero h1 .gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero p{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--text-2);margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6;padding:0 4px}.landing-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(108,92,231,0.1);border:1px solid rgba(108,92,231,0.3);color:#38bdf8;padding:8px 16px;border-radius:20px;font-size:clamp(0.75rem,1.8vw,0.85rem);font-weight:600;margin-bottom:24px;text-transform:uppercase;letter-spacing:0.05em}.landing-hero-stats{display:none !important}.landing-hero-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.landing-hero-stats .stat strong{font-size:1.8rem;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-stats .stat span{font-size:0.85rem;color:var(--text-2);font-weight:500}.landing-hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.landing-section-title{text-align:center;margin-bottom:14px;font-size:1.9rem;font-weight:700;color:var(--text-0);letter-spacing:-0.02em}.landing-section-subtitle{text-align:center;color:var(--text-3);font-size:1.05rem;margin-bottom:48px;max-width:520px;margin-left:auto;margin-right:auto}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;max-width:1100px;margin:0 auto;padding:0 36px 70px}.feature-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;transition:border-color var(--t),transform var(--t),box-shadow var(--t);position:relative;display:flex;flex-direction:column;height:100%}.feature-card:hover{border-color:rgba(16,185,129,0.3);transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-lg),0 0 50px rgba(16,185,129,0.08)}.feature-card-icon{width:56px;height:56px;margin-bottom:20px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform var(--t)}.feature-card-icon.green{background:var(--accent-subtle);color:var(--accent)}.feature-card-icon.gold{background:var(--accent-2-subtle);color:var(--accent-2)}.feature-card-icon.teal{background:var(--accent-3-subtle);color:var(--accent-3)}.feature-card-icon.purple{background:rgba(14,165,233,0.1);color:var(--color-purple)}.feature-card-icon.cyan{background:rgba(6,182,212,0.1);color:var(--color-cyan)}.feature-card-icon.pink{background:rgba(236,72,153,0.1);color:var(--color-pink)}.feature-card:hover .feature-card-icon{transform:scale(1.1)}.feature-card h3{font-size:1.1rem;font-weight:700;color:var(--text-0);margin-bottom:10px}.feature-card p{font-size:0.92rem;color:var(--text-3);line-height:1.65}.landing-cta{text-align:center;padding:70px 36px 90px;max-width:700px;margin:0 auto}.landing-cta h2{font-size:2rem;font-weight:700;color:var(--text-0);margin-bottom:14px;letter-spacing:-0.02em}.landing-cta p{font-size:1.05rem;color:var(--text-3);margin-bottom:32px}.landing-footer{border-top:1px solid var(--border);padding:28px 28px;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:16px}.landing-footer-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-footer-brand img{height:clamp(28px,5vw,38px);width:auto;max-width:clamp(90px,22vw,150px);object-fit:contain;filter:drop-shadow(0 2px 8px rgba(16,185,129,0.15));flex-shrink:0;transition:transform 0.2s ease}.landing-footer-brand img:hover{transform:scale(1.02)}.landing-footer-text{font-size:0.78rem;color:var(--text-3)}.landing-footer-links{display:flex;gap:20px;flex-wrap:wrap}.landing-footer-links a{font-size:0.82rem;color:var(--text-3);transition:color 0.15s;text-decoration:none}.landing-footer-links a:hover{color:var(--accent)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--nav-h));padding:50px 20px}.auth-card{width:100%;max-width:420px;background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:40px 36px;box-shadow:var(--shadow-xl),0 0 80px rgba(16,185,129,0.04);position:relative;backdrop-filter:blur(20px)}.auth-card::before{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;background:var(--gradient-main);border-radius:0 0 4px 4px;box-shadow:0 2px 20px rgba(16,185,129,0.3)}.auth-card-header{text-align:center;margin-bottom:8px}.auth-logo{display:block;margin:0 auto 20px auto;height:clamp(60px,12vw,85px);width:auto;max-width:clamp(180px,45vw,260px);object-fit:contain;filter:drop-shadow(0 2px 18px rgba(16,185,129,0.25));transition:transform 0.3s var(--ease-out)}.auth-logo:hover{transform:scale(1.02)}.auth-icon-circle{width:clamp(56px,12vw,76px);height:clamp(56px,12vw,76px);margin:0 auto 20px auto;background:var(--accent-subtle);border:1px solid rgba(16,185,129,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,4vw,2rem);color:var(--accent)}.auth-card h1{font-size:1.55rem;font-weight:700;color:var(--text-0);margin-bottom:6px;text-align:center;letter-spacing:-0.02em}.auth-card .subtitle{font-size:0.92rem;color:var(--text-3);text-align:center;margin-bottom:32px}.oauth-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.auth-divider span{background:var(--bg-1);padding:0 16px;font-size:0.82rem;color:var(--text-3);position:relative;z-index:1}.auth-footer{text-align:center;margin-top:22px;font-size:0.88rem;color:var(--text-3)}.auth-footer a{color:var(--accent);font-weight:600}.code-inputs{display:flex;justify-content:center;gap:clamp(6px,2vw,12px);margin:24px 0;flex-wrap:nowrap}.code-input{width:clamp(38px,10vw,52px) !important;height:clamp(44px,12vw,58px) !important;font-size:clamp(1.1rem,3.5vw,1.5rem) !important;text-align:center;background:var(--glass-3) !important;border:1px solid var(--border) !important;border-radius:var(--radius-sm) !important;color:var(--text-0) !important;transition:border-color var(--t-fast),box-shadow var(--t-fast);font-family:'Geist Mono',monospace;padding:0 !important;flex-shrink:0}.code-input:focus{border-color:var(--accent) !important;box-shadow:0 0 0 3px var(--accent-subtle) !important;outline:none}.script-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.script-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--t),transform var(--t),box-shadow var(--t);position:relative}.script-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-main);transform:scaleX(0);transition:transform var(--t);transform-origin:left}.script-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow)}.script-card:hover::before{transform:scaleX(1)}.script-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);background:var(--glass-2)}.script-card-title{font-weight:700;color:var(--text-0);font-size:1rem;display:flex;align-items:center;gap:9px}.script-card-title i{color:var(--accent)}.script-card-badges{display:flex;gap:7px}.script-card-body{padding:18px 22px}.script-card-description{color:var(--text-2);font-size:0.88rem;margin-bottom:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.script-card-stats{display:flex;gap:22px;margin-bottom:16px}.script-card-stat{display:flex;align-items:center;gap:7px;font-size:0.82rem;color:var(--text-2)}.script-card-stat i{font-size:0.78rem;color:var(--accent-2)}.keyless-days{display:flex;gap:5px;margin-bottom:18px}.keyless-day{width:34px;height:28px;display:flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:700;border-radius:var(--radius-xs);background:var(--glass-3);color:var(--text-3);text-transform:uppercase;border:1px solid var(--border);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);cursor:pointer}.keyless-day.active{background:rgba(16,185,129,0.12);color:var(--color-green);border-color:rgba(16,185,129,0.35)}.script-card-actions{display:flex;gap:9px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--border)}.script-card-actions .btn-sm{flex-shrink:0}.usage-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px;position:relative}.usage-card::before{content:'';position:absolute;inset:0;background:var(--gradient-card);pointer-events:none}.usage-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);background:rgba(180,200,190,0.02);position:relative}.usage-card-title{display:flex;align-items:center;gap:12px}.usage-card-title h3{font-size:0.98rem;font-weight:700;color:var(--text-0);margin:0}.usage-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border);position:relative}.usage-item{padding:20px 24px;background:var(--bg-1)}.usage-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.usage-item-label{font-size:0.78rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:0.8px}.usage-item-value{font-size:1.5rem;font-weight:700;color:var(--text-0);letter-spacing:-0.02em;margin-bottom:10px}.usage-item-value span{font-size:0.85rem;font-weight:500;color:var(--text-3)}.usage-bar{width:100%;height:6px;background:var(--glass-4);border-radius:var(--radius-full);overflow:hidden}.usage-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 0.6s var(--ease-out);background:var(--gradient-main)}.usage-bar-fill.warning{background:var(--gradient-gold)}.usage-bar-fill.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.usage-bar-fill.normal{background:var(--gradient-main)}.usage-item-footer{font-size:0.72rem;color:var(--text-4);margin-top:8px}.code-editor{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-1)}.code-editor-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--glass-3);border-bottom:1px solid var(--border)}.code-editor-title{font-size:0.8rem;font-weight:600;color:var(--text-2);display:flex;align-items:center;gap:8px}.code-editor-title i{color:var(--accent);font-size:0.85rem}.code-editor-actions{display:flex;gap:8px}.code-editor-dots{display:flex;gap:6px}.code-editor-dot{width:10px;height:10px;border-radius:50%;background:var(--glass-5)}.code-editor-dot:nth-child(1){background:#ef4444}.code-editor-dot:nth-child(2){background:#fbbf24}.code-editor-dot:nth-child(3){background:#10b981}.code-editor-body{display:flex;max-height:400px;overflow:auto}.code-editor-body .line-numbers,.line-numbers{padding:14px 12px;text-align:right;font-family:'Geist Mono',monospace;font-size:0.78rem;line-height:1.65;color:var(--text-4);background:var(--glass-2);border-right:1px solid var(--border);user-select:none;min-width:44px;flex-shrink:0}.code-editor-body .code-textarea,.code-textarea{width:100%;min-height:200px;padding:14px 16px;font-family:'Geist Mono',monospace;font-size:0.82rem;line-height:1.65;color:var(--text-1);background:transparent;border:none;outline:none;resize:none;tab-size:4;-moz-tab-size:4;white-space:pre;overflow-wrap:normal;overflow-x:auto}.code-textarea::placeholder{color:var(--text-4)}.code-textarea:focus{outline:none}.file-upload-zone{position:relative;padding:40px 24px;border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:border-color var(--t),background var(--t);background:var(--glass-2)}.file-upload-zone:hover,.file-upload-zone.dragover{border-color:var(--accent);background:var(--accent-subtle)}.file-upload-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-upload-icon{font-size:2.5rem;color:var(--text-3);margin-bottom:16px;transition:color var(--t),transform var(--t)}.file-upload-zone:hover .file-upload-icon{color:var(--accent);transform:translateY(-4px)}.file-upload-text{font-size:0.95rem;font-weight:600;color:var(--text-1);margin-bottom:6px}.file-upload-hint{font-size:0.78rem;color:var(--text-3)}.validity-presets{display:flex;gap:8px;flex-wrap:wrap}.validity-preset{padding:8px 16px;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:0.82rem;font-weight:600;color:var(--text-2);cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);font-family:inherit}.validity-preset:hover{border-color:var(--border-hover);color:var(--text-0)}.validity-preset.selected{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.number-selector{display:flex;gap:8px}.number-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:0.95rem;font-weight:700;color:var(--text-2);cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);font-family:inherit}.number-btn:hover{border-color:var(--border-hover);color:var(--text-0)}.number-btn.selected{background:var(--gradient-main);border-color:var(--accent);color:#fff}.tier-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.tier-card{padding:20px;background:var(--glass-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:border-color var(--t),transform var(--t)}.tier-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.tier-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.tier-card-icon{font-size:1.8rem;margin-bottom:12px;color:var(--text-2);transition:color var(--t)}.tier-card.selected .tier-card-icon{color:var(--accent)}.tier-card-title{font-size:0.88rem;font-weight:600;color:var(--text-0);margin-bottom:4px}.tier-card-desc{font-size:0.75rem;color:var(--text-3)}.slider-group{display:flex;align-items:center;gap:14px}.range-slider{flex:1;height:6px;background:var(--glass-4);border-radius:var(--radius-full);outline:none;appearance:none;cursor:pointer}.range-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 8px rgba(16,185,129,0.3)}.range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.slider-value{min-width:50px;text-align:right;font-size:0.88rem;font-weight:600;color:var(--text-0)}.integration-selector{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.integration-selector-header{padding:12px;background:var(--glass-2);border-bottom:1px solid var(--border)}.integration-selector-search{width:100%;padding:10px 14px;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-0);font-size:0.85rem;font-family:inherit}.integration-selector-search:focus{outline:none;border-color:var(--accent)}.integration-selector-list{max-height:240px;overflow-y:auto}.integration-selector-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast)}.integration-selector-item:last-child{border-bottom:none}.integration-selector-item:hover{background:var(--glass-3)}.integration-selector-item-info{display:flex;flex-direction:column;gap:2px}.integration-selector-item-name{font-size:0.88rem;font-weight:600;color:var(--text-0)}.integration-selector-item-type{font-size:0.72rem;color:var(--text-3);text-transform:uppercase}.integration-selector-add{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--glass-4);border-radius:var(--radius-full);color:var(--text-3);transition:background var(--t-fast),color var(--t-fast)}.integration-selector-item:hover .integration-selector-add{background:var(--accent-subtle);color:var(--accent)}.selected-integrations{padding:16px;background:var(--glass-2);border:1px solid var(--border);border-radius:var(--radius)}.selected-integrations-title{font-size:0.78rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px}.unsaved-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.2);border-radius:var(--radius-full);margin-bottom:20px;flex-wrap:wrap;gap:12px}.unsaved-banner-left{display:flex;align-items:center;gap:12px}.unsaved-banner-icon{width:32px;height:32px;border-radius:var(--radius-full);background:rgba(251,191,36,0.12);display:flex;align-items:center;justify-content:center;color:var(--color-yellow)}.unsaved-banner-text{font-size:0.88rem;font-weight:600;color:var(--text-0)}.unsaved-banner-actions{display:flex;gap:8px}.discord-blocker{position:fixed;inset:0;z-index:99998;background:rgba(5,8,6,0.95);display:flex;align-items:center;justify-content:center;padding:20px}.discord-blocker-content{text-align:center;max-width:420px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:48px 36px;box-shadow:var(--shadow-xl)}.discord-blocker-logo{height:60px;margin:0 auto 24px}.discord-blocker-icon{font-size:3rem;color:#5865F2;margin-bottom:20px}.discord-blocker-content h2{font-size:1.4rem;font-weight:700;color:var(--text-0);margin-bottom:12px}.discord-blocker-content p{font-size:0.92rem;color:var(--text-2);line-height:1.6;margin-bottom:24px}.discord-blocker-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.discord-blocker-footer p{font-size:0.82rem;color:var(--text-3);margin-bottom:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:0.7rem}.text-sm{font-size:0.8rem}.text-base{font-size:0.88rem}.text-lg{font-size:1.05rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.9rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-muted{color:var(--text-3) !important}.text-secondary{color:var(--text-2)}.text-primary{color:var(--text-0)}.text-accent{color:var(--accent)}.text-success,.text-green{color:var(--color-green)}.text-danger,.text-red{color:var(--color-red)}.text-warning,.text-yellow{color:var(--color-yellow)}.text-info,.text-cyan{color:var(--color-cyan)}.text-purple{color:var(--color-purple)}.text-pink{color:var(--color-pink)}.text-orange{color:var(--color-orange)}.text-blue{color:var(--color-blue)}.text-teal{color:var(--color-teal)}.text-gold{color:var(--accent-2)}.text-gradient{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:36px}.mt-5{margin-top:48px}.mt-6{margin-top:64px}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:36px}.mb-5{margin-bottom:48px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:36px}.p-5{padding:48px}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:8px}.gap-2{gap:14px}.gap-3{gap:22px}.gap-4{gap:32px}.gap-5{gap:42px}.hidden{display:none !important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.flex-1{flex:1;min-width:0}.opacity-50{opacity:0.5}.opacity-75{opacity:0.75}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border)}.border-accent{border-color:var(--accent)}.bg-card{background:var(--bg-1)}.bg-surface{background:var(--glass-3)}.glow{box-shadow:var(--shadow-glow)}.glow-gold{box-shadow:var(--shadow-glow-gold)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--glass-5) transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--glass-4);border:1px solid var(--border);border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;color:var(--text-2);margin-bottom:28px}.hero-badge i{color:var(--accent-2)}.hero-desc{font-size:1.15rem;color:var(--text-2);margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.hero-btn{min-width:180px}.hero-stats-row{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat-value{font-size:1.6rem;font-weight:800;color:var(--text-0);letter-spacing:-0.02em}.hero-stat-label{font-size:0.75rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:1px}.hero-stat-divider{width:1px;height:32px;background:var(--border)}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-section{max-width:1100px;margin:0 auto;padding:60px 36px}.section-header{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--glass-4);border:1px solid var(--border);border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.section-badge i{color:var(--accent);font-size:0.7rem}.section-title{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700;color:var(--text-0);letter-spacing:-0.02em;margin-bottom:12px}.section-subtitle{font-size:1.02rem;color:var(--text-3);max-width:520px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;align-items:stretch}.feature-card-glow{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;opacity:0;transition:opacity var(--t);pointer-events:none}.feature-card:hover .feature-card-glow{opacity:1}.feature-card-glow.green{background:radial-gradient(circle,rgba(16,185,129,0.12),transparent 70%)}.feature-card-glow.gold{background:radial-gradient(circle,rgba(251,191,36,0.12),transparent 70%)}.feature-card-glow.teal{background:radial-gradient(circle,rgba(20,184,166,0.12),transparent 70%)}.feature-card-glow.purple{background:radial-gradient(circle,rgba(14,165,233,0.12),transparent 70%)}.feature-card-glow.cyan{background:radial-gradient(circle,rgba(6,182,212,0.12),transparent 70%)}.feature-card-glow.pink{background:radial-gradient(circle,rgba(236,72,153,0.12),transparent 70%)}.steps-grid{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%}.step-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;text-align:center;flex:1;min-width:240px;max-width:320px;transition:border-color var(--t),transform var(--t),box-shadow var(--t);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.step-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow)}.step-number{font-size:2.5rem;font-weight:900;color:var(--glass-5);letter-spacing:-0.02em;line-height:1;margin-bottom:16px}.step-icon{width:56px;height:56px;margin:0 auto 18px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.step-icon.green{background:var(--accent-subtle);color:var(--accent)}.step-icon.gold{background:var(--accent-2-subtle);color:var(--accent-2)}.step-icon.teal{background:var(--accent-3-subtle);color:var(--accent-3)}.step-card h3{font-size:1.05rem;font-weight:700;color:var(--text-0);margin-bottom:8px}.step-card p{font-size:0.88rem;color:var(--text-3);line-height:1.6}.step-connector{display:flex;align-items:center;justify-content:center;padding:0 12px;color:var(--accent);font-size:1.4rem;margin:0;font-weight:600}.code-showcase{max-width:700px;margin:0 auto}.code-window{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-1)}.code-window-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--glass-3);border-bottom:1px solid var(--border)}.code-window-dots{display:flex;gap:7px}.code-window-dots .dot{width:11px;height:11px;border-radius:50%}.code-window-dots .dot.red{background:#ef4444}.code-window-dots .dot.yellow{background:#fbbf24}.code-window-dots .dot.green{background:#10b981}.code-window-title{font-size:0.78rem;font-weight:600;color:var(--text-3)}.code-copy-btn{background:var(--glass-4);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 12px;color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);font-size:0.82rem}.code-copy-btn:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.code-window-body{padding:22px 24px;overflow-x:auto}.code-window-body pre{margin:0;font-family:'Geist Mono',monospace;font-size:0.88rem;line-height:1.6}.code-func{color:#60a5fa}.code-paren{color:var(--text-2)}.code-obj{color:#f472b6}.code-colon{color:var(--text-3)}.code-method{color:#34d399}.code-string{color:#fbbf24}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:300px;background:radial-gradient(ellipse,rgba(16,185,129,0.06) 0%,transparent 70%);pointer-events:none}.cta-content{position:relative}[data-animate]{opacity:0;transform:translateY(24px);transition:opacity 0.6s var(--ease-out),transform 0.6s var(--ease-out)}[data-animate].animate-in{opacity:1;transform:translateY(0)}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(16,185,129,0.1)}50%{box-shadow:0 0 40px rgba(16,185,129,0.2)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-up{animation:fadeSlideUp 0.5s var(--ease-out) both}.animate-scale-in{animation:scaleIn 0.4s var(--ease-out) both}.animate-glow{animation:glowPulse 3s ease-in-out infinite}.animate-float{animation:floatY 4s ease-in-out infinite}.password-strength{margin-top:8px}.strength-bar{width:100%;height:4px;background:var(--glass-4);border-radius:var(--radius-full);overflow:hidden;margin-bottom:4px}.strength-fill{height:100%;border-radius:var(--radius-full);transition:width 0.3s var(--ease-out)}.strength-label{font-size:0.72rem;font-weight:600}.quick-editor-overlay{position:fixed;inset:0;background:rgba(5,8,6,0.9);z-index:calc(var(--z-modal) + 100);display:flex;align-items:stretch;justify-content:center;padding:0;opacity:0;visibility:hidden;transition:opacity 0.28s var(--ease-out),visibility 0.28s var(--ease-out)}.quick-editor-overlay.active{opacity:1;visibility:visible}.quick-editor{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:18px;background:var(--bg-0);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:editorSlideIn 0.3s var(--ease-out);min-height:0}@keyframes editorSlideIn{from{opacity:0;transform:translateY(24px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-editor-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;flex-shrink:0;background:var(--bg-2);border-bottom:1px solid var(--border);gap:12px}.quick-editor-title{display:flex;align-items:center;gap:10px;font-size:0.92rem;font-weight:700;color:var(--text-0);min-width:0;flex:1;overflow:hidden}.quick-editor-title i{color:var(--accent);font-size:1rem;flex-shrink:0}.quick-editor-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-editor-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.quick-editor-body{flex:1;min-height:0;position:relative;overflow:hidden}#qe-monaco-container,#create-monaco-container,#detail-monaco-container{width:100%;height:100%}.quick-editor-body .monaco-editor,.quick-editor-body .monaco-editor-background,.quick-editor-body .monaco-editor .margin{background-color:var(--bg-0) !important}.quick-editor-status{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:30px;flex-shrink:0;background:var(--bg-0);border-top:1px solid var(--border);font-size:0.72rem;color:var(--text-3);gap:12px}.quick-editor-status-left,.quick-editor-status-right{display:flex;align-items:center;gap:10px}.quick-editor-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background var(--t-fast)}.quick-editor-status-dot.saved{background:var(--color-green)}.quick-editor-status-dot.unsaved{background:var(--color-yellow)}.quick-editor-status-dot.saving{background:var(--color-cyan);animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:0.35}}#create-monaco-container{height:260px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-0)}#create-monaco-container .monaco-editor,#create-monaco-container .monaco-editor-background,#create-monaco-container .monaco-editor .margin{background-color:var(--bg-0) !important}#detail-monaco-container{height:420px;background:var(--bg-0)}#detail-monaco-container .monaco-editor,#detail-monaco-container .monaco-editor-background,#detail-monaco-container .monaco-editor .margin{background-color:var(--bg-0) !important}@media (max-width:768px){:root{--nav-h:60px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}#nav{padding:0 14px;gap:8px}.tnav-brand .nav-logo{height:26px}#main.with-sidebar{margin-left:0}#main{padding:calc(var(--nav-h) + 20px) 16px 32px}.burger-menu{display:flex}.page-header{flex-direction:column;align-items:flex-start;gap:14px}.page-title{font-size:1.3rem}.landing-hero{padding:50px 16px 40px;gap:4px}.landing-hero h1{margin-bottom:12px;font-size:clamp(1.6rem,5vw,2.4rem)}.landing-hero p{font-size:0.95rem;margin-bottom:24px;line-height:1.5}.landing-hero-badge{font-size:0.7rem;padding:6px 12px;margin-bottom:16px}.landing-hero-btns{display:flex;flex-direction:column;gap:10px;width:100%}.landing-hero-btns .btn{width:100%;font-size:0.95rem;padding:12px 16px}.landing-features{padding:0 14px 50px}.landing-feat-grid{grid-template-columns:1fr;gap:14px;padding:0 12px}.landing-feat-tile{padding:20px !important}.landing-feat-tile h3{font-size:1rem !important}.landing-feat-tile p{font-size:0.85rem !important}.landing-steps-row{flex-direction:column;gap:16px}.landing-step-arrow{display:none}.landing-step-tile{width:100%}.auth-card{padding:32px 24px;border-radius:var(--radius-xl)}.auth-card h1{font-size:1.4rem}.auth-logo{height:clamp(50px,10vw,70px);max-width:clamp(150px,40vw,220px)}.nav-logo{height:clamp(42px,8vw,56px);max-width:clamp(140px,35vw,200px)}.landing-footer{padding:28px 20px;flex-direction:column;align-items:center;text-align:center}.landing-footer-inner{flex-direction:column;align-items:center}.landing-footer-brand{flex-direction:column;align-items:center;gap:8px}.landing-footer-links{justify-content:center}.usage-card-grid{grid-template-columns:1fr}.steps-grid{flex-direction:column;align-items:center}.step-connector{transform:rotate(90deg);margin:8px 0}.step-card{max-width:100%}.hero-stats-row{gap:20px}.hero-stat-value{font-size:1.3rem}.features-grid{grid-template-columns:1fr}.toggle-option{flex-direction:column;align-items:flex-start;gap:14px}.toggle-option-fields{padding-left:0}.landing-section{padding:40px 16px}.burger-menu{width:38px;height:38px}.menu__icon{width:20px}.quick-editor{margin:0;border-radius:0;border:none;height:100dvh;max-width:100%}.quick-editor-overlay{padding:0;align-items:stretch}.quick-editor-header{padding:0 12px;height:52px}.quick-editor-actions{gap:6px}#qe-find-btn{display:none}.quick-editor-actions .btn-sm{padding:7px 11px;font-size:0.78rem}.quick-editor-body{height:calc(100dvh - 52px - 30px)}#qe-monaco-container{height:100%}.quick-editor-status{padding:0 12px;font-size:0.68rem;gap:8px}.quick-editor-status-right{display:none}#create-monaco-container{height:200px}#detail-monaco-container{height:300px}.custom-dropdown-menu{max-height:200px}.custom-dropdown-option{padding:12px 14px;min-height:44px}}@media (max-width:480px){.nav-logo{height:clamp(36px,9vw,48px);max-width:clamp(120px,30vw,160px)}.auth-card{padding:28px 18px}.auth-card h1{font-size:1.25rem}.auth-logo{height:clamp(44px,10vw,60px);max-width:clamp(130px,35vw,180px)}.code-input{width:clamp(34px,12vw,44px) !important;height:clamp(40px,13vw,50px) !important;font-size:clamp(1rem,4vw,1.3rem) !important}.sidebar-logo img{height:clamp(32px,6vw,42px);max-width:clamp(110px,45%,150px)}.hero-actions{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:280px}.feature-card{padding:24px 20px}.script-cards-grid{grid-template-columns:1fr}.plan-cards{grid-template-columns:1fr}.burger-menu{width:38px;height:38px}.menu__icon{width:20px}.quick-editor-title span{max-width:120px}#qe-save-btn .fa-save ~ *{display:none}}@media (max-width:360px){.nav-logo{height:32px;max-width:110px}.auth-logo{height:40px;max-width:110px;margin-bottom:14px}.auth-card{padding:24px 14px}.code-input{width:32px !important;height:38px !important;font-size:0.95rem !important;border-radius:var(--radius-xs) !important}.code-inputs{gap:4px}.landing-footer-brand img{height:26px;max-width:80px}.burger-menu{width:36px;height:36px}.menu__icon{width:18px}}@media (max-height:500px) and (orientation:landscape){.auth-logo{height:40px;max-width:130px;margin-bottom:10px}.auth-icon-circle{width:48px;height:48px;font-size:1.2rem;margin-bottom:12px}.auth-card{padding:20px 24px}.auth-container{padding:20px 16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.nav-logo,.auth-logo,.sidebar-logo img,.landing-footer-brand img,.nav-avatar img,.sidebar-user-avatar img{image-rendering:-webkit-optimize-contrast}}@media (min-width:769px){.card:hover,.stat-card:hover,.feature-card:hover,.script-card:hover{box-shadow:0 8px 32px rgba(5,10,8,0.4)}.card.clickable:hover,.card[onclick]:hover,.card[style*="cursor:pointer"]:hover{box-shadow:0 12px 40px rgba(5,10,8,0.5)}.btn-primary:hover:not(:disabled),.btn-success:hover:not(:disabled){box-shadow:0 6px 24px rgba(16,185,129,0.3)}.btn-danger:hover:not(:disabled){box-shadow:0 6px 24px rgba(239,68,68,0.3)}.btn-warning:hover:not(:disabled){box-shadow:0 6px 24px rgba(251,191,36,0.3)}body::before{background:radial-gradient(at 20% 10%,rgba(16,185,129,0.04) 0px,transparent 50%),radial-gradient(at 80% 5%,rgba(251,191,36,0.02) 0px,transparent 50%)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}#nav,#sidebar,.card,.modal,.auth-card,.toast,.quick-editor{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background-color:var(--bg-0) !important}.modal-overlay{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(5,8,6,0.92) !important}}@-moz-document url-prefix(){#nav,#sidebar,.card,.stat-card,.feature-card,.script-card,.modal,.auth-card,.toast{}.modal-overlay,.quick-editor-overlay{backdrop-filter:none;background:rgba(5,8,6,0.94)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:18px;flex-wrap:wrap}.page-header .page-title{letter-spacing:-0.02em;letter-spacing:-0.5px}.bento-header{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:48px;flex-wrap:wrap}.bento-welcome{display:flex;flex-direction:column;gap:8px}.bento-greeting{font-size:0.95rem;font-weight:500;color:var(--text-2);text-transform:capitalize;letter-spacing:0.3px}.bento-username{font-size:2.2rem;font-weight:800;color:var(--text-0);letter-spacing:-0.02em;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bento-period-switcher{display:flex;gap:8px;align-items:center}.bento-pill{padding:10px 18px;border:1.5px solid var(--border);background:transparent;color:var(--text-2);border-radius:20px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.2s;text-transform:uppercase;letter-spacing:0.5px}.bento-pill:hover{border-color:var(--accent);color:var(--accent);background:rgba(16,185,129,0.05)}.bento-pill.active{background:var(--accent);color:var(--text-0);border-color:var(--accent);font-weight:700}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.bento-grid > .bento-stat{grid-column:span 1}.bento-grid > .bento-chart-wide{grid-column:span 2.5}.bento-grid > .bento-metrics-stack{grid-column:span 1.5}.bento-grid > .bento-chart-mid{grid-column:span 2}.bento-grid > .bento-scripts-tile{grid-column:span 2}.bento-grid > .bento-activity-tile{grid-column:span 2}@media (max-width:1400px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid > .bento-stat{grid-column:span 1}.bento-grid > .bento-chart-wide{grid-column:span 2}.bento-grid > .bento-metrics-stack{grid-column:span 2}.bento-grid > .bento-chart-mid{grid-column:span 1}.bento-grid > .bento-scripts-tile{grid-column:span 1}.bento-grid > .bento-activity-tile{grid-column:span 1}}@media (max-width:768px){.bento-header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:32px}.bento-username{font-size:1.8rem}.bento-grid{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.bento-grid > *{grid-column:span 1 !important}.bento-stat{padding:32px 24px !important;border-radius:28px !important}.bento-stat-tile-num{font-size:2.8rem !important;margin:16px 0 8px 0}.bento-stat-tile-top{font-size:0.8rem !important;margin-bottom:8px}.bento-metrics-stack{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;padding:0 !important;background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important}.bento-metrics-stack .bento-metric-item{grid-column:span 1 !important;padding:24px 18px !important;border:1px solid var(--border) !important;background:var(--glass-2) !important;border-radius:22px !important;margin:0 !important;border-bottom:1px solid var(--border) !important;flex-direction:column !important;align-items:flex-start !important;gap:12px !important;transition:all 0.2s}.bento-metrics-stack .bento-metric-item:hover{border-color:var(--border-light) !important;box-shadow:0 8px 20px rgba(0,0,0,0.15)}.bento-metric-icon{width:44px !important;height:44px !important;font-size:1.1rem !important}.bento-metric-val{font-size:1.6rem !important;margin-top:4px}.bento-metric-lbl{font-size:0.7rem !important;letter-spacing:0.6px}.chart-container{padding:28px 18px !important;height:300px !important;min-height:300px}.bento-script-row{grid-template-columns:36px 1fr 70px !important;padding:18px 20px !important;gap:12px !important}.bento-script-name{font-size:0.9rem !important}.bento-script-execs{font-size:0.9rem !important}.bento-sparkline{display:none !important}.bento-rank{width:32px !important;height:32px !important;font-size:0.85rem !important}.bento-activity-row{padding:18px 20px !important;gap:12px !important}.bento-act-title{font-size:0.9rem !important}.bento-act-desc{font-size:0.75rem !important}.bento-act-time{font-size:0.7rem !important}.bento-tile-header{padding:22px 20px !important}.bento-tile-title{font-size:1rem !important}.bento-tile-title i{font-size:1rem !important}.bento-tile{border-radius:24px !important;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.bento-tile:hover{box-shadow:0 8px 20px rgba(0,0,0,0.12)}.bento-see-all{font-size:0.75rem !important;gap:4px !important}.bento-see-all:hover{gap:6px !important}}.bento-tile{background:var(--glass-2);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.bento-tile:hover{border-color:var(--border-light);box-shadow:0 12px 32px rgba(0,0,0,0.15)}.bento-tile-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border);background:rgba(180,200,190,0.02);flex-wrap:wrap;gap:12px}.bento-tile-title{font-size:1rem;font-weight:800;color:var(--text-0);display:flex;align-items:center;gap:10px}.bento-tile-title i{color:var(--accent);font-size:1.1rem}.bento-tile-value{font-size:1.2rem;font-weight:700;color:var(--accent)}.bento-tile-value.highlight-green{color:var(--accent)}.bento-tile-value.highlight-gold{color:var(--accent-2)}.chart-container{padding:28px;height:280px;display:flex;align-items:center;justify-content:center}.bento-metrics-stack{display:flex;flex-direction:column;gap:0}.bento-metrics-stack .bento-metric-item{display:flex;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid var(--border);transition:background 0.2s}.bento-metrics-stack .bento-metric-item:last-child{border-bottom:none}.bento-metrics-stack .bento-metric-item:hover{background:rgba(180,200,190,0.02)}.bento-metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.bento-icon-green{background:var(--accent-subtle);color:var(--accent)}.bento-icon-gold{background:var(--accent-2-subtle);color:var(--accent-2)}.bento-icon-teal{background:rgba(20,184,166,0.1);color:var(--accent-3)}.bento-icon-red{background:rgba(239,68,68,0.1);color:var(--color-red)}.bento-metric-val{font-size:1.8rem;font-weight:800;color:var(--text-0);line-height:1}.bento-metric-lbl{font-size:0.85rem;color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px}.bento-script-list{padding:0}.bento-script-row{display:grid;grid-template-columns:40px 1fr 120px 80px;align-items:center;gap:12px;padding:18px 28px;border-bottom:1px solid var(--border);cursor:pointer;transition:background 0.2s}.bento-script-row:last-child{border-bottom:none}.bento-script-row:hover{background:rgba(180,200,190,0.02)}.bento-rank{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:800;color:var(--text-0)}.bento-rank-1{background:rgba(250,204,21,0.2);color:var(--accent-2)}.bento-rank-2{background:rgba(168,168,168,0.2);color:var(--text-1)}.bento-rank-3{background:rgba(205,127,50,0.2);color:var(--color-orange)}.bento-rank-4{background:rgba(100,100,100,0.15);color:var(--text-2)}.bento-script-name{font-size:0.95rem;font-weight:600;color:var(--text-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-script-execs{font-size:0.9rem;font-weight:700;color:var(--accent);text-align:right}.bento-sparkline{display:flex;align-items:center;justify-content:flex-end;height:32px}.bento-activity-list{padding:0}.bento-activity-row{display:flex;align-items:center;gap:14px;padding:20px 28px;border-bottom:1px solid var(--border)}.bento-activity-row:last-child{border-bottom:none}.bento-act-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.bento-act-dot.success{background:var(--accent)}.bento-act-dot.blocked{background:var(--color-red)}.bento-act-dot.warning{background:var(--accent-2)}.bento-act-dot.info{background:var(--accent-3)}.bento-act-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.bento-act-title{font-size:0.95rem;font-weight:600;color:var(--text-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bento-act-desc{font-size:0.8rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bento-act-time{font-size:0.8rem;color:var(--text-3);white-space:nowrap;margin-left:auto;padding-left:12px}.bento-empty{padding:48px 28px;text-align:center;color:var(--text-3)}.bento-empty i{font-size:2.4rem;opacity:0.3;display:block;margin-bottom:12px}.bento-see-all{font-size:0.85rem;color:var(--accent);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;transition:gap 0.2s;margin-left:auto}.bento-see-all:hover{gap:10px}.bento-see-all i{font-size:0.75rem}.bento-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:36px}.bento-stat-tile{background:var(--glass-2);border:1px solid var(--border);border-radius:24px;padding:28px 26px;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:default;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.bento-stat-tile:hover{border-color:var(--border-light);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.2)}.bento-stat-tile .bento-orb{position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(50px);opacity:0.2;top:-30px;right:-30px;pointer-events:none;transition:opacity 0.3s}.bento-stat-tile:hover .bento-orb{opacity:0.35}.bento-stat-tile-top{display:flex;align-items:center;gap:9px;font-size:0.75rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px;z-index:1;position:relative}.bento-stat-tile-top i{font-size:0.95rem}.bento-stat-tile-num{font-size:2.2rem;font-weight:800;color:var(--text-0);line-height:1.1;letter-spacing:-0.02em;z-index:1;position:relative}.bento-delta{font-size:0.85rem;font-weight:700;margin-top:12px;z-index:1;position:relative;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:10px;width:fit-content}.bento-delta.up{color:var(--accent);background:rgba(16,185,129,0.1)}.bento-delta.dn{color:var(--color-red);background:rgba(239,68,68,0.1)}.bst-green .bento-orb{background:var(--accent)}.bst-green .bento-stat-tile-top i{color:var(--accent)}.bst-gold .bento-orb{background:var(--accent-2)}.bst-gold .bento-stat-tile-top i{color:var(--accent-2)}.bst-teal .bento-orb{background:var(--accent-3)}.bst-teal .bento-stat-tile-top i{color:var(--accent-3)}.bst-red .bento-orb{background:var(--color-red)}.bst-red .bento-stat-tile-top i{color:var(--color-red)}.bst-purple .bento-orb{background:var(--color-purple)}.bst-purple .bento-stat-tile-top i{color:var(--color-purple)}.bst-cyan .bento-orb{background:var(--color-cyan)}.bst-cyan .bento-stat-tile-top i{color:var(--color-cyan)}.bento-card{background:var(--glass-2);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.bento-card:hover{border-color:var(--border-light);box-shadow:0 12px 32px rgba(0,0,0,0.15)}.bento-card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border);background:rgba(180,200,190,0.02);flex-wrap:wrap;gap:12px}.bento-card-title{font-size:1rem;font-weight:800;color:var(--text-0);display:flex;align-items:center;gap:10px}.bento-card-title i{color:var(--accent);font-size:1.1rem}.bento-card-body{padding:28px}.bento-provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.bento-provider-card{background:var(--glass-2);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;position:relative}.bento-provider-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-main);transform:scaleX(0);transition:transform 0.2s;transform-origin:left}.bento-provider-card:hover{border-color:var(--border-light);transform:translateY(-3px);box-shadow:0 10px 32px rgba(5,10,8,0.4)}.bento-provider-card:hover::before{transform:scaleX(1)}.bento-provider-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:rgba(180,200,190,0.02)}.bento-provider-info{display:flex;align-items:center;gap:12px}.bento-provider-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.bento-provider-icon.green{background:var(--accent-subtle);color:var(--accent)}.bento-provider-icon.gold{background:var(--accent-2-subtle);color:var(--accent-2)}.bento-provider-icon.blue{background:rgba(59,130,246,0.1);color:var(--color-blue)}.bento-provider-icon.purple{background:rgba(14,165,233,0.1);color:var(--color-purple)}.bento-provider-name{font-weight:700;font-size:0.95rem;color:var(--text-0)}.bento-provider-type{font-size:0.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:0.5px;margin-top:2px}.bento-provider-body{padding:16px 20px}.bento-provider-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.bento-meta-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:0.72rem;font-weight:600;color:var(--text-2)}.bento-meta-chip i{font-size:0.68rem;color:var(--accent)}.bento-provider-actions{display:flex;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.bento-integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.bento-integration-card{background:var(--glass-2);border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;align-items:center;gap:14px;transition:border-color 0.2s,transform 0.2s;cursor:pointer}.bento-integration-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.bento-integration-card.has-integration{border-color:rgba(16,185,129,0.25)}.bento-integration-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;background:var(--glass-4);color:var(--text-2)}.bento-integration-icon.linkvertise{background:rgba(59,130,246,0.12);color:var(--color-blue)}.bento-integration-icon.workink{background:rgba(16,185,129,0.12);color:var(--color-green)}.bento-integration-icon.lootlabs{background:rgba(251,191,36,0.12);color:var(--color-yellow)}.bento-integration-info{flex:1;min-width:0}.bento-integration-name{font-weight:700;font-size:0.92rem;color:var(--text-0);margin-bottom:3px}.bento-integration-status{display:flex;align-items:center;gap:5px;font-size:0.72rem;color:var(--text-3)}.bento-integration-dot{width:6px;height:6px;border-radius:50%;background:var(--color-green)}.bento-integration-dot.inactive{background:var(--border-hover)}.bento-integration-add{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--glass-4);color:var(--text-3);font-size:0.85rem;transition:background 0.15s,color 0.15s;flex-shrink:0}.bento-integration-card:hover .bento-integration-add{background:var(--accent-subtle);color:var(--accent)}.bento-settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--glass-2);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;transition:border-color 0.2s;gap:14px;flex-wrap:wrap}.bento-settings-row:hover{border-color:var(--border-hover)}.bento-settings-row-left{display:flex;align-items:center;gap:14px}.bento-settings-row-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.bento-settings-row-text h4{font-size:0.9rem;font-weight:600;color:var(--text-0);margin-bottom:2px}.bento-settings-row-text p{font-size:0.78rem;color:var(--text-3);margin:0}.bento-filter-bar{background:var(--glass-2);border:1px solid var(--border);border-radius:16px;padding:14px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.bento-filter-bar .form-input{background:var(--glass-3);border-color:var(--border)}.bento-filter-bar .form-input:focus{border-color:var(--accent);background:var(--glass-4)}.bento-key-card{background:var(--glass-2);border:1px solid var(--border);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s;margin-bottom:7px}.bento-key-card:hover{border-color:var(--border-hover);background:var(--glass-3);box-shadow:0 4px 16px rgba(5,10,8,0.3)}.bento-key-card.selected{border-color:var(--accent-muted);background:var(--accent-subtle)}.bento-key-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:0.95rem;flex-shrink:0}.bento-key-icon.active{background:rgba(16,185,129,0.12);color:var(--color-green)}.bento-key-icon.expired{background:rgba(251,191,36,0.12);color:var(--color-yellow)}.bento-key-icon.revoked{background:rgba(239,68,68,0.12);color:var(--color-red)}.bento-key-string{font-family:'Geist Mono',monospace;font-size:0.78rem;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.bento-key-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.bento-key-body{flex:1;min-width:0}.bento-key-actions{display:flex;gap:3px;flex-shrink:0}.bento-key-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:var(--glass-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:0.68rem;font-weight:600;color:var(--text-2)}.bento-key-chip i{font-size:0.62rem}.bento-key-chip.active{background:rgba(34,197,94,0.1);color:#22c55e;border-color:rgba(34,197,94,0.2)}.bento-key-chip.expired{background:rgba(251,191,36,0.1);color:#fbbf24;border-color:rgba(251,191,36,0.2)}.bento-key-chip.revoked{background:rgba(239,68,68,0.1);color:#ef4444;border-color:rgba(239,68,68,0.2)}.bento-key-chip.permanent{background:rgba(16,185,129,0.1);color:#34d399;border-color:rgba(16,185,129,0.2)}.bento-key-chip.hwid-chip{cursor:pointer}.bento-key-chip.hwid-chip:hover{background:var(--glass-4);border-color:var(--accent-muted);color:var(--accent)}.bento-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.bento-service-card{background:var(--glass-2);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;cursor:pointer;position:relative}.bento-service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-main);transform:scaleX(0);transition:transform 0.2s;transform-origin:left}.bento-service-card:hover{border-color:rgba(16,185,129,0.3);transform:translateY(-3px);box-shadow:0 10px 32px rgba(5,10,8,0.4)}.bento-service-card:hover::before{transform:scaleX(1)}#nav .nav-links a.active,#nav .nav-links button.active{color:var(--text-0);background:var(--accent-subtle);border:1px solid var(--accent-muted)}#sidebar.mobile-open{animation:sidebarSlideIn 0.3s var(--ease-out)}@keyframes sidebarSlideIn{from{transform:translateX(-120%);opacity:0}to{transform:translateX(0);opacity:1}}.bento-section-divider{display:flex;align-items:center;gap:14px;margin:28px 0 18px}.bento-section-divider-label{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-4);white-space:nowrap}.bento-section-divider::before,.bento-section-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--border) 0%,transparent 100%)}.bento-section-divider::after{background:linear-gradient(90deg,transparent 0%,var(--border) 100%)}.bento-info-banner{display:flex;align-items:flex-start;gap:13px;padding:14px 18px;background:rgba(16,185,129,0.05);border:1px solid rgba(16,185,129,0.15);border-radius:14px;margin-bottom:16px}.bento-info-banner.warning{background:rgba(251,191,36,0.05);border-color:rgba(251,191,36,0.15)}.bento-info-banner.danger{background:rgba(239,68,68,0.05);border-color:rgba(239,68,68,0.15)}.bento-info-banner i{font-size:1rem;margin-top:2px;flex-shrink:0;color:var(--accent)}.bento-info-banner.warning i{color:var(--color-yellow)}.bento-info-banner.danger i{color:var(--color-red)}.bento-info-banner p{font-size:0.85rem;color:var(--text-2);margin:0;line-height:1.6}.bento-connected-account{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--glass-2);border:1px solid var(--border);border-radius:14px;gap:14px;flex-wrap:wrap;margin-bottom:10px;transition:border-color 0.2s}.bento-connected-account:hover{border-color:var(--border-hover)}.bento-connected-left{display:flex;align-items:center;gap:13px}.bento-connected-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.bento-connected-icon.discord{background:rgba(88,101,242,0.12);color:#5865F2}.bento-connected-icon.google{background:rgba(66,133,244,0.12);color:#4285F4}.bento-connected-info h4{font-size:0.9rem;font-weight:600;color:var(--text-0);margin-bottom:2px}.bento-connected-info p{font-size:0.77rem;color:var(--text-3);margin:0}.bento-connected-status{display:flex;align-items:center;gap:5px;font-size:0.78rem;color:var(--color-green);font-weight:600}@media(max-width:768px){.bento-stat-row{grid-template-columns:repeat(2,1fr)}.bento-provider-grid{grid-template-columns:1fr}.bento-integration-grid{grid-template-columns:1fr}.bento-service-grid{grid-template-columns:1fr}}@media(max-width:480px){.bento-stat-row{grid-template-columns:repeat(2,1fr)}.bento-stat-tile-num{font-size:1.6rem}}#main > *{animation:pageIn 0.22s var(--ease-out)}@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:1.5rem;font-weight:800;letter-spacing:-0.025em}.stat-card::after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity 0.3s;pointer-events:none;background:radial-gradient(ellipse at top left,rgba(16,185,129,0.06) 0%,transparent 60%)}.stat-card:hover::after{opacity:1}.card-body > *:first-child{margin-top:0}.card-body > *:last-child{margin-bottom:0}.table tbody tr:hover td{color:var(--text-0)}#sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.2);z-index:298;pointer-events:none}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.badge{letter-spacing:0.4px;border:1px solid transparent}.toast{backdrop-filter:blur(8px)}.empty-state{border-style:dashed;border-width:1.5px}@media (max-width:380px){#main{padding-left:12px;padding-right:12px}}.toast-inner{display:flex;align-items:center;gap:10px}.toast-icon{font-size:16px}.toast-success{border-left:3px solid #10b981}.toast-error{border-left:3px solid #ff3b3b}.toast-info{border-left:3px solid #7b61ff}.toast-warning{border-left:3px solid #fbbf24}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ff3b3b}.toast-info .toast-icon{color:#7b61ff}.toast-warning .toast-icon{color:#fbbf24}.modal-title{display:flex;align-items:center;gap:8px}.modal-title-bar{width:4px;height:20px;background:var(--accent,#e62846);border-radius:2px;display:inline-block}.modal-slide-in{animation:modalSlideIn .25s ease-out}.confirm-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0}.confirm-icon-wrap{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.confirm-icon-wrap.danger{background:rgba(255,59,59,.08)}.confirm-icon-wrap.info{background:rgba(123,97,255,.08)}.confirm-icon-wrap .confirm-icon.danger{font-size:24px;color:#ff3b3b}.confirm-icon-wrap .confirm-icon.info{font-size:24px;color:#7b61ff}.confirm-msg{margin:0;color:rgba(255,255,255,.7);line-height:1.6}.clipboard-ta{position:fixed;opacity:0;left:-9999px}.discord-blocker-anim{animation:blockerFadeIn .4s ease-out}.discord-blocker-logo2{width:72px;height:72px;margin-bottom:8px;filter:drop-shadow(0 0 24px rgba(230,40,70,.35))}.discord-icon-wrap{width:72px;height:72px;border-radius:50%;background:rgba(88,101,242,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.discord-icon-wrap .fa-discord{font-size:36px;color:#5865F2}.discord-title{margin:0 0 4px;font-size:22px;font-weight:700;letter-spacing:-.3px}.discord-desc{margin:0 0 24px;color:rgba(255,255,255,.55);font-size:14px;line-height:1.6;max-width:380px}.discord-join-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#5865F2;color:#fff;font-weight:600;border-radius:10px;padding:14px 0;font-size:15px;text-decoration:none;width:100%;max-width:400px;transition:all .2s}.discord-join-btn .fa-discord{font-size:20px}.discord-check-btn-inner{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:400px;border-radius:10px;padding:12px 0;font-size:14px;font-weight:500;margin-top:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);cursor:pointer;transition:all .2s}.discord-link-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#5865F2;color:#fff;font-weight:600;border-radius:10px;padding:14px 0;font-size:15px;width:100%;max-width:400px;border:none;cursor:pointer;transition:all .2s}.discord-link-btn .fa-discord{font-size:20px}.unsaved-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);border-radius:10px;margin-bottom:16px;animation:slideDown .25s ease-out}.unsaved-banner-left{display:flex;align-items:center;gap:10px}.unsaved-icon-wrap{width:32px;height:32px;border-radius:50%;background:rgba(251,191,36,.15);display:flex;align-items:center;justify-content:center}.unsaved-icon-wrap .fa-exclamation{color:#fbbf24;font-size:14px}.unsaved-label{font-size:14px;font-weight:500;color:rgba(255,255,255,.8)}.unsaved-banner-right{display:flex;gap:8px}.tier-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tier-card{padding:18px;border-radius:10px;cursor:pointer;transition:all .2s;text-align:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06)}.tier-card.selected{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}.tier-icon-wrap{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;background:rgba(255,255,255,.05)}.tier-icon-wrap i{font-size:18px}.tier-name{font-weight:600;font-size:13px;margin-bottom:4px}.tier-desc{font-size:11px;color:rgba(255,255,255,.4)}.number-selector{display:flex;gap:6px}.number-btn{width:40px;height:40px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .15s;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.6)}.number-btn.selected{border-color:rgba(230,40,70,.6);background:rgba(230,40,70,.15);color:#e62846}.validity-presets{display:flex;gap:6px;flex-wrap:wrap}.validity-preset{padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.6)}.validity-preset.selected{border-color:rgba(230,40,70,.6);background:rgba(230,40,70,.15);color:#e62846}.keyless-days{display:flex;gap:6px;flex-wrap:wrap}.keyless-day{width:44px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.5)}.keyless-day.active{border-color:rgba(230,40,70,.6);background:rgba(230,40,70,.15);color:#e62846}.integration-selector{border-radius:10px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.integration-search-wrap{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.integration-search{width:100%;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);color:#fff;font-size:13px;outline:none}.integration-list{max-height:220px;overflow-y:auto}.integration-empty{padding:24px;text-align:center}.integration-empty-icon{font-size:24px;color:rgba(255,255,255,.15);margin-bottom:8px;display:block}.integration-empty-text{margin:0;font-size:13px;color:rgba(255,255,255,.4)}.integration-selector-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s}.integration-item-name{font-size:13px;font-weight:500}.integration-item-type{font-size:11px;color:rgba(255,255,255,.35);margin-left:8px}.integration-add-btn{width:24px;height:24px;border-radius:50%;background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center}.integration-add-btn .fa-plus{font-size:10px;color:#10b981}.integration-selected-label{font-size:12px;font-weight:600;color:rgba(255,255,255,.5);margin-bottom:8px}.integration-selected-empty{margin:0;font-size:12px;color:rgba(255,255,255,.3)}.range-label{font-size:13px;font-weight:500;margin-bottom:8px;display:block}.range-row{display:flex;align-items:center;gap:12px}.range-input{flex:1;accent-color:var(--accent,#e62846)}.range-value{min-width:48px;text-align:right;font-size:13px;font-weight:600;color:var(--accent,#e62846)}.discord-blocker.fade-out{opacity:0;transition:opacity .25s ease}.save-bar{position:sticky;bottom:16px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;margin-top:20px;border-radius:var(--radius,14px);background:rgba(20,22,30,0.92);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,0.45)}.save-bar-left{display:flex;align-items:center;min-width:0}.save-bar-right{display:flex;align-items:center;flex-shrink:0}.save-bar-status{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;color:var(--text-3,#9ca3af)}.save-bar-status i{color:var(--accent,#10b981)}.save-bar-status--saved i{color:#22c55e}.save-bar-status:not(.save-bar-status--saved) i{color:#f59e0b}@media (max-width:640px){.save-bar{position:fixed;left:12px;right:12px;bottom:12px}}@keyframes sxBetaShimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes sxBetaPulse{0%,100%{box-shadow:0 0 24px rgba(16,185,129,0.3)}50%{box-shadow:0 0 36px rgba(16,185,129,0.45),0 0 60px rgba(6,182,212,0.15)}}.sx-beta-banner{animation:sxBetaFadeIn 0.5s ease-out}.sx-beta-banner > div:first-child{animation:sxBetaPulse 3s ease-in-out infinite;border-radius:14px}@keyframes sxBetaFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.sx-beta-banner{flex-direction:column !important;align-items:flex-start !important;padding:16px !important}.sx-beta-banner > div:last-child{width:100%}.sx-beta-banner > div:last-child a{width:100%;justify-content:center}}.sc-share-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:20px;background:rgba(3,6,4,0.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:scShareFade 0.2s var(--ease-out)}@keyframes scShareFade{from{opacity:0}to{opacity:1}}.sc-share-card{width:100%;max-width:470px;border-radius:30px;padding:36px 30px 30px;position:relative;overflow:hidden;color:var(--text-0);background:radial-gradient(130% 80% at 50% -25%,rgba(16,185,129,0.17),transparent 62%),radial-gradient(120% 100% at 88% 118%,rgba(52,211,153,0.10),transparent 55%),linear-gradient(180deg,#0f1412 0%,#0a0d0b 100%);border:1px solid rgba(52,211,153,0.22);box-shadow:0 30px 90px rgba(0,0,0,0.65),0 0 50px rgba(16,185,129,0.10),inset 0 1px 0 rgba(255,255,255,0.06);animation:scShareIn 0.34s cubic-bezier(0.16,1,0.3,1)}.sc-share-card::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(52,211,153,0.55),transparent)}@keyframes scShareIn{from{opacity:0;transform:translateY(26px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sc-share-x{position:absolute;top:16px;right:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:13px;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),transform var(--t-fast);z-index:2}.sc-share-x:hover{background:rgba(239,68,68,0.12);border-color:rgba(239,68,68,0.45);color:#f87171;transform:rotate(90deg)}.sc-share-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}.sc-share-mark{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#ecfdf5;box-shadow:0 12px 30px rgba(0,0,0,0.4)}.sc-share-mark-a{background:linear-gradient(160deg,#34d399,#0d7a5f);border:1px solid rgba(52,211,153,0.45);box-shadow:0 12px 30px rgba(16,185,129,0.35)}.sc-share-mark-b{background:linear-gradient(160deg,#10b981,#065f46);border:1px solid rgba(16,185,129,0.5);box-shadow:0 12px 30px rgba(16,185,129,0.3)}.sc-share-chain{display:flex;align-items:center;color:rgba(52,211,153,0.55);font-size:15px;animation:scSharePulse 1.6s ease-in-out infinite}@keyframes scSharePulse{0%,100%{opacity:0.45;transform:translateX(0)}50%{opacity:1;transform:translateX(3px)}}.sc-share-chip{display:inline-flex;align-items:center;gap:7px;margin:0 auto 14px;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0.11em;text-transform:uppercase;color:#a7f3d0;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25)}.sc-share-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,0.8);animation:scShareDot 1.4s ease-in-out infinite}@keyframes scShareDot{0%,100%{opacity:0.4}50%{opacity:1}}.sc-share-title{font-size:21px;font-weight:800;letter-spacing:-0.01em;text-align:center;color:var(--text-0);margin:0}.sc-share-sub{font-size:13.5px;line-height:1.65;color:var(--text-2);text-align:center;margin:10px auto 0;max-width:360px}.sc-share-sub b,.sc-share-sub strong{color:var(--text-1)}.sc-share-feats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:20px 0 4px}.sc-share-feat{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:12px;font-size:12px;font-weight:600;color:var(--text-1);background:rgba(255,255,255,0.04);border:1px solid var(--border);transition:border-color var(--t-fast),background var(--t-fast)}.sc-share-feat i{color:#34d399;font-size:11px}.sc-share-feat-warn{color:#fbbf24;background:rgba(245,158,11,0.08);border-color:rgba(245,158,11,0.22)}.sc-share-feat-warn i{color:#fbbf24}.sc-share-cta{display:flex;flex-direction:column;gap:10px;margin-top:22px}.sc-share-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:16px;font-size:14.5px;font-weight:700;text-decoration:none;color:#04120c;background:linear-gradient(180deg,#34d399 0%,#10b981 100%);border:1px solid rgba(52,211,153,0.6);box-shadow:0 10px 30px rgba(16,185,129,0.35),inset 0 1px 0 rgba(255,255,255,0.3);transition:transform var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast);cursor:pointer}.sc-share-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 40px rgba(16,185,129,0.45),inset 0 1px 0 rgba(255,255,255,0.3)}.sc-share-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:16px;font-size:13.5px;font-weight:600;color:var(--text-2);background:rgba(255,255,255,0.03);border:1px solid var(--border);cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.sc-share-ghost:hover{color:var(--text-0);background:rgba(255,255,255,0.06);border-color:var(--border-light)}.sc-share-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;font-size:12px;color:var(--text-3)}.sc-share-note i{color:var(--accent)}.sc-share-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 0;padding:7px 16px;border-radius:999px;font-size:12.5px;font-weight:700;color:#a7f3d0;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.28)}.sc-share-icon{width:70px;height:70px;margin:0 auto 22px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#34d399;background:rgba(16,185,129,0.09);border:1px solid rgba(16,185,129,0.28);box-shadow:0 0 40px rgba(16,185,129,0.12),inset 0 1px 0 rgba(255,255,255,0.05)}.sc-share-icon-warn{color:#fbbf24;background:rgba(245,158,11,0.09);border-color:rgba(245,158,11,0.28);box-shadow:0 0 40px rgba(245,158,11,0.12),inset 0 1px 0 rgba(255,255,255,0.04)}.sc-share-icon-err{color:#f87171;background:rgba(239,68,68,0.09);border-color:rgba(239,68,68,0.28);box-shadow:0 0 40px rgba(239,68,68,0.12),inset 0 1px 0 rgba(255,255,255,0.04)}@media (max-width:480px){.sc-share-card{padding:30px 20px 24px}}