.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:14px;font-family:inherit;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg-secondary)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-muted);padding:8px}.btn-ghost:hover:not(:disabled){color:var(--text-secondary)}.btn-loader{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex;pointer-events:none}input{background:var(--bg-tertiary);border:1px solid var(--border);padding:14px 16px;width:100%;color:var(--text-secondary);font-size:14px;font-family:inherit;outline:none;border-radius:var(--radius);transition:all var(--transition)}input.has-icon{padding-left:44px}input::placeholder{color:var(--text-muted)}input:focus{border-color:var(--border-hover);background:var(--bg-secondary)}input:disabled{opacity:.5}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 48px;display:flex;flex-direction:column;align-items:center;gap:28px;min-width:380px;position:relative;z-index:10;animation:cardAppear .5s ease-out}@keyframes cardAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.card{min-width:auto;width:calc(100% - 32px);padding:32px 24px}}.message{font-size:13px;padding:12px 16px;border-radius:var(--radius);width:100%;text-align:center;animation:messageAppear .2s ease-out}@keyframes messageAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.message-error{color:var(--error);background:var(--error-bg);border:1px solid var(--error-border)}.message-success{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border)}.particles{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;width:2px;height:2px;background:#9885904d;border-radius:50%;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh);opacity:0}}.captcha{display:flex;flex-direction:column;gap:16px;width:100%;padding:24px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);animation:messageAppear .2s ease-out}.captcha-header{display:flex;align-items:center;justify-content:center}.captcha-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.captcha-image{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius)}.captcha-image img{border-radius:8px;pointer-events:none;box-shadow:0 2px 8px #0000004d}.captcha-equals{font-size:24px;font-weight:600;color:var(--accent)}.captcha-error{font-size:12px;color:var(--error);text-align:center}.captcha-actions{display:flex;gap:12px}.captcha-actions .btn{flex:1}.login-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.login-page:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(152,133,144,.06) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.6}}.logo{font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.logo span{color:var(--accent)}.login-form{display:flex;flex-direction:column;gap:12px;width:100%}.divider{width:100%;height:1px;background:var(--border)}.socials{display:flex;gap:12px}.socials a{color:var(--text-muted);transition:all var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);background:var(--bg-tertiary);border:1px solid var(--border)}.socials a:hover{color:var(--text-secondary);border-color:var(--border-hover)}.dashboard-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.dashboard-card{min-width:420px;gap:24px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;width:100%}.dashboard-welcome{font-size:16px;color:var(--text-secondary)}.dashboard-welcome span{color:var(--accent);font-weight:500}.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.stat-icon{color:var(--accent);display:flex}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.stat-value{font-size:14px;color:var(--text-primary);font-weight:500}.stat-value.status-active{color:var(--success)}.dashboard-info{width:100%;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.info-row span:first-child{color:var(--text-muted)}.info-row .bound{color:var(--success)}.info-row .unbound{color:var(--text-secondary)}.hwid-status{display:flex;align-items:center;gap:8px}.reset-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition)}.reset-btn:hover:not(:disabled){color:var(--accent);background:var(--bg-tertiary)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.dashboard-card{min-width:auto}.dashboard-stats{grid-template-columns:1fr}}.app{width:100%;min-height:100vh;background:var(--bg-primary)}:root{--bg-primary: #0a0a0a;--bg-secondary: #0c0c0e;--bg-tertiary: #111113;--border: #18181b;--border-hover: #27272a;--accent: #988590;--accent-hover: #a99299;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #3f3f46;--error: #f87171;--error-bg: rgba(248, 113, 113, .08);--error-border: rgba(248, 113, 113, .15);--success: #4ade80;--success-bg: rgba(74, 222, 128, .08);--success-border: rgba(74, 222, 128, .15);--radius: 8px;--radius-lg: 12px;--transition: .15s ease}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;min-height:100vh}body{background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
