@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
body{background:#121212;color:#FFFFFF;font-family:'Inter',Roboto,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh}
a{color:#FF6B00;text-decoration:none;transition:all .3s ease}
a:hover{color:#ff8533;text-decoration:underline}
header{background:#1E1E1E;border-bottom:1px solid #2A2A2A;padding:20px;text-align:center}
header img{max-height:180px;width:auto;max-width:90vw;border-radius:12px}
main{max-width:720px;margin:32px auto;padding:0 20px}
h1,h2{font-weight:700;margin-bottom:16px}
h1{font-size:28px}
.card,.panel,form{background:#1E1E1E;border:1px solid #2A2A2A;border-radius:12px;padding:24px;margin-bottom:24px;transition:all .3s ease}
form div{margin-bottom:16px}
label{display:block;font-size:14px;color:#A0A0A0;margin-bottom:6px;font-weight:500}
input,textarea,select{width:100%;background:#121212;color:#FFFFFF;border:1px solid #2A2A2A;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:15px;transition:all .3s ease;outline:none}
input:focus,textarea:focus,select:focus{border-color:#FF6B00;box-shadow:0 0 0 3px rgba(255,107,0,.15)}
button,.btn{display:inline-block;background:#FF6B00;color:#fff;border:none;border-radius:12px;padding:10px 22px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}
button:hover,.btn:hover{background:#ff8533;transform:translateY(-1px)}
table{width:100%;border-collapse:collapse;background:#1E1E1E;border-radius:12px;overflow:hidden;border:1px solid #2A2A2A}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #2A2A2A}
th{background:#121212;color:#A0A0A0;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
td{font-size:14px}
tr:last-child td{border-bottom:none}
.alert{padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px}
.alert-success{background:rgba(255,107,0,.12);border:1px solid rgba(255,107,0,.3);color:#FF6B00}
.alert-error{background:rgba(255,60,60,.12);border:1px solid rgba(255,60,60,.3);color:#ff6b6b}
.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}
.badge-new{background:#2A2A2A;color:#A0A0A0}
.badge-interview{background:rgba(255,193,7,.15);color:#ffc107;border:1px solid rgba(255,193,7,.3)}
.badge-voting{background:rgba(33,150,243,.15);color:#2196f3;border:1px solid rgba(33,150,243,.3)}
.badge-approved{background:rgba(0,200,83,.15);color:#00c853;border:1px solid rgba(0,200,83,.3)}
.badge-rejected{background:rgba(255,60,60,.15);color:#ff6b6b;border:1px solid rgba(255,60,60,.3)}
hr{border:none;border-top:1px solid #2A2A2A;margin:24px 0}
.secondary{color:#A0A0A0;font-size:14px}
.admin-cards{display:none}
.admin-card{padding:16px;margin-bottom:12px}
.admin-card h3{font-size:16px;margin-bottom:8px}
.admin-card .row{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px}
.admin-card .row span:first-child{color:#A0A0A0}
@media(max-width:768px){
  main{padding:0 12px}
  main[style*="max-width:1180px"]{max-width:100% !important}
  .card{padding:16px}
  h1{font-size:22px}
  header{padding:12px}
  .admin-table{display:none !important}
  .admin-cards{display:block !important}
  table{font-size:13px}
  th,td{padding:8px 10px}
}
