.admin{
  position:relative;z-index:2;
  padding:130px 5% 80px;
  min-height:80vh;
}

/* ---- login ---- */
.admin__login{
  max-width:380px;margin:60px auto 0;
  text-align:center;
}
.admin__login h1{
  font-family:'Anton',sans-serif;font-size:28px;color:var(--white);margin-bottom:12px;
}
.admin__login p{color:var(--grey);font-size:14px;margin-bottom:24px;}
.admin__login input{
  width:100%;
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  color:var(--white);
  padding:14px 16px;
  font-family:'Archivo',sans-serif;font-size:14px;
  margin-bottom:14px;
}
.admin__login input:focus{outline:none;border-color:var(--white);}
.admin__login button{
  width:100%;
  background:var(--red);border:1px solid var(--red);color:var(--white);
  padding:14px;font-size:13px;font-weight:700;letter-spacing:0.06em;
  cursor:pointer;transition:background .3s,border-color .3s;
  font-family:'Archivo',sans-serif;
}
.admin__login button:hover{background:var(--white);border-color:var(--white);color:var(--black);}
.admin__login-error{color:var(--red);font-size:13px;margin-top:14px;}

/* ---- panel shell ---- */
.admin__head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:40px;
  padding-bottom:20px;border-bottom:1px solid var(--border);
}
.admin__head h1{font-family:'Anton',sans-serif;font-size:30px;color:var(--white);}
.admin__logout{
  background:none;border:1px solid var(--border);color:var(--grey);
  padding:10px 18px;font-size:11px;font-weight:700;letter-spacing:0.06em;
  cursor:pointer;transition:border-color .3s,color .3s;
  font-family:'Archivo',sans-serif;
}
.admin__logout:hover{border-color:var(--white);color:var(--white);}

.admin__section{
  max-width:640px;
  margin-bottom:56px;
}
.admin__section--wide{max-width:900px;}
.admin__section h2{
  font-family:'Anton',sans-serif;font-size:16px;letter-spacing:0.04em;color:var(--white);
  margin-bottom:6px;
}
.admin__hint{font-size:12px;color:var(--grey);margin-bottom:18px;}

/* ---- orders list ---- */
.admin__orders{display:flex;flex-direction:column;gap:8px;}
.admin__orders:empty::after{content:'No orders yet.';font-size:13px;color:var(--grey);}
.admin-order-row{
  display:grid;
  grid-template-columns:1.2fr 1.4fr 1.4fr 0.8fr 0.8fr;
  align-items:center;gap:12px;
  width:100%;
  background:none;border:1px solid var(--border);color:var(--white);
  padding:14px 16px;
  font-family:'Archivo',sans-serif;font-size:12px;text-align:left;
  cursor:pointer;transition:border-color .3s,background .3s;
}
.admin-order-row:hover{border-color:var(--white);background:rgba(255,255,255,0.02);}
.admin-order-row__id{font-family:'Anton',sans-serif;font-size:13px;color:var(--white);}
.admin-order-row__customer{color:var(--white);}
.admin-order-row__date,
.admin-order-row__items{color:var(--grey);}
.admin-order-row__total{font-family:'Anton',sans-serif;color:var(--red);text-align:right;}

/* ---- order detail ---- */
.admin__back-btn{
  background:none;border:1px solid var(--border);color:var(--grey);
  padding:10px 18px;font-size:11px;font-weight:700;letter-spacing:0.06em;
  cursor:pointer;transition:border-color .3s,color .3s;
  font-family:'Archivo',sans-serif;
  margin-bottom:30px;
}
.admin__back-btn:hover{border-color:var(--white);color:var(--white);}

.admin__order-head{
  display:flex;align-items:baseline;justify-content:space-between;
  margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border);
  max-width:900px;
}
.admin__order-head h1{font-family:'Anton',sans-serif;font-size:26px;color:var(--white);}
.admin__order-date{font-size:12px;color:var(--grey);}

.admin__order-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;
  max-width:900px;margin-bottom:36px;
}
.admin__order-col h3{
  font-family:'Anton',sans-serif;font-size:12px;letter-spacing:0.06em;color:var(--grey);
  margin-bottom:10px;
}
.admin__order-col p{font-size:14px;color:var(--white);line-height:1.6;}

