*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f5f7fb;margin:0;color:#1f2937}.wrap{max-width:1100px;margin:30px auto;background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.06)}nav{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap}nav a,.btn,button{background:#2563eb;color:#fff;text-decoration:none;border:0;padding:10px 14px;border-radius:8px;cursor:pointer}h1,h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card{background:#eef4ff;padding:18px;border-radius:10px}.card p{font-size:30px;margin:0;font-weight:bold}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #e5e7eb;text-align:left;padding:12px;vertical-align:middle}th{background:#f9fafb}.thumb{width:55px;height:55px;object-fit:cover;border-radius:50%}.preview{width:110px;height:110px;object-fit:cover;border-radius:12px;display:block;margin:5px 0 10px}.form{display:grid;gap:12px;max-width:650px}.form input,.form textarea,.form select,.login-box input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px}.form textarea{min-height:90px}.login-box{max-width:360px;margin:80px auto;background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.login-box form{display:grid;gap:12px}.error{color:#dc2626}.success{color:#15803d}.hint{color:#6b7280}.badge{font-size:12px;background:#16a34a;color:white;padding:3px 6px;border-radius:10px}