:root{
  --nav:#241f24;
  --nav-soft:#30282e;
  --brand:#b76770;
  --brand-dark:#914c55;
  --brand-light:#fff1f2;
  --bg:#f7f5f5;
  --card:#fff;
  --ink:#282329;
  --muted:#746b70;
  --line:#e9e1e3;
  --green:#16835e;
  --green-bg:#e8f7f0;
  --danger:#c83e50;
  --danger-bg:#fff0f2;
  --shadow:0 10px 35px rgba(53,34,39,.08);
}

*{box-sizing:border-box}
html{font-size:16px}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  line-height:1.55;
}
button,input,textarea,select{font:inherit}
a{text-decoration:none;color:inherit}
button{cursor:pointer}

aside{
  min-height:70px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 18px;
  overflow-x:auto;
  background:var(--nav);
  color:#ddd6da;
  box-shadow:0 2px 12px #0002;
  position:sticky;
  top:0;
  z-index:20;
}
.admin-brand{
  flex:0 0 auto;
  color:#fff;
  font-size:19px;
  font-weight:800;
  letter-spacing:2px;
  padding:8px 12px;
}
.admin-brand small{
  display:none;
}
aside>a:not(.admin-brand){
  flex:0 0 auto;
  white-space:nowrap;
  padding:11px 14px;
  border-radius:9px;
  font-size:14px;
  font-weight:650;
  transition:.15s;
}
aside>a:hover{background:#ffffff12;color:#fff}
aside>a.active{background:var(--brand);color:#fff}
.aside-bottom{
  display:flex;
  gap:5px;
  margin-right:auto;
}
.aside-bottom a{
  white-space:nowrap;
  padding:10px 12px;
  font-size:13px;
  color:#ddd6da;
}

main{
  width:min(1500px,100%);
  margin:auto;
  padding:28px 18px 70px;
}
main>header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:0 2px 25px;
  border-bottom:1px solid var(--line);
}
h1{
  margin:0;
  font-size:32px;
  font-weight:800;
  letter-spacing:-.8px;
}
header p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:15px;
}

.button,
main button{
  border:0;
  border-radius:10px;
  padding:12px 17px;
  background:var(--brand);
  color:#fff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:.15s;
}
.button:hover,
main button:hover{
  background:var(--brand-dark);
  transform:translateY(-1px);
}

/* Dashboard statistics */
.stats{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:25px;
}
.stats div{
  background:var(--card);
  padding:22px;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.stats div:before{
  content:'';
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:5px;
  background:var(--brand);
}
.stats div:last-child:before{background:var(--green)}
.stats span{
  display:block;
  color:var(--muted);
  font-size:14px;
  font-weight:600;
}
.stats b{
  display:block;
  margin-top:8px;
  font-size:32px;
  letter-spacing:-1px;
}

/* Cards */
.card{
  margin-top:24px;
  padding:24px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow);
}
.card h3{
  margin:0 0 20px;
  font-size:20px;
}

/* Tables */
.table-wrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:10px;
}
table{
  width:100%;
  min-width:800px;
  border-collapse:collapse;
  text-align:left;
  font-size:14px;
}
th{
  background:#faf8f9;
  color:#665d62;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.5px;
  font-weight:750;
}
th,td{
  padding:15px 14px;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#fdfafb}
td small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}
td>b{font-size:14px}

select{
  border:1px solid #dcd4d7;
  background:#fff;
  border-radius:8px;
  padding:9px 10px;
  color:#393238;
  font-size:13px;
}

