:root{--primary: #FF2B60;--primary-hover: #FF70A6;--secondary: #2EF0FF;--accent-blue: #4CA8F5;--background: #151516;--surface: #232326;--surface-hover: #2D2D30;--text-main: #F5F7FA;--text-muted: #A1A1A5;--border: #333336;--success: #10b981;--error: #ef4444;--font-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-main);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;display:flex;flex-direction:column;flex:1}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline;color:var(--primary-hover)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.p-4{padding:var(--space-4)}.w-full{width:100%}.h-screen{height:100vh}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-error{color:var(--error)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-logout{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{background-color:#ef44441a;color:var(--error);border-color:var(--error);transform:translateY(-1px)}.btn-logout:active{transform:translateY(0)}.input{background-color:var(--surface);border:1px solid var(--border);color:var(--text-main);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);width:100%;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #ff2b6033}.card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%;max-width:400px;margin:auto}.text-main{color:var(--text-main)}.text-primary{color:var(--primary)}.hover\:text-primary:hover{color:var(--primary-hover)}.link-muted{color:inherit;text-decoration:underline;opacity:.8;transition:opacity var(--transition-fast)}.link-muted:hover{opacity:1;color:inherit;text-decoration:underline}.bg-green-500\/20{background-color:#10b98133}.border-green-500{border:1px solid var(--success)}.text-green-100{color:#d1fae5}.text-green-500{color:var(--success)}.bg-red-500\/20{background-color:#ef444433}.border-red-500{border:1px solid var(--error)}.text-red-100{color:#fee2e2}.text-red-500{color:var(--error)}.hover\:text-red-600:hover{color:#dc2626}.min-h-screen{min-height:100vh}.bg-background{background-color:var(--background)}.justify-between{justify-content:space-between}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:2.5rem}.mb-1{margin-bottom:var(--space-1)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:2.5rem}.p-3{padding:var(--space-3)}.p-6{padding:var(--space-6)}.pt-0{padding-top:0}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.w-auto{width:auto}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.rounded{border-radius:var(--radius-sm)}.border{border-width:1px;border-style:solid}.profile-container{max-width:800px;margin:0 auto;padding:40px 20px}.profile-card{background-color:var(--surface);border-radius:12px;border:1px solid rgba(255,255,255,.08);margin-bottom:24px;overflow:hidden}.profile-card-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:16px}.profile-card-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:4px}.profile-card-subtitle{font-size:.875rem;color:#a0a0a0}.profile-card-body{padding:32px}.profile-icon-box{width:40px;height:40px;background-color:#ff336626;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#f36}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.875rem;font-weight:500;color:#e0e0e0;margin-bottom:8px}.form-input{width:100%;background-color:#1a1a1d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px 16px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:#f36;box-shadow:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px}.btn-secondary{background-color:transparent;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:10px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#ffffff0d}.btn-primary{background-color:#f36;border:none;color:#fff;padding:10px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#e62e5c}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-toggle-icon{position:absolute;right:16px;color:#a0a0a0;cursor:pointer}.password-toggle-icon:hover{color:#fff}