*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f7fafc;color:#333;}
.navbar{background:white;padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.navbar .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;}
.brand{font-size:20px;font-weight:bold;color:#667eea;text-decoration:none;}
.nav-right{display:flex;align-items:center;gap:15px;}
.username{font-weight:500;}
.btn-logout{color:#e53e3e;text-decoration:none;font-size:14px;}
.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;}
.auth-box{background:white;padding:40px;border-radius:20px;width:420px;max-width:100%;box-shadow:0 20px 60px rgba(0,0,0,0.3);}
.auth-box h1{text-align:center;margin-bottom:20px;}
.auth-link{text-align:center;margin-top:15px;font-size:14px;}
.auth-link a{color:#667eea;text-decoration:none;}
.form-group{margin-bottom:15px;}
.form-group label{display:block;font-weight:600;margin-bottom:5px;font-size:14px;}
.form-group input,.form-group textarea{width:100%;padding:10px 15px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:border-color 0.3s;}
.form-group input:focus{outline:none;border-color:#667eea;}
.verify-group .verify-input-group{display:flex;gap:10px;}
.verify-group .verify-input-group input{flex:1;}
.btn-send-code{padding:10px 20px;background:#48bb78;color:white;border:none;border-radius:10px;cursor:pointer;white-space:nowrap;}
.btn-primary{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform 0.2s;}
.btn-primary:hover{transform:translateY(-2px);}
.alert{padding:12px 15px;border-radius:10px;margin-bottom:15px;font-size:14px;}
.alert-error{background:#fed7d7;color:#c53030;}
.alert-success{background:#c6f6d5;color:#276749;}
.main-container{display:flex;max-width:1200px;margin:30px auto;padding:0 20px;gap:30px;}
.sidebar{width:280px;flex-shrink:0;}
.content{flex:1;}
.user-card{background:white;border-radius:15px;padding:30px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.user-card .avatar{width:80px;height:80px;border-radius:50%;background:#667eea;color:white;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;}
.user-card h3{font-size:18px;}
.user-card .email{color:#666;font-size:14px;}
.user-card .since{color:#999;font-size:12px;margin-top:10px;}
.menu{background:white;border-radius:15px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin-top:15px;}
.menu a{display:block;padding:12px 15px;color:#333;text-decoration:none;border-radius:10px;transition:background 0.2s;}
.menu a:hover,.menu a.active{background:#eef2ff;color:#667eea;}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0;}
.stat-card{background:white;padding:20px;border-radius:15px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.stat-number{font-size:28px;font-weight:bold;color:#667eea;}
.stat-label{color:#666;font-size:14px;}
.section{background:white;padding:20px;border-radius:15px;margin:20px 0;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.section h3{margin-bottom:10px;}
.info-table{width:100%;}
.info-table td{padding:8px 0;border-bottom:1px solid #f0f0f0;}
.info-table td:first-child{font-weight:600;color:#666;width:120px;}
@media(max-width:768px){.main-container{flex-direction:column;}.sidebar{width:100%;}.row{grid-template-columns:1fr;}}
.card{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}