.order-actions{
  display:flex;
  align-items:center;
  gap:7px;
}
.wa-action,
.copy-action,
.delete-action{
  width:40px;
  height:40px;
  display:inline-grid;
  place-items:center;
  border-radius:9px;
  padding:0;
  border:0;
  font-size:0;
  position:relative;
}
.wa-action{
  background:var(--green-bg);
  color:var(--green);
}
.wa-action:before{
  content:'';
  width:20px;
  height:20px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5A11.8 11.8 0 0 0 12.1 0C5.5 0 .2 5.3.2 11.9c0 2.1.6 4.1 1.6 5.8L.1 24l6.4-1.7a12 12 0 0 0 5.6 1.4h.1c6.5 0 11.8-5.3 11.8-11.8 0-3.2-1.2-6.2-3.5-8.4ZM12.2 21.7h-.1c-1.8 0-3.5-.5-5-1.4l-.4-.2-3.8 1 1-3.7-.2-.4a9.8 9.8 0 1 1 8.5 4.7Zm5.4-7.4c-.3-.2-1.8-.9-2.1-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7.1a8 8 0 0 1-2.4-1.5 9.1 9.1 0 0 1-1.7-2.1c-.2-.4 0-.6.1-.8l.5-.6c.2-.2.2-.4.3-.6.1-.2 0-.5 0-.7s-.7-1.7-.9-2.3c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4s-1.2 1.2-1.2 2.9 1.2 3.4 1.4 3.6c.2.2 2.4 3.7 5.8 5.1.8.3 1.4.5 1.9.6.8.2 1.5.2 2 .1.6-.1 1.8-.7 2.1-1.3.3-.6.3-1.2.2-1.3-.1-.2-.3-.2-.6-.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5A11.8 11.8 0 0 0 12.1 0C5.5 0 .2 5.3.2 11.9c0 2.1.6 4.1 1.6 5.8L.1 24l6.4-1.7a12 12 0 0 0 5.6 1.4h.1c6.5 0 11.8-5.3 11.8-11.8 0-3.2-1.2-6.2-3.5-8.4ZM12.2 21.7h-.1c-1.8 0-3.5-.5-5-1.4l-.4-.2-3.8 1 1-3.7-.2-.4a9.8 9.8 0 1 1 8.5 4.7Zm5.4-7.4c-.3-.2-1.8-.9-2.1-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7.1a8 8 0 0 1-2.4-1.5 9.1 9.1 0 0 1-1.7-2.1c-.2-.4 0-.6.1-.8l.5-.6c.2-.2.2-.4.3-.6.1-.2 0-.5 0-.7s-.7-1.7-.9-2.3c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4s-1.2 1.2-1.2 2.9 1.2 3.4 1.4 3.6c.2.2 2.4 3.7 5.8 5.1.8.3 1.4.5 1.9.6.8.2 1.5.2 2 .1.6-.1 1.8-.7 2.1-1.3.3-.6.3-1.2.2-1.3-.1-.2-.3-.2-.6-.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.copy-action{
  background:#eef1f6;
  color:#485363;
}
.copy-action:before{
  content:'';
  width:19px;
  height:19px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4a2 2 0 0 0-2 2v14h2V3h12V1Zm4 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Zm0 16H8V7h12v14Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4a2 2 0 0 0-2 2v14h2V3h12V1Zm4 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Zm0 16H8V7h12v14Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.delete-action{
  background:var(--danger-bg)!important;
  color:var(--danger)!important;
}
.delete-action:before{
  content:'';
  width:19px;
  height:19px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h5v2H3V5h5l1-2Zm-3 6h12l-1 12H7L6 9Zm3 2v8h2v-8H9Zm4 0v8h2v-8h-2Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h5v2H3V5h5l1-2Zm-3 6h12l-1 12H7L6 9Zm3 2v8h2v-8H9Zm4 0v8h2v-8h-2Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Product list */
.products-list>div{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto auto;
  align-items:center;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid var(--line);
}
.products-list>div:last-child{border:0}
.products-list img{
  width:72px;
  height:72px;
  border-radius:10px;
  object-fit:cover;
}
.products-list b{font-size:15px}
.products-list small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
}
.products-list a{
  color:var(--brand);
  font-weight:700;
  font-size:14px;
}

/* Forms */
.form-card{max-width:1000px}
.form-card form{display:grid;gap:18px}
.form-card label{
  font-size:14px;
  font-weight:700;
  color:#4b4348;
}
.form-card input,
.form-card textarea,
.simple-form input,
.simple-form textarea{
  display:block;
  width:100%;
  margin-top:7px;
  border:1px solid #dcd4d7;
  border-radius:9px;
  padding:13px 14px;
  color:var(--ink);
  font:14px Arial,sans-serif;
  background:#fff;
}
.form-card input:focus,
.form-card textarea:focus,
.simple-form input:focus,
.simple-form textarea:focus{
  outline:3px solid #b7677025;
  border-color:var(--brand);
}
.form-card textarea,
.simple-form textarea{
  min-height:140px;
  resize:vertical;
}
.check{
  display:flex;
  gap:9px;
  align-items:center;
}
.check input{width:auto;margin:0}
.simple-form{
  display:grid;
  gap:15px;
  max-width:750px;
}

/* Login */
.login{
  min-height:100vh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 15% 15%,#d99ba440,transparent 32%),
    radial-gradient(circle at 85% 85%,#b7677040,transparent 32%),
    linear-gradient(135deg,#2b2429,#46343a);
}
.login form{
  display:grid;
  gap:17px;
  width:min(440px,100%);
  padding:42px 38px;
  margin:auto;
  background:#fff;
  border-radius:20px;
  box-shadow:0 30px 80px #0006;
}
.login form>b{
  color:var(--brand);
  font-size:19px;
  letter-spacing:3px;
  text-align:center;
}
.login h1{
  text-align:center;
  font-size:30px;
  margin:0;
}
.login input{
  width:100%;
  border:1px solid #dcd4d7;
  border-radius:10px;
  padding:14px;
  font-size:15px;
}
.login button{
  width:100%;
  min-height:48px;
  font-size:15px;
}
.login small{
  color:var(--muted);
  text-align:center;
  font-size:12px;
}
.error{
  background:#fff0f1;
  color:#b64051;
  border-radius:8px;
  padding:11px 13px;
  font-size:13px;
  margin:0;
}

/* Pages */
.pages-list p{
  font-size:14px;
  line-height:1.8;
}

/* Desktop sidebar */
@media(min-width:1000px){
  body{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
  }
  aside{
    height:100vh;
    position:sticky;
    top:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:30px 16px;
    overflow:visible;
  }
  .admin-brand{
    font-size:22px;
    padding:7px 14px 40px;
  }
  .admin-brand small{
    display:block;
    font-size:10px;
    letter-spacing:1.6px;
    margin-top:6px;
    color:#aaa0a6;
  }
  aside>a:not(.admin-brand){
    padding:13px 14px;
    font-size:14px;
  }
  .aside-bottom{
    display:grid;
    margin-top:auto;
    margin-right:0;
    gap:3px;
  }
  .aside-bottom a{
    padding:10px 14px;
    font-size:13px;
  }
  main{
    padding:45px 5%;
  }
}

@media(min-width:700px){
  .stats{grid-template-columns:repeat(3,1fr)}
  .form-card form{grid-template-columns:1fr 1fr}
  .wide{grid-column:1/-1}
}

@media(max-width:699px){
  main>header{
    align-items:flex-start;
    flex-direction:column;
  }
  main>header .button{width:100%;text-align:center}
  .card{padding:18px}
  .products-list>div{
    grid-template-columns:58px minmax(0,1fr);
  }
  .products-list img{
    width:58px;
    height:58px;
  }
  .products-list a,
  .products-list form{
    grid-row:2;
  }
  .products-list form{
    justify-self:end;
  }
}

@media(max-width:480px){
  html{font-size:15px}
  main{padding:22px 12px 50px}
  h1{font-size:27px}
  .card{padding:15px}
  .stats div{padding:18px}
  .login{padding:16px}
  .login form{
    padding:32px 22px;
    border-radius:16px;
  }
  .login h1{font-size:27px}
  .order-actions{gap:5px}
  .wa-action,.copy-action,.delete-action{
    width:36px;
    height:36px;
  }
}

/* Product sizing, gallery upload, and order detail readability */
.products-list>div>img{width:76px;height:76px;object-fit:cover;aspect-ratio:1/1;border-radius:10px}
.form-card input[type=file]{width:100%;max-width:100%;padding:12px;background:#fff}
.form-card textarea{min-height:90px}
.form-card label small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.ordered-items{min-width:190px;max-width:300px}
.ordered-items>div{padding:5px 0;border-bottom:1px solid var(--line)}
.ordered-items>div:last-child{border-bottom:0}
.ordered-items b{display:block;font-size:13px;white-space:normal}
.ordered-items small{font-size:12px}
.quick-order form input{min-width:0;width:100%}
/* Category management */
.admin-app select{width:100%;border:1px solid #ddd;border-radius:8px;padding:12px;background:#fff;font:inherit;color:#242124}
.category-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:850px}
.category-form label{display:flex;flex-direction:column;gap:7px;font-weight:600}
.category-form input{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:12px;font:inherit}
.category-form .wide{grid-column:1/-1}
.category-form small{font-weight:400;color:#777}
.category-preview{display:flex;align-items:center;gap:12px;color:#777;font-size:13px}
.category-preview img{width:72px;height:72px;object-fit:cover;border-radius:10px}
.category-list img{object-fit:cover}
@media(max-width:650px){.category-form{grid-template-columns:1fr}.category-form .wide{grid-column:auto}}

/* Modern category editor */
.category-admin{padding:0;overflow:hidden;border:1px solid #eee3e6;border-radius:22px;box-shadow:0 16px 42px rgba(58,35,43,.07)}
.category-form-heading{display:flex;align-items:flex-start;gap:17px;padding:27px 30px 24px;background:linear-gradient(115deg,#fff7f8 0%,#fff 74%);border-bottom:1px solid #f0e5e8}
.category-heading-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#c97d87,#974d5a);color:#fff;font-size:26px;box-shadow:0 8px 18px #a958662e}
.category-eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:800;color:#a45d69;margin-bottom:4px}
.category-form-heading h3,.category-existing-heading h3{font-size:23px;line-height:1.25;margin:0;color:#292229;letter-spacing:-.4px}
.category-form-heading p{margin:8px 0 0;color:#786d73;font-size:14px;max-width:680px}
.category-form{padding:28px 30px 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;max-width:none}
.category-form label{display:flex;flex-direction:column;gap:9px;min-width:0;font-weight:650;color:#373037;font-size:13px}
.category-form label>span:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.category-form label i{font-size:10px;font-style:normal;font-weight:750;color:#a34f5c;background:#fff0f2;border-radius:999px;padding:3px 8px;letter-spacing:.2px}
.category-form label>span small{font-size:11px;font-weight:450;color:#92868c}
.category-form input:not([type=file]){width:100%;min-height:49px;padding:13px 15px;border:1px solid #e7dfe2;border-radius:12px;background:#fff;color:#2d252b;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.category-form input:not([type=file])::placeholder{color:#b0a4aa}
.category-form input:not([type=file]):focus{border-color:#b76770;box-shadow:0 0 0 4px rgba(183,103,112,.13);background:#fffdfd}
.category-form label>small{font-size:11px;font-weight:450;color:#92868c;line-height:1.5}
.category-form .wide{grid-column:1/-1}
.category-upload{position:relative;display:flex;align-items:center;text-align:center;justify-content:center;gap:7px;min-height:174px;padding:24px;border:1.5px dashed #d9b9bf;border-radius:16px;background:linear-gradient(135deg,#fff8f9,#fffdfd);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.category-upload:hover{border-color:#b76770;background:#fff4f5;transform:translateY(-1px)}
.category-upload .upload-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#f5e2e5;color:#a45461;font-size:25px;font-weight:500;line-height:1}
.category-upload .upload-title{font-size:14px;font-weight:800;color:#49373e}
.category-upload .upload-description{font-size:12px;font-weight:450;color:#887a81}
.category-upload input[type=file]{display:block;width:min(100%,310px);margin-top:4px;padding:7px;border:1px solid #eee0e3;border-radius:9px;background:#fff;color:#72656b;font-size:12px;cursor:pointer}
.category-upload input[type=file]::file-selector-button{border:0;border-radius:7px;background:#f5e7e9;color:#884b56;padding:8px 11px;margin-inline-end:9px;font-weight:750;cursor:pointer}
.upload-file-name{font-size:11px;color:#a05b66;max-width:100%;overflow-wrap:anywhere}
.category-preview-wrap{padding:15px;border:1px solid #eee5e7;border-radius:15px;background:#fcfafb}
.category-preview-wrap[hidden]{display:none}
.preview-label{display:block;font-size:10px;letter-spacing:1.5px;font-weight:800;color:#9b8b91;margin-bottom:10px}
.category-preview{display:flex;align-items:center;gap:14px;color:#74666d;font-size:12px}
.category-preview img{display:block;width:92px;height:92px;flex:0 0 92px;object-fit:cover;border-radius:13px;border:1px solid #eee2e5;background:#f5edef}
.category-preview div{display:flex;flex-direction:column;gap:5px}
.category-preview b{font-size:14px;color:#352b31}
.category-preview div span{color:#8b7d83}
.category-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:5px}
.category-cancel{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #e7dfe2;border-radius:11px;color:#6f6269;font-size:13px;font-weight:700;background:#fff;transition:background .2s}
.category-cancel:hover{background:#f9f4f5}
.category-form-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:0 22px;border:0;border-radius:11px;background:linear-gradient(135deg,#bd707b,#954b58);color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 17px rgba(153,75,88,.2);transition:transform .18s,box-shadow .18s}
.category-form-actions .button:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(153,75,88,.27)}
.category-existing-card{margin-top:24px}
.category-existing-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.category-count{padding:6px 11px;border-radius:999px;background:#f8e9ec;color:#99545f;font-size:12px;font-weight:800}
.category-list>div{border:1px solid #f0e8ea;border-radius:13px;margin-bottom:10px;padding:12px;background:#fff}
.category-list>div:last-child{margin-bottom:0}
.category-list img{width:68px;height:68px;border-radius:11px}
@media(max-width:700px){.category-form-heading{padding:22px 18px;gap:12px}.category-heading-icon{flex-basis:43px;width:43px;height:43px;border-radius:13px}.category-form-heading h3,.category-existing-heading h3{font-size:20px}.category-form{grid-template-columns:1fr;padding:21px 18px 22px;gap:18px}.category-form .wide{grid-column:auto}.category-upload{min-height:165px;padding:18px}.category-form-actions{flex-direction:column-reverse;align-items:stretch}.category-form-actions .button,.category-cancel{width:100%}.category-existing-heading{align-items:flex-start}.category-preview img{width:76px;height:76px;flex-basis:76px}}

/* Category editor refresh — clear two-panel workspace */
.category-admin{background:#fff;border:1px solid #e8e2e4;border-radius:18px;box-shadow:0 8px 28px rgba(37,25,30,.045);overflow:hidden}
.category-form-heading{padding:24px 28px;background:#fff;border-bottom:1px solid #f0ebed;gap:15px}
.category-heading-icon{width:44px;height:44px;flex-basis:44px;border-radius:12px;background:#f8e9ec;color:#9b4d5a;box-shadow:none;font-size:22px}
.category-eyebrow{font-size:10px;letter-spacing:1.35px;color:#9b4d5a;margin-bottom:6px}
.category-form-heading h3{font-size:22px;font-weight:750;letter-spacing:-.45px;color:#292329}
.category-form-heading p{max-width:620px;margin-top:5px;font-size:13px;line-height:1.65;color:#81777c}
.category-editor-grid{padding:24px 28px 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.category-details-panel,.category-media-panel{min-width:0;border:1px solid #eae4e6;border-radius:14px;padding:20px;background:#fff}
.category-media-panel{background:#fbf9fa}
.category-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.category-step{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#f7e8eb;color:#954d59;font-size:11px;font-weight:850;letter-spacing:.4px}
.category-panel-title h4{margin:0;color:#2d272c;font-size:15px;line-height:1.3;font-weight:800}
.category-panel-title p{margin:4px 0 0;color:#898087;font-size:11px;line-height:1.5}
.category-editor-grid label{gap:9px;margin:0 0 22px;font-size:12px;font-weight:750;color:#4a4247}
.category-editor-grid label>span:first-child{display:flex;align-items:center;gap:8px}
.category-editor-grid label i{padding:3px 7px;border-radius:5px;background:#fff0f1;color:#a54f5e;font-size:9px;letter-spacing:.25px}
.category-editor-grid input:not([type=file]){min-height:48px;border:1px solid #ddd5d8;border-radius:9px;background:#fff;padding:12px 13px;font-size:13px;box-shadow:none}
.category-editor-grid input:not([type=file]):focus{border-color:#a95b68;box-shadow:0 0 0 3px rgba(169,91,104,.12);outline:0}
.category-editor-grid input:not([type=file])::placeholder{color:#b2a9ad}
.category-editor-grid label>small{font-size:11px;line-height:1.55;color:#898087;font-weight:450}
.category-tip{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:9px;background:#f8f3f4;color:#9c5360}
.category-tip>span{font-size:17px;line-height:1.1}
.category-tip p{margin:0;color:#81757b;font-size:11px;line-height:1.6}
.category-tip b{display:block;margin-bottom:2px;color:#51434a;font-size:11px}
.category-media-panel .category-panel-title{margin-bottom:18px}
.category-media-panel .category-preview-wrap{margin:0 0 14px;padding:10px;background:#fff;border:1px solid #e9e2e4;border-radius:10px}
.category-media-panel .preview-label{margin-bottom:8px;font-size:9px;letter-spacing:1.1px}
.category-media-panel .category-preview{gap:11px;font-size:11px}
.category-media-panel .category-preview img{width:68px;height:68px;flex-basis:68px;border-radius:8px;border:1px solid #e9e2e4}
.category-media-panel .category-preview b{font-size:12px}
.category-media-panel .category-preview div span{font-size:10px;line-height:1.45}
.category-editor-grid .category-upload{display:flex;align-items:center;justify-content:center;min-height:210px;margin:0;padding:22px 14px;border:1px dashed #cdbbc0;border-radius:11px;background:#fff;gap:9px;cursor:pointer;transition:border-color .18s,background .18s}
.category-editor-grid .category-upload:hover{border-color:#a65a67;background:#fffafb;transform:none}
.category-editor-grid .category-upload .upload-symbol{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;margin-bottom:2px;border-radius:50%;background:#f7e9ec;color:#984d5a;font-size:25px}
.category-editor-grid .category-upload .upload-title{font-size:13px;font-weight:800;color:#3d3339}
.category-editor-grid .category-upload .upload-description{font-size:11px;color:#898087;font-weight:450}
.category-editor-grid .category-upload input[type=file]{width:min(100%,280px);margin-top:7px;padding:6px;border:1px solid #e9e2e4;border-radius:7px;background:#fff;font-size:11px;color:#766b71}
.category-editor-grid .category-upload input[type=file]::file-selector-button{padding:7px 9px;border-radius:5px;background:#f6e8eb;color:#8f4a56;font-size:11px}
.category-editor-grid .upload-file-name{max-width:100%;color:#8f4a56;font-size:10px;overflow-wrap:anywhere}
.category-editor-grid .category-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:0;padding-top:18px;border-top:1px solid #eee8ea}
.category-editor-grid .category-cancel{min-height:42px;padding:0 17px;border:1px solid #e1dadd;border-radius:8px;background:#fff;color:#665b61;font-size:12px;font-weight:750}
.category-editor-grid .category-cancel:hover{background:#f8f5f6}
.category-editor-grid .category-form-actions .button{min-height:42px;padding:0 18px;border-radius:8px;background:#984d5a;box-shadow:none;font-size:12px;font-weight:800}
.category-editor-grid .category-form-actions .button:hover{background:#7f3e4a;box-shadow:none;transform:none}
.category-existing-card{padding:22px 24px;border-radius:14px;box-shadow:0 5px 20px rgba(37,25,30,.035)}
.category-existing-heading{margin-bottom:14px}
.category-existing-heading h3{font-size:17px;font-weight:800;letter-spacing:-.2px}
.category-count{padding:5px 9px;border-radius:6px;background:#f8edef;color:#914b58;font-size:11px}
.category-list>div{display:flex;align-items:center;gap:13px;border:1px solid #eee8ea;border-radius:10px;padding:10px;margin-bottom:8px}
.category-list img{width:52px;height:52px;flex:0 0 52px;border-radius:8px}
.category-list>div>span{flex:1;min-width:0}
.category-list>div>span b{font-size:13px}
.category-list>div>span small{font-size:11px}
.category-list>div>a{font-size:12px;font-weight:750;color:#954d59}
.category-list form{margin:0}
.category-list .delete-action{padding:7px 10px;border-radius:7px;font-size:11px}
@media(max-width:780px){.category-editor-grid{grid-template-columns:1fr;padding:16px;gap:12px}.category-details-panel,.category-media-panel{padding:16px}.category-editor-grid .category-form-actions{grid-column:1;justify-content:stretch}.category-editor-grid .category-form-actions>*{flex:1}.category-editor-grid .category-upload{min-height:190px}.category-form-heading{padding:20px 17px}.category-existing-card{padding:17px}.category-list>div{flex-wrap:wrap}.category-list>div>span{flex-basis:calc(100% - 75px)}}
@media(max-width:420px){.category-editor-grid .category-form-actions{flex-direction:column-reverse;align-items:stretch}.category-editor-grid .category-form-actions>*{width:100%}.category-heading-icon{display:none}.category-form-heading h3{font-size:19px}}


/* FINAL CATEGORY FORM LAYOUT FIX */
.category-admin{width:100%;max-width:1180px;margin:0 auto 24px!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #e9e1e4!important;border-radius:20px!important;box-shadow:0 12px 35px rgba(46,26,34,.06)!important}
.category-form-heading{display:flex!important;align-items:flex-start!important;padding:30px 34px 25px!important;border-bottom:1px solid #f0e9ec!important;background:linear-gradient(120deg,#fff 60%,#fdf7f8)!important;gap:16px!important}
.category-heading-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:14px!important;background:#f7e8eb!important;color:#984d5a!important;font-size:22px!important}
.category-form-heading>div:last-child{min-width:0!important}
.category-eyebrow{display:block!important;margin:0 0 7px!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.7px!important;color:#a15b67!important}
.category-form-heading h3{margin:0!important;font-size:25px!important;line-height:1.25!important;color:#2e252b!important;font-weight:800!important}
.category-form-heading p{margin:8px 0 0!important;max-width:680px!important;font-size:14px!important;line-height:1.7!important;color:#81757b!important}
form.category-form.category-editor-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;gap:20px!important;padding:26px 30px 30px!important;max-width:none!important;margin:0!important}
.category-details-panel,.category-media-panel{display:flex!important;flex-direction:column!important;min-width:0!important;padding:23px!important;border:1px solid #eee5e8!important;border-radius:15px!important;background:#fff!important}
.category-media-panel{background:#fcf9fa!important}
.category-panel-title{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 24px!important}
.category-step{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important;background:#f7e8eb!important;color:#984d5a!important;font-size:11px!important;font-weight:850!important}
.category-panel-title h4{margin:0!important;font-size:16px!important;line-height:1.3!important;color:#30272d!important;font-weight:800!important}
.category-panel-title p{margin:5px 0 0!important;font-size:12px!important;line-height:1.5!important;color:#8a7e84!important}
form.category-editor-grid label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;margin:0 0 22px!important;color:#493e45!important;font-size:13px!important;font-weight:750!important;min-width:0!important}
form.category-editor-grid label>span:first-child{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
form.category-editor-grid label i{padding:4px 8px!important;border-radius:5px!important;background:#fff0f2!important;color:#a34e5c!important;font-size:10px!important;font-style:normal!important}
form.category-editor-grid label small{font-size:11px!important;line-height:1.6!important;color:#8b8085!important;font-weight:450!important}
form.category-editor-grid input:not([type=file]){display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:50px!important;padding:13px 14px!important;border:1px solid #ded4d8!important;border-radius:10px!important;background:#fff!important;color:#30272d!important;font-size:14px!important;outline:none!important;box-shadow:none!important}
form.category-editor-grid input:not([type=file]):focus{border-color:#ac606c!important;box-shadow:0 0 0 4px rgba(172,96,108,.12)!important}
form.category-editor-grid input::placeholder{color:#b1a6ab!important}
.category-tip{display:flex!important;align-items:flex-start!important;gap:11px!important;margin-top:auto!important;padding:14px!important;border-radius:11px!important;background:#f8f2f4!important;color:#a35a67!important}
.category-tip>span{font-size:19px!important;line-height:1.1!important}
.category-tip p{margin:0!important;color:#81747b!important;font-size:12px!important;line-height:1.6!important}
.category-tip b{display:block!important;margin-bottom:3px!important;color:#4a3a42!important;font-size:12px!important}
.category-media-panel .category-panel-title{margin-bottom:20px!important}
.category-preview-wrap{margin:0 0 15px!important;padding:12px!important;border:1px solid #ebe2e5!important;border-radius:11px!important;background:#fff!important}
.category-preview-wrap[hidden]{display:none!important}
.preview-label{display:block!important;margin-bottom:9px!important;font-size:9px!important;font-weight:850!important;letter-spacing:1.4px!important;color:#a08e95!important}
.category-preview{display:flex!important;align-items:center!important;gap:13px!important;font-size:12px!important;color:#786b72!important}
.category-preview img{display:block!important;width:76px!important;height:76px!important;flex:0 0 76px!important;object-fit:cover!important;border-radius:9px!important;background:#f5edef!important}
.category-preview div{display:flex!important;flex-direction:column!important;gap:5px!important}
.category-preview b{font-size:13px!important;color:#392d34!important}
.category-preview div span{font-size:11px!important;color:#8b7e84!important}
form.category-editor-grid label.category-upload{display:flex!important;flex:1!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:210px!important;margin:0!important;padding:22px!important;border:1.5px dashed #d6bfc5!important;border-radius:13px!important;background:#fff!important;cursor:pointer!important}
form.category-editor-grid label.category-upload:hover{border-color:#a45a67!important;background:#fffafb!important}
.category-upload .upload-symbol{display:grid!important;place-items:center!important;width:45px!important;height:45px!important;flex:0 0 45px!important;border-radius:50%!important;background:#f7e8eb!important;color:#984d5a!important;font-size:25px!important}
.category-upload .upload-title{font-size:14px!important;font-weight:800!important;color:#40333a!important}
.category-upload .upload-description{font-size:12px!important;font-weight:450!important;color:#8c8086!important}
.category-upload input[type=file]{box-sizing:border-box!important;width:min(100%,300px)!important;margin:8px auto 0!important;padding:7px!important;border:1px solid #e9e0e3!important;border-radius:8px!important;background:#fff!important;font-size:11px!important}
.category-upload input[type=file]::file-selector-button{border:0!important;border-radius:6px!important;background:#f5e7ea!important;color:#8f4a56!important;padding:8px 11px!important;margin-inline-end:8px!important;font-weight:750!important;cursor:pointer!important}
.category-upload .upload-file-name{max-width:100%!important;overflow-wrap:anywhere!important;font-size:11px!important;color:#9a5360!important}
form.category-editor-grid .category-form-actions{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin:0!important;padding:20px 0 0!important;border-top:1px solid #eee7e9!important}
.category-editor-grid .category-cancel{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 21px!important;border:1px solid #e1d7db!important;border-radius:10px!important;background:#fff!important;color:#655960!important;font-size:13px!important;font-weight:750!important}
.category-editor-grid .category-form-actions .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:46px!important;padding:0 23px!important;border:0!important;border-radius:10px!important;background:#a95765!important;color:#fff!important;font-size:13px!important;font-weight:800!important;box-shadow:0 6px 14px rgba(169,87,101,.18)!important}
.category-editor-grid .category-form-actions .button:hover{background:#8f4653!important}
@media(max-width:850px){form.category-form.category-editor-grid{grid-template-columns:minmax(0,1fr)!important;padding:18px!important;gap:14px!important}.category-details-panel,.category-media-panel{padding:18px!important}.category-form-heading{padding:23px 20px!important}.category-form-heading h3{font-size:22px!important}form.category-editor-grid .category-form-actions{grid-column:1!important}}
@media(max-width:480px){.category-heading-icon{display:none!important}.category-form-heading{padding:21px 17px!important}.category-form-heading p{font-size:13px!important}form.category-form.category-editor-grid{padding:12px!important}.category-details-panel,.category-media-panel{padding:15px!important}form.category-editor-grid .category-form-actions{flex-direction:column-reverse!important;align-items:stretch!important}.category-editor-grid .category-form-actions>*{width:100%!important}}