@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);:root{--primary:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6;--primary-bg:#7c3aed14;--accent:#06b6d4;--accent-light:#67e8f9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-body:#f4f4f8;--bg-surface:#fff;--bg-elevated:#fff;--bg-sidebar:#0f0a1a;--bg-header:#ffffffb8;--text-primary:#1e1b2e;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-glow:0 0 20px #7c3aed26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--ease:cubic-bezier(0.4,0,0.2,1);--duration:0.25s}[data-theme=dark]{--bg-body:#0b0712;--bg-surface:#151020;--bg-elevated:#1c1530;--bg-sidebar:#0b0712;--bg-header:#0b0712c7;--text-primary:#f1f0f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border:#2e2548;--border-light:#1f1835;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #0006;--shadow-glow:0 0 30px #7c3aed40}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f8;background-color:var(--bg-body);color:#1e1b2e;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-tertiary)}::selection{background:#7c3aed40;color:#1e1b2e;color:var(--text-primary)}:focus-visible{outline:2px solid #7c3aed;outline:2px solid var(--primary);outline-offset:2px}.glass{backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:#ffffffb8;background:var(--bg-header);border:1px solid #f3f4f6;border:1px solid var(--border-light)}.hoverable-card{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.hoverable-card:hover{box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#06b6d4);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text}.login-page{align-items:center;background:var(--bg-body);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-orb{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute}.login-orb--1{background:#7c3aed1f;height:500px;right:-120px;top:-160px;width:500px}.login-orb--2{background:#06b6d41a;bottom:-120px;height:400px;left:-100px;width:400px}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 20px;max-width:400px;padding:48px 36px;position:relative;text-align:center;width:100%;z-index:1}.login-logo{align-items:center;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:16px;box-shadow:0 8px 24px #7c3aed40;display:inline-flex;height:60px;justify-content:center;margin-bottom:24px;width:60px}.login-discord-btn{background:#5865f2!important;border-color:#5865f2!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;height:48px!important;transition:transform .2s ease,box-shadow .2s ease!important}.login-discord-btn:hover{background:#4752c4!important;border-color:#4752c4!important;box-shadow:0 6px 20px #5865f259!important;transform:translateY(-1px)}.login-footer-links{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:28px}.login-footer-links a{color:var(--text-tertiary);font-size:12.5px;text-decoration:none;transition:color .2s ease}.login-footer-links a:hover{color:var(--primary)}.login-dot{color:var(--text-tertiary);font-size:12px}#root,body,html{height:100%;margin:0;padding:0}@media (max-width:480px){.login-card{margin:0 16px;padding:36px 24px}}.navbar{backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:var(--bg-header);border-bottom:1px solid var(--border-light);box-shadow:0 4px 6px #0000001a;justify-content:space-between;padding:0 2px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar,.navbar-branding,.navbar-branding a{align-items:center;display:flex}.navbar-branding a{color:#5865f2;text-decoration:none}.navbar-logo{height:40px;margin-right:10px}.navbar-title{font-size:18px;font-weight:700}.navbar-menu{background:#0000!important;border-bottom:none;display:flex;flex-grow:1;justify-content:flex-end}@media (max-width:768px){.navbar{flex-direction:column;padding:10px}.navbar-branding{margin-bottom:10px}.navbar-branding,.navbar-menu{justify-content:center;width:100%}}.server-select-page{background:var(--bg-body);min-height:100vh;padding:80px 24px 48px}.server-select-header,.server-select-page{align-items:center;display:flex;flex-direction:column}.server-select-header{gap:8px;margin-bottom:40px;text-align:center}.server-select-logo{align-items:center;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:14px;box-shadow:0 6px 20px #7c3aed40;display:flex;height:52px;justify-content:center;margin-bottom:8px;width:52px}.server-select-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:800px;width:100%}.server-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:130px}.server-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}.server-card--active{border-color:var(--primary);box-shadow:var(--shadow-glow)}.server-card-avatar{align-items:center;background:linear-gradient(135deg,#5b21b6,#7c3aed);border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.server-card-initials{color:#fff;font-size:24px;font-weight:700}.server-card-name{font-size:13px;font-weight:500;line-height:1.3;max-width:110px;text-align:center}.server-card--add{border-color:var(--border);border-style:dashed;opacity:.75;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.server-card--add:hover{border-color:var(--primary);opacity:1}.server-card-avatar--add{background:#0000;border:2px dashed var(--border)}.server-select-loading{align-items:center;display:flex;flex-direction:column;padding:60px 0}@media (max-width:480px){.server-card{padding:16px 12px;width:110px}.server-card-avatar{height:52px;width:52px}}.dashboard-container{margin:0 auto;max-width:1300px;padding:0}.dashboard-header{margin-bottom:28px}.stats-card{background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.stats-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stats-card .ant-card-body{padding:20px}.active-queues-card,.recent-activity-card,.top-testers-card{background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;height:100%}.active-queues-card .ant-list-item,.top-testers-card .ant-list-item{padding:14px 0;transition:background-color .15s ease,padding .15s ease}.active-queues-card .ant-list-item:hover,.top-testers-card .ant-list-item:hover{background-color:var(--primary-bg);border-radius:var(--radius-sm);padding-left:8px;padding-right:8px}.queue-meta-content{display:flex;flex-direction:column;gap:4px}.tester-badge{display:inline-block;position:relative}.tester-rank{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:2px solid var(--bg-surface);border-radius:50%;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.activity-timeline .ant-timeline-item{padding-bottom:20px}.activity-timeline .ant-timeline-item-content{margin-left:16px}.activity-description{line-height:1.7;margin-bottom:6px}.activity-time{color:var(--text-tertiary);font-size:12px}.card-extra-button{font-size:12px}.statistic-card-icon{font-size:22px;margin-right:8px}@media (max-width:768px){.dashboard-container{padding:0}.stats-card .ant-card-body{padding:16px}.ant-statistic-title{font-size:13px}.ant-statistic-content-value{font-size:20px}}@media (max-width:576px){.ant-statistic-title{font-size:12px}.ant-statistic-content-value{font-size:18px}.active-queues-card .ant-list-item,.top-testers-card .ant-list-item{padding:10px 0}}.subscription-page{margin:0 auto;max-width:1100px;padding:0 0 48px}.subscription-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:320px}.subscription-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.subscription-header-text{flex:1 1}.subscription-status-banner{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding:24px 28px;transition:box-shadow .25s ease,border-color .25s ease}.subscription-status-banner:hover{box-shadow:0 4px 24px #7c3aed0f}.subscription-status-banner.status-active{border-left:4px solid #10b981}.subscription-status-banner.status-trial{border-left:4px solid #3b82f6}.subscription-status-banner.status-canceling,.subscription-status-banner.status-past-due{border-left:4px solid #f59e0b}.subscription-status-banner.status-canceled{border-left:4px solid #ef4444}.status-banner-left{align-items:center;display:flex;gap:18px}.status-icon-ring{align-items:center;background:var(--primary-bg);border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.status-active .status-icon-ring{background:#10b9811a;color:#10b981}.status-trial .status-icon-ring{background:#3b82f61a;color:#3b82f6}.status-canceling .status-icon-ring,.status-past-due .status-icon-ring{background:#f59e0b1a;color:#f59e0b}.status-canceled .status-icon-ring{background:#ef44441a;color:#ef4444}.status-details{display:flex;flex-direction:column;gap:6px}.status-label-row{gap:8px}.status-label-row,.status-meta{align-items:center;display:flex;flex-wrap:wrap}.status-meta{gap:4px}.status-banner-actions{flex-shrink:0}.subscribe-btn{font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.subscribe-btn:hover{transform:translateY(-1px)}.subscription-section{margin-bottom:32px}.next-billing-card{transition:transform .2s ease,box-shadow .2s ease}.next-billing-card:hover{box-shadow:0 4px 20px #7c3aed14;transform:translateY(-2px)}.feature-card{background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;height:100%;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.feature-card:hover{border-color:var(--primary-light)!important;box-shadow:0 8px 32px #7c3aed1a!important;transform:translateY(-4px)!important}.feature-card .ant-card-body{align-items:center;display:flex;flex-direction:column;gap:8px;padding:28px 16px}.feature-card-icon{align-items:center;background:linear-gradient(135deg,#7c3aed1f,#06b6d41a);border-radius:14px;color:var(--primary);display:flex;font-size:24px;height:52px;justify-content:center;margin-bottom:4px;width:52px}.feature-card-title{font-size:15px!important}.feature-card-desc{font-size:13px!important;line-height:1.5}.action-card{background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;cursor:pointer;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.action-card:hover{border-color:var(--primary-light)!important;box-shadow:0 6px 24px #7c3aed14!important;transform:translateY(-3px)!important}.action-card .ant-card-body{align-items:center;display:flex;flex-direction:column;gap:6px;padding:28px 16px}.action-card-icon{font-size:28px;margin-bottom:4px}.action-card-icon.subscribe-icon{color:#10b981}.action-card-icon.portal-icon{color:var(--primary)}.action-card-icon.refresh-icon{color:#3b82f6}.action-card-desc{font-size:12px!important}@media (max-width:768px){.subscription-status-banner{align-items:flex-start;flex-direction:column;padding:20px}.status-banner-actions,.status-banner-actions .ant-btn{width:100%}.subscription-header{flex-direction:column}}