body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#1e2a38;border-radius:12px;box-shadow:0 8px 24px #0003;color:#f5f5f5;display:flex;flex-direction:column;margin:100px auto;max-width:400px;padding:40px;width:90%}.login-container h2{font-size:1.8rem;margin-bottom:30px;text-align:center}.login-container form{width:100%}.login-container input{background-color:#2c3e50;border:none;border-radius:8px;box-sizing:border-box;color:#fff;display:block;font-size:1rem;margin:10px 0;padding:12px;width:100%}.login-container input::placeholder{color:#b0bec5}.login-container button{background-color:#3d6ef7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.login-container button:hover{background-color:#2a5ee8}.login-container p{font-size:.95rem;margin-top:20px;text-align:center}.login-container a{color:#3d6ef7;text-decoration:none}.login-container a:hover{text-decoration:underline}.signup-container{align-items:center;background-color:#1e2a38;border-radius:12px;box-shadow:0 8px 24px #0003;color:#f5f5f5;display:flex;flex-direction:column;margin:100px auto;max-width:400px;padding:40px;width:90%}.signup-container h2{font-size:1.8rem;margin-bottom:30px;text-align:center}.signup-container form{width:100%}.signup-container input{background-color:#2c3e50;border:none;border-radius:8px;box-sizing:border-box;color:#fff;display:block;font-size:1rem;margin:10px 0;padding:12px;width:100%}.signup-container input::placeholder{color:#b0bec5}.signup-container button{background-color:#3d6ef7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.signup-container button:hover{background-color:#2a5ee8}.signup-container p{font-size:.95rem;margin-top:20px;text-align:center}.signup-container a{color:#3d6ef7;text-decoration:none}.signup-container a:hover{text-decoration:underline}.onboarding-container{background-color:#1e2a38;border-radius:16px;box-shadow:0 10px 30px #00000040;color:#f5f5f5;font-family:Segoe UI,sans-serif;margin:100px auto;max-width:900px;padding:40px 32px}.onboarding-container h2{color:#fff;font-size:2rem;margin-bottom:30px;text-align:center}.section{margin-bottom:40px}.section h3{border-left:4px solid #3d6ef7;color:#e0e0e0;font-size:1.25rem;font-weight:600;margin-bottom:16px;padding-left:12px}.button-grid{gap:12px;padding-left:24px}.selectable-button{transition:all .3s ease}.selectable-button:hover{background-color:#2a4fe0;color:#fff}.submit-button{border-radius:10px;font-size:1.05rem;font-weight:600;margin-top:30px;padding:14px}.subsection strong{color:#ddd;font-size:1.05rem;font-weight:500;margin-bottom:10px;padding-left:24px}.dashboard-container{background-color:#1e2a38;border-radius:16px;box-shadow:0 10px 30px #00000040;color:#f5f5f5;margin:80px auto;max-width:800px;padding:40px;text-align:center}.dashboard-container h2{font-size:2rem;margin-bottom:30px}.section-title{font-size:1.3rem;margin:25px 0 15px}.plan-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;margin-top:15px}.plan-buttons button{background-color:#3d6ef7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease}.plan-buttons button:hover{background-color:#2a5ee8}.plan-buttons button.locked{background-color:#7b7b7b;cursor:not-allowed}.weights-toggle{align-items:center;display:flex;flex-wrap:wrap;font-size:1.1rem;gap:15px;justify-content:center;margin-top:30px}.toggle-label{color:#f5f5f5}.settings-button{background-color:#3d6ef7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 16px;position:absolute;right:30px;top:20px;transition:background-color .3s ease}.settings-button:hover{background-color:#2a5ee8}.logout-button{background-color:#3d6ef7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;left:30px;padding:10px 16px;position:absolute;top:20px;transition:background-color .3s ease}.logout-button:hover{background-color:#2a5ee8}.admin-tools p{margin-block:10px;margin-top:-30px;text-align:center}.admin-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:12px 20px;transition:background-color .3s ease}.admin-button,.admin-button:hover{background-color:#3d6ef7}.settings-container{background-color:#1e2a38;border-radius:16px;box-shadow:0 10px 30px #00000040;color:#f5f5f5;margin:80px auto;max-width:900px;padding:40px}.settings-container h2{font-size:2rem;margin-bottom:30px;text-align:center}.settings-section{margin-bottom:30px}.settings-section label{display:block;font-size:1rem;margin-bottom:8px}.settings-section input{background-color:#2c3e50;border:none;border-radius:8px;box-sizing:border-box;color:#fff;display:block;font-size:1rem;padding:12px 16px;width:100%}.settings-section h3{font-size:1.3rem;margin-bottom:15px}.subsection{margin-bottom:24px}.subsection strong{color:#f0f0f0;display:block;font-size:1.1rem;margin-bottom:12px}.button-grid{display:flex;flex-wrap:wrap;gap:10px}.selectable-button{background-color:initial;border:2px solid #3d6ef7;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:.95rem;padding:10px 16px;transition:background-color .3s ease,color .3s ease}.selectable-button.selected,.submit-button{background-color:#3d6ef7;color:#fff}.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s ease;width:100%}.submit-button:hover{background-color:#2a5ee8}.plan-container{background-color:#1e2a38;border-radius:16px;box-shadow:0 8px 24px #0000004d;color:#fff;font-family:Segoe UI,sans-serif;margin:60px auto;max-width:1200px;padding:40px}h1{margin-bottom:40px;text-align:center}.plan-section{margin-top:40px}.plan-section h2{font-size:1.5rem;margin-bottom:20px;text-align:center}table{background-color:#2c3e50;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}td,th{border:1px solid #3a4a5d;padding:16px;text-align:left;vertical-align:top}th{background-color:#34495e;color:#f5f5f5;font-weight:600;text-transform:uppercase}td{color:#ecf0f1}.loading{color:#fff;font-size:1.2rem}.error,.loading{text-align:center}.error{color:#ff4d4f;font-size:1.1rem;margin-top:20px}.plan-controls{display:flex;justify-content:space-between;left:30px;position:absolute;right:30px;top:20px;z-index:10}.back-btn,.pdf-btn{background-color:#3d6ef7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 16px;transition:background-color .3s ease}.back-btn:hover,.pdf-btn:hover{background-color:#2a5ee8}.plan-section h3{color:#fff;font-size:1.25rem;margin-bottom:10px;margin-top:40px}.invite-manager-container{background-color:#1e2a38;border-radius:16px;box-shadow:0 10px 30px #00000040;color:#f5f5f5;margin:80px auto;max-width:700px;padding:40px}.invite-manager-container h2{font-size:2rem;margin-bottom:30px;text-align:center}.invite-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.invite-actions button{background-color:#3d6ef7;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:12px;transition:background-color .3s ease}.invite-actions button:hover{background-color:#2a5ee8}.new-code{background-color:#1b3b2c;color:#38f89f;font-size:1.05rem;font-weight:500;margin-bottom:16px}.invite-message,.new-code{border-radius:8px;padding:10px 16px;text-align:center}.invite-message{background-color:#382b1e;color:#ff9f4d;font-size:.95rem;margin-bottom:24px}section{margin-top:32px}section h3{color:#f5f5f5;font-size:1.2rem;margin-bottom:10px}section ul{list-style-type:none;margin-top:10px;padding-left:0}section li{background-color:#2c3e50;border-radius:8px;color:#e0f2fe;font-size:.95rem;margin-bottom:8px;padding:10px 14px;word-break:break-all}:root{--primary-color:#2563eb;--accent-color:#38bdf8;--background-color:#2c3f4b;--card-bg:#fff;--text-color:#0f172a;--muted-text:#64748b;--border-color:#e2e8f0;--shadow-color:#2563eb1f;--transition-speed:0.3s;--radius:14px;--font:"Inter","Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,sans-serif;font-family:var(--font);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#2c3f4b;background-color:var(--background-color);color:#0f172a;color:var(--text-color);line-height:1.7;padding:1rem;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}button{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:14px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.7rem 1.4rem;transition:background-color .3s,transform .3s,box-shadow .3s;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}button:hover{background-color:#38bdf8;background-color:var(--accent-color);box-shadow:0 6px 14px #2563eb1f;box-shadow:0 6px 14px var(--shadow-color);transform:scale(1.04)}input,select,textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius);font-size:1rem;padding:.65rem 1rem;transition:box-shadow .3s,border-color .3s;transition:box-shadow var(--transition-speed),border-color var(--transition-speed)}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1f;box-shadow:0 0 0 3px var(--shadow-color);outline:none}.card{background:#fff;background:var(--card-bg);border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 20px #2563eb1f;box-shadow:0 4px 20px var(--shadow-color);padding:1.75rem;transition:box-shadow .3s,transform .3s;transition:box-shadow var(--transition-speed),transform var(--transition-speed)}.card:hover{box-shadow:0 10px 28px #2563eb1f;box-shadow:0 10px 28px var(--shadow-color);transform:translateY(-4px)}a{color:#2563eb;color:var(--primary-color);text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}a:hover{color:#38bdf8;color:var(--accent-color)}.inline-error{background-color:#3b1d1d;box-shadow:0 2px 10px #ff00001a;color:#ff6b6b}.inline-error,.inline-success{border-radius:8px;font-size:.95rem;font-weight:500;margin:12px 0 0;padding:10px 16px;text-align:center;width:100%}.inline-success{background-color:#1f3b2c;box-shadow:0 2px 10px #00ff9914;color:#38f89f}