*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{color:#f5f5f5;background:#050505;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.dashboard{background:#050505;min-height:100vh;display:flex}.sidebar{background:#101010;border-right:1px solid #1c1c1c;flex-direction:column;width:260px;padding:30px 20px;display:flex}.logo h2{color:#f5f5f5;margin-bottom:6px;font-size:28px}.logo span{color:#dccfb5;letter-spacing:2px;font-size:11px}nav{flex-direction:column;gap:10px;margin-top:40px;display:flex}.nav-item{color:#8a8a8a;text-align:left;cursor:pointer;background:0 0;border:1px solid #1c1c1c;border-radius:8px;padding:14px}.nav-item:hover{border-color:#8e1111}.nav-item.active{color:#fff;background:#8e1111}.content{flex:1;padding:40px}.hero-card{background:#101010;border:1px solid #1c1c1c;border-radius:16px;padding:30px}.hero-card h1{color:#f5f5f5;word-break:break-word;margin-bottom:10px;font-size:42px}.profile-preview-name{color:#f5f5f5;word-break:break-word;margin-bottom:6px;font-size:28px}.hero-card p{color:#8a8a8a}.profile-form{flex-direction:column;gap:20px;margin-top:30px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#dccfb5;font-size:14px}.form-group input,.form-group textarea{color:#f5f5f5;background:#050505;border:1px solid #1c1c1c;border-radius:8px;padding:14px;font-size:15px}.form-group input:focus,.form-group textarea:focus{border-color:#8e1111;outline:none}.primary-btn{color:#fff;cursor:pointer;background:#8e1111;border:none;border-radius:8px;width:fit-content;padding:14px 24px}.primary-btn:hover{opacity:.9}@media (width<=900px){.dashboard{flex-direction:column}.sidebar{border-bottom:1px solid #1c1c1c;border-right:none;width:100%}.content{padding:20px}}