.admin__order-items-title{
  font-family:'Anton',sans-serif;font-size:12px;letter-spacing:0.06em;color:var(--grey);
  margin-bottom:12px;max-width:900px;
}
.admin__order-total{
  display:flex;align-items:center;justify-content:space-between;
  max-width:900px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border);
  font-family:'Anton',sans-serif;font-size:20px;color:var(--white);
}
.admin__order-total span:last-child{color:var(--red);}

@media (max-width:800px){
  .admin-order-row{grid-template-columns:1fr 1fr;row-gap:6px;}
  .admin-order-row__total{text-align:left;}
  .admin__order-grid{grid-template-columns:1fr;}
}

/* ---- form ---- */
.admin__form{display:flex;flex-direction:column;gap:16px;}
.admin__form label{
  display:flex;flex-direction:column;gap:8px;
  font-size:12px;color:var(--grey);letter-spacing:0.02em;
}
.admin__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

.admin__form input[type="text"],
.admin__form input[type="number"],
.admin__form input[type="file"],
.admin__form select,
.admin__form textarea{
  width:100%;
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  color:var(--white);
  padding:12px 14px;
  font-family:'Archivo',sans-serif;font-size:13px;
  resize:vertical;
}
.admin__form input:focus,
.admin__form select:focus,
.admin__form textarea:focus{outline:none;border-color:var(--white);}
.admin__form input.invalid,
.admin__form select.invalid{border-color:var(--red);}

.admin__field{display:flex;flex-direction:column;gap:8px;}
.admin__field-label{font-size:12px;color:var(--grey);}

.admin__sizes{display:flex;gap:16px;}
.admin__sizes label{
  flex-direction:row;align-items:center;gap:6px;
  font-size:13px;color:var(--white);
}
.admin__checkbox-field{gap:8px;}
.admin__checkbox{
  flex-direction:row;align-items:center;gap:8px;
  font-size:13px;color:var(--white);
}
.admin__sizes input,
.admin__checkbox input{accent-color:var(--red);width:auto;}

.admin__preview{
  margin-top:10px;
  width:100px;aspect-ratio:3/4;
  border:1px solid var(--border);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,0.02);
}
.admin__preview img{max-width:80%;max-height:80%;object-fit:contain;}

.admin__submit{
  align-self:flex-start;
  background:var(--red);border:1px solid var(--red);color:var(--white);
  padding:14px 28px;font-size:12px;font-weight:700;letter-spacing:0.06em;
  cursor:pointer;transition:background .3s,border-color .3s;
  font-family:'Archivo',sans-serif;
  margin-top:6px;
}
.admin__submit:hover{background:var(--white);border-color:var(--white);color:var(--black);}
.admin__submit.sent{background:#5fbf6c;border-color:#5fbf6c;}

/* ---- lists ---- */
.admin__list{display:flex;flex-direction:column;gap:10px;}
.admin__list:empty::after{
  content:'Nothing here yet.';
  font-size:13px;color:var(--grey);
}
.admin-row{
  display:flex;align-items:center;gap:14px;
  border:1px solid var(--border);
  padding:12px;
}
.admin-row__img{
  width:44px;aspect-ratio:3/4;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:4px;
}
.admin-row__img img{max-width:80%;max-height:80%;object-fit:contain;}
.admin-row__info{flex:1;min-width:0;}
.admin-row__info h4{font-family:'Anton',sans-serif;font-size:13px;color:var(--white);}
.admin-row__info span{font-size:11px;color:var(--grey);}
.admin-row__price{font-family:'Anton',sans-serif;font-size:13px;color:var(--red);flex-shrink:0;}
.admin-row__delete{
  flex-shrink:0;
  background:none;border:1px solid var(--border);color:var(--grey);
  padding:8px 14px;font-size:10px;font-weight:700;letter-spacing:0.04em;
  cursor:pointer;transition:border-color .3s,color .3s;
  font-family:'Archivo',sans-serif;
}
.admin-row__delete:hover{border-color:var(--red);color:var(--red);}

@media (max-width:600px){
  .admin__form-row{grid-template-columns:1fr;}
}