@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
:root{--red:#DC0000;--bg:#F5F5F7;--card:#FFF;--text:#1A1A1A;--border:#E0E0E0}
*{margin:0;padding:0;box-sizing:border-box}
body.admin-body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);font-size:15px}
.admin-container{max-width:1400px;margin:0 auto;padding:40px 30px}
.admin-header{background:var(--card);border-radius:12px;padding:30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.admin-header h1{font-size:1.8rem;font-weight:700}
.admin-actions{display:flex;gap:12px}
.admin-content{background:var(--card);border-radius:12px;padding:35px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.admin-content h2{font-size:1.5rem;margin-bottom:25px}
.btn-primary{background:var(--red);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;font-weight:600;transition:all .3s}
.btn-primary:hover{background:#B00000}
.btn-secondary{background:var(--bg);color:var(--text);padding:12px 24px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;font-weight:600}
.btn-secondary:hover{background:#E0E0E0}
.btn-small{padding:8px 14px;font-size:.85rem;border-radius:6px;text-decoration:none;margin-right:6px;color:#fff}
.btn-edit{background:#007AFF}
.btn-delete{background:var(--red)}
.btn-block{width:100%;justify-content:center}
.admin-table{width:100%;border-collapse:collapse;margin-top:20px}
.admin-table thead{background:var(--bg)}
.admin-table th{padding:16px 20px;text-align:left;font-weight:700;font-size:.85rem;text-transform:uppercase;color:#666}
.admin-table td{padding:18px 20px;border-bottom:1px solid var(--border)}
.admin-table tr:hover{background:#FAFAFA}
.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}
.login-box{background:var(--card);border-radius:16px;padding:60px 50px;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.login-box h1{font-size:2.2rem;font-weight:800;text-align:center;margin-bottom:10px}
.login-subtitle{text-align:center;color:#666;margin-bottom:40px}
.error-message{padding:16px 20px;border-radius:8px;margin-bottom:25px;background:#FFEBEE;color:#C62828;border-left:4px solid #C62828}
.form-group{margin-bottom:30px}
.form-group label{display:block;font-weight:600;margin-bottom:10px}
.form-input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--card)}
.form-input:focus{outline:none;border-color:var(--red)}
@media(max-width:768px){.admin-header{flex-direction:column}.admin-actions{width:100%;flex-direction:column}.btn-primary,.btn-secondary{width:100%}}