:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark;color:#ffffffe6}body{margin:0;display:flex;justify-content:center;min-height:100vh;background-color:#050505;background-image:radial-gradient(circle at 50% 0%,rgba(74,222,128,.15) 0%,transparent 60%),linear-gradient(to bottom,#0a0a0a,#000);background-attachment:fixed}#root{width:100%;max-width:600px;min-height:100vh;padding:20px;box-sizing:border-box;background-color:#121212;box-shadow:0 0 50px #00000080;border-left:1px solid #1a1a1a;border-right:1px solid #1a1a1a}button{border-radius:8px;border:1px solid transparent;padding:10px 20px;font-size:1em;font-weight:500;background-color:#2c2c2c;color:#fff;cursor:pointer;transition:.2s;width:100%;margin-top:10px}button:hover{background-color:#3a3a3a;border-color:#646cff}button:disabled{cursor:not-allowed;opacity:.6}input,select{width:100%;padding:10px;margin-top:5px;margin-bottom:15px;border-radius:6px;border:1px solid #444;background:#1e1e1e;color:#fff;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:#4ade80}.card{background:#1e1e1e;padding:15px;border-radius:10px;border:1px solid #333;margin-bottom:10px}h1,h2,h3{text-align:center}.app-header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin-bottom:20px;border-bottom:1px solid #333;gap:10px}.header-brand{font-weight:700;font-size:1.2em;white-space:nowrap;flex-shrink:0}.header-right{display:flex;align-items:center;gap:15px}.lang-buttons{display:flex;gap:5px;align-items:center}.lang-btn{background:transparent;border:1px solid #444;padding:6px 10px;font-size:.8em;border-radius:6px;cursor:pointer;color:#fff;width:auto;margin:0;line-height:1}.lang-btn.active{background:#646cff;border-color:#646cff;font-weight:700}.header-divider{height:20px;width:1px;background:#444}.user-profile{display:flex;flex-direction:column;align-items:flex-end}.user-email{font-size:.8em;opacity:.6}.logout-btn{width:auto;padding:0;font-size:.8em;background:transparent;color:#ef4444;margin-top:2px;text-align:right;border:none;cursor:pointer}@media(max-width:600px){.user-email{display:none}.header-brand{font-size:1em}.app-header{padding:10px 0}.header-right{gap:10px}.lang-btn{padding:5px 8px;font-size:.75em}}