*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#17202a;font-family:Inter,Arial,sans-serif}header{height:64px;background:#111827;color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between}header nav{display:flex;gap:18px}header a{color:#dbeafe;text-decoration:none;font-size:14px}main{max-width:1250px;margin:35px auto;padding:0 20px}.top{display:flex;justify-content:space-between;align-items:center}h1{margin:0 0 8px}p{color:#64748b}.btn,button{background:#111827;color:#fff;padding:11px 16px;border:0;border-radius:8px;text-decoration:none;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stats div,.panel{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000b}.stats strong,.stats span{display:block}.stats strong{font-size:28px}.stats span{color:#64748b}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filters input,.filters select,.panel input,.panel select,.panel textarea{padding:11px;border:1px solid #d7dce3;border-radius:7px;background:#fff}.filters label{padding:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000b}.card>img{width:100%;height:190px;object-fit:cover}.avatar{height:190px;background:#e2e8f0;display:grid;place-items:center;font-size:50px;color:#64748b}.cardbody{padding:17px}.links{display:flex;gap:12px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.formgrid label{display:flex;flex-direction:column;gap:6px}.panel textarea{width:100%;min-height:100px;margin:10px 0}.tablewrap{overflow:auto;background:#fff;border-radius:12px;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid #e5e7eb}.login{display:grid;place-items:center;min-height:100vh}.login .panel{width:min(400px,90%);display:grid;gap:12px}.join main{max-width:700px}.join form{display:grid;gap:12px}.success{padding:12px;background:#dcfce7;color:#166534;border-radius:8px}.error{padding:12px;background:#fee2e2;color:#991b1b}@media(max-width:800px){.grid,.stats,.formgrid{grid-template-columns:1fr}.top{gap:15px;align-items:flex-start}.filters>*{width:100%}header nav{gap:8px;overflow:auto}main{margin:20px auto}}