*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f3ee;color:#201b14}body{display:grid;grid-template-columns:260px 1fr}aside{position:sticky;top:0;height:100vh;padding:28px 18px;background:linear-gradient(180deg,#17130d,#241a0c);color:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:12px 0 40px #00000012}.logo{padding:8px 10px 28px;color:#e8b95f;font-size:17px;letter-spacing:.04em}.logo b{color:#fff}.side-title{font-size:10px;letter-spacing:.18em;color:#947e61;padding:8px 12px}.side-spacer{flex:1}aside a{color:#cfc4b3;text-decoration:none;padding:13px 14px;border-radius:12px;display:flex;gap:10px;align-items:center;font-size:14px;transition:.2s}aside a:hover,aside a.active{background:#ffffff12;color:#fff}aside a.active{box-shadow:inset 3px 0 #dca545}main{padding:42px;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:26px}header small{font-size:11px;letter-spacing:.2em;color:#a36f1e;font-weight:800}header h1{font-family:Georgia,serif;font-size:40px;margin:7px 0 7px}header p{margin:0;color:#786d60}.view-site{background:#1f1a13;color:#fff;text-decoration:none;padding:12px 17px;border-radius:12px;font-weight:700;font-size:13px}.box{padding:14px 16px;border-radius:12px;margin:0 0 18px}.ok{background:#e8f6ed;color:#196233}.err{background:#fdebea;color:#9d2925}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats div{background:#fff;padding:20px;border:1px solid #e9e2d7;border-radius:17px;box-shadow:0 8px 25px #3e2b0b08}.stats b{display:block;font-size:28px}.stats span{font-size:12px;color:#887a68}.panel{background:#fff;border:1px solid #e7dfd3;border-radius:20px;padding:24px;box-shadow:0 12px 35px #4f3b1810;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.panel h2{margin:0 0 7px;font-size:20px}.panel p{margin:0;color:#827567;font-size:13px;line-height:1.55}.count{background:#f4efe6;border-radius:999px;padding:8px 12px;font-size:12px;color:#675947}.image-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.image-slot{border:1px solid #e8e0d5;border-radius:18px;overflow:hidden;background:#fcfbf8}.slot-preview{height:240px;background:#eee7dc;position:relative;display:flex;align-items:center;justify-content:center}.slot-preview img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em}.badge.default{background:#ffffffdf;color:#51483d}.badge.custom{background:#1b6c42;color:#fff}.slot-content{padding:18px}.slot-content h3{margin:0 0 6px;font-size:17px}.slot-content>p{min-height:40px}.slot-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:15px}.file-pick{display:flex;align-items:center;min-width:0}.file-pick input{position:absolute;opacity:0;pointer-events:none}.file-pick span{width:100%;border:1px dashed #cbbda8;background:#fff;padding:11px 12px;border-radius:10px;font-size:12px;color:#6f6253;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.slot-form button,.upload button{border:0;background:#b77b20;color:#fff;border-radius:10px;padding:0 16px;font-weight:800;cursor:pointer}.reset-form{margin-top:9px}.danger-ghost,.delete{border:0;background:none;color:#a3342f;font-size:12px;font-weight:700;cursor:pointer;padding:4px 0}.upload{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:end}.upload label{font-size:12px;font-weight:700;color:#615647}.upload input{width:100%;display:block;margin-top:7px;border:1px solid #d9d0c3;border-radius:10px;padding:11px;background:#fff}.upload button{height:41px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid article{border:1px solid #e5ddd1;border-radius:15px;overflow:hidden;background:#faf8f4}.grid img,.grid video{width:100%;height:190px;object-fit:cover;display:block;background:#181818}.grid article>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px}.grid article b{font-size:13px}.empty{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed #d7cab8;border-radius:14px;color:#877968}.empty b,.empty span{display:block}.empty span{font-size:12px;margin-top:6px}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 50% 20%,#493418,#17130d 55%);padding:20px}.login form{width:min(430px,100%);background:#fff;padding:38px;border-radius:22px;box-shadow:0 30px 80px #0008}.login .mark{font-size:34px;color:#c68d32}.login small{letter-spacing:.16em;color:#9a742e;font-weight:800}.login h1{font-family:Georgia,serif;font-size:34px;margin:8px 0 26px}.login label{display:block;margin:13px 0;font-size:12px;font-weight:700}.login input{width:100%;margin-top:7px;border:1px solid #d8cfc2;border-radius:10px;padding:13px}.login button{width:100%;border:0;border-radius:11px;padding:14px;background:#b77b20;color:#fff;font-weight:800;margin-top:9px;cursor:pointer}.login a{display:block;text-align:center;margin-top:16px;color:#746858;text-decoration:none;font-size:12px}
@media(max-width:1000px){body{grid-template-columns:210px 1fr}main{padding:28px}.image-slots{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.upload{grid-template-columns:1fr}}
@media(max-width:720px){body{display:block}aside{position:relative;width:100%;height:auto;padding:14px;display:grid;grid-template-columns:1fr 1fr}.logo,.side-title,.side-spacer{grid-column:1/-1}.logo{padding-bottom:10px}.side-spacer{display:none}main{padding:20px 14px}header{display:block}header h1{font-size:32px}.view-site{display:inline-block;margin-top:15px}.stats{grid-template-columns:1fr}.image-slots,.grid{grid-template-columns:1fr}.slot-preview{height:210px}.slot-form{grid-template-columns:1fr}.slot-form button{padding:12px}.panel{padding:16px}.upload{grid-template-columns:1fr}.upload button{height:43px}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:block;font-size:12px;font-weight:800;color:#5f5447}.field>span{display:block;margin-bottom:7px}.field input,.field textarea,.product-editor input,.product-editor textarea{width:100%;border:1px solid #d9d0c3;border-radius:11px;padding:12px 13px;background:#fff;font:inherit;color:#211c16;outline:none}.field textarea,.product-editor textarea{resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.product-editor input:focus,.product-editor textarea:focus{border-color:#b77b20;box-shadow:0 0 0 3px #b77b2015}.field small{display:block;color:#9b8d7d;font-weight:500;margin-top:6px;line-height:1.4}.savebar{display:flex;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid #eee6dc}.savebar button{border:0;background:#b77b20;color:#fff;border-radius:11px;padding:13px 20px;font-weight:800;cursor:pointer}.product-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-editor article{border:1px solid #e7dfd4;background:#fcfaf7;border-radius:16px;padding:16px}.product-editor label{display:block;font-size:12px;font-weight:800;color:#5e5346;margin-top:12px}.product-editor label input,.product-editor label textarea{margin-top:7px}.prod-editor-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #ece4d9}.prod-editor-head img{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#eee}.prod-editor-head b{font-size:16px}@media(max-width:900px){.form-grid,.product-editor{grid-template-columns:1fr}}@media(max-width:720px){aside{grid-template-columns:1fr 1fr 1fr}.side-title{display:none}.logo{grid-column:1/-1}aside a{font-size:12px;padding:10px}.savebar button{width:100%}}

/* ===== 2026 ADMIN FORM LAYOUT FIX ===== */
main{min-width:0}
.panel{overflow:hidden}
.form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}
.form-grid .field{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:15px !important;
  border:1px solid #ece4d8 !important;
  border-radius:14px !important;
  background:#fcfaf7 !important;
  color:#4b4136 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}
.form-grid .field>span{
  display:block !important;
  margin:0 !important;
  font-size:12px !important;
  color:#5b5044 !important;
  letter-spacing:.01em !important;
}
.form-grid .field input,
.form-grid .field textarea{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  border:1px solid #d8cebf !important;
  border-radius:10px !important;
  padding:12px 13px !important;
  background:#fff !important;
  color:#211c16 !important;
  font:500 14px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif !important;
  outline:none !important;
}
.form-grid .field textarea{
  min-height:110px !important;
  resize:vertical !important;
}
.form-grid .field input:focus,
.form-grid .field textarea:focus{
  border-color:#b77b20 !important;
  box-shadow:0 0 0 3px rgba(183,123,32,.12) !important;
}
.form-grid .field small{
  display:block !important;
  margin:0 !important;
  color:#9b8d7d !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
}
.savebar{
  position:sticky;
  bottom:12px;
  z-index:5;
  justify-content:flex-end !important;
  padding:14px !important;
  margin:24px -8px -8px !important;
  border:1px solid #e7dfd3 !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 30px rgba(45,31,10,.10) !important;
}
.savebar button{
  min-height:44px !important;
  padding:0 20px !important;
  border-radius:10px !important;
  box-shadow:0 7px 18px rgba(183,123,32,.2) !important;
}
@media(max-width:1050px){
  .form-grid{grid-template-columns:1fr !important}
}
@media(max-width:720px){
  .form-grid .field{padding:12px !important}
  .savebar{position:static;margin:20px 0 0 !important;padding:0 !important;border:0 !important;box-shadow:none !important;background:transparent !important}
  .savebar button{width:100% !important}
}