body{margin:0;font-family:Poppins,sans-serif;background:#0d1117;color:#e6edf3}.app-container{padding:20px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;background:#161b22;padding:15px 20px;border-radius:12px;box-shadow:0 2px 8px #ffffff0d}header h1{font-size:1.4rem}button{background:#238636;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background .3s ease}button:hover{background:#2ea043}.profile-card{margin-top:40px;background:#161b22;padding:20px;border-radius:12px;max-width:400px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center}.modal-content{background:#1c2128;padding:20px;border-radius:10px;width:300px}.dropdown-menu{position:absolute;top:70px;right:1px;background:#1c2128;border:1px solid #30363d;border-radius:10px;padding:10px;width:140px;box-shadow:0 4px 10px #0006}.dropdown-menu p{margin:10px 0;cursor:pointer}.dropdown-menu p:hover{color:#58a6ff}.tooltip{position:absolute;background:#21262d;color:#c9d1d9;padding:6px 10px;border-radius:6px;font-size:.85rem;border:1px solid #30363d}@media (max-width: 600px){.profile-card{max-width:100%}header{flex-direction:column;gap:10px}}