/* Admin area styling */
body.admin-body{background:#eef1f3}
body.login-body{background:#16202a;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.login-card{background:#fff;padding:34px;width:100%;max-width:400px;border-top:4px solid #d8500d}
.login-card h2{margin-bottom:18px}
.admin-top{background:#16202a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px}
.admin-brand{font-family:'Barlow Condensed',Arial,sans-serif;font-size:22px;letter-spacing:2px}
.admin-brand span{font-size:12px;letter-spacing:2px;color:#b9c4cb;margin-left:8px}
.admin-user{font-size:13px;color:#b9c4cb}
.admin-user a{color:#fff;text-decoration:underline}
.admin-wrap{display:flex;gap:0;align-items:flex-start}
.admin-side{width:210px;flex:0 0 210px;background:#fff;border-right:1px solid #dde2e6;min-height:calc(100vh - 60px)}
.admin-side ul{padding:14px 0}
.admin-side li a{display:block;padding:11px 20px;font-size:14px;color:#5b6b76;border-left:3px solid transparent}
.admin-side li a:hover{color:#16202a;background:#f4f6f7}
.admin-side li.active a{color:#16202a;border-left-color:#d8500d;font-weight:700;background:#f9fafb}
.admin-main{flex:1 1 auto;padding:26px 30px 60px;max-width:calc(100% - 210px)}
.admin-h2{margin:0 0 20px;font-size:1.7rem;text-transform:uppercase;letter-spacing:1px}
.panel{background:#fff;border:1px solid #dde2e6;padding:20px 22px;margin-bottom:20px}
.panel h3{margin:0 0 14px;font-size:14px;letter-spacing:1.6px;text-transform:uppercase;color:#5b6b76}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.card{background:#fff;border:1px solid #dde2e6;padding:18px}
.card b{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:2rem;line-height:1}
.card span{font-size:13px;color:#8a95a0}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{text-align:left;font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:#8a95a0;border-bottom:1px solid #dde2e6;padding:8px 8px}
.table td{padding:9px 8px;border-bottom:1px solid #eef1f3;vertical-align:middle}
.table tr:hover td{background:#fafbfc}
.tag{background:#eef1f3;color:#5b6b76;font-size:11.5px;padding:2px 8px;letter-spacing:.6px}
.tag.new{background:#d8500d;color:#fff}
table.form td{padding:6px 8px}
table.form td:first-child{width:190px;color:#5b6b76;font-size:13.5px}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{padding:8px 10px;border:1px solid #c2cad1;background:#fff;font-size:14px;width:100%}
input[type=text]:focus,textarea:focus,select:focus{outline:0;border-color:#d8500d}
.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.img-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.img-grid figure{margin:0;border:1px solid #dde2e6;padding:4px;width:110px;text-align:center;background:#fff}
.img-grid img{height:70px;object-fit:contain;width:100%}
.img-grid figcaption{font-size:11.5px;color:#8a95a0;padding-top:4px}
.spec-row{display:flex;gap:8px;margin-bottom:8px}
.spec-row input:first-child{flex:0 0 200px}
@media (max-width:900px){
  .admin-wrap{flex-direction:column}
  .admin-side{width:100%;flex:none;min-height:0;display:flex;overflow:auto}
  .admin-side ul{display:flex;gap:4px;padding:8px}
  .admin-side li a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}
  .admin-side li.active a{border-left:0;border-bottom-color:#d8500d}
  .admin-main{max-width:100%;padding:18px}
  .cards{grid-template-columns:repeat(2,1fr)}
}