:root{
  --bg:#f4f7fb;--panel:#ffffff;--side:#0d1528;--muted:#64748b;--line:#e2e8f0;--green:#009b72;--green2:#0dbb8a;--red:#dc2626;--text:#0f172a;--soft:#ecfdf5;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e5fff6,transparent 30%),var(--bg)}
.login-card{width:min(440px,92vw);background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.12)}
.login-card h1{margin:0 0 8px;font-size:28px}.login-card p{color:var(--muted);line-height:1.55}.login-card input{margin-top:14px}.login-msg{min-height:22px;margin-top:12px;color:#dc2626;font-weight:800}
.admin-layout{display:flex;min-height:100vh}.sidebar{width:290px;background:var(--side);color:white;padding:26px 22px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand h1{font-size:24px;margin:0 0 14px}.brand p{color:#c9d4e8;line-height:1.5;margin:0 0 22px}.nav{display:grid;gap:12px}.nav a,.nav button{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border-radius:14px;background:#1a2437;font-weight:900;color:#fff;border:0;text-align:left;cursor:pointer}.nav a.active,.nav a:hover,.nav button:hover{background:var(--green)}.nav .logout-btn{background:#ef4444;margin-top:10px}.nav .logout-btn:hover{background:#dc2626}.nav .ico{width:22px;text-align:center}.main{margin-left:290px;width:calc(100% - 290px);padding:28px 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h2{font-size:28px;margin:0}.topbar p{color:var(--muted);margin:6px 0 0}.pill{background:#e7fff6;color:#008761;border-radius:999px;padding:9px 14px;font-weight:900;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.card h3{margin:0 0 14px}.span-4{grid-column:span 4}.span-12{grid-column:span 12}.form-grid{display:grid;gap:12px}label{font-weight:850;color:#334155;font-size:13px}input,select,textarea{width:100%;border:1px solid #cbd5e1;background:white;color:var(--text);border-radius:13px;padding:12px 13px;font-size:14px;outline:none}textarea{min-height:118px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,155,114,.11)}.btn{border:0;border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn-primary{background:var(--green);color:white}.btn-primary:hover{background:#008a66}.btn-red{background:#fee2e2;color:#b91c1c}.btn-red:hover{background:#fecaca}.btn-soft{background:#ecfdf5;color:#047857}.btn-dark{background:#111827;color:white}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.search-wrap{position:relative;flex:1}.search-wrap input{padding-left:42px}.search-wrap:before{content:'🔎';position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.65}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.product-card{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 25px rgba(15,23,42,.05)}.product-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo{width:48px;height:48px;border-radius:16px;background:var(--green);display:grid;place-items:center;color:white;font-weight:900;font-size:22px;overflow:hidden;flex:0 0 auto}.logo img{width:100%;height:100%;object-fit:cover}.product-title{font-size:18px;font-weight:900}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.status.active{background:#dcfce7;color:#166534}.status.hold{background:#fee2e2;color:#991b1b}.muted{color:var(--muted)}.variant-list{display:grid;gap:8px;margin-top:14px}.variant-row{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;padding:10px}.table-list{display:grid;gap:10px}.stock-row,.order-row{display:grid;grid-template-columns:1.1fr 1fr 1.4fr .8fr auto;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:16px;padding:14px}.order-row{grid-template-columns:.6fr 1.1fr 1fr 1fr .8fr}.stock-content{font-family:Consolas,monospace;word-break:break-all;background:#f8fafc;border-radius:10px;padding:9px}.trash{width:42px;height:42px;border-radius:12px;border:0;background:#fee2e2;color:#b91c1c;cursor:pointer;font-size:18px}.trash:hover{background:#fecaca}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed #cbd5e1;border-radius:16px;background:#fff}.result{display:none;margin-top:12px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;padding:12px;border-radius:13px;font-weight:800}.result.show{display:block}.danger-text{color:#b91c1c;font-weight:800}
.admin-floating-logout{display:none!important}
@media(max-width:900px){.sidebar{position:relative;width:100%;inset:auto}.admin-layout{display:block}.main{margin:0;width:100%;padding:20px}.grid{display:block}.card{margin-bottom:16px}.stock-row,.order-row{grid-template-columns:1fr}.toolbar{display:grid}.product-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}


/* STOCK_PAGE_RESTORE_CSS_V1 */
.stock-filter-card { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
.stock-list { display: grid; gap: 12px; margin-top: 18px; }
.stock-row { display: grid; grid-template-columns: minmax(190px, 1.2fr) 120px minmax(260px, 1.5fr) minmax(160px, .9fr) 54px; gap: 14px; align-items: center; background: #fff; border: 1px solid rgba(15,23,42,.08); border-radius: 18px; padding: 16px; box-shadow: 0 10px 26px rgba(15,23,42,.05); }
.stock-meta strong { display:block; color:#0f172a; font-weight:800; }
.stock-meta span, .stock-buyer { color:#64748b; }
.stock-content { display:block; overflow:auto; white-space:nowrap; background:#f8fafc; border-radius:12px; padding:10px 12px; color:#0f172a; }
.status-badge { text-align:center; border-radius:999px; padding:8px 12px; font-weight:800; font-size:12px; }
.status-badge.ok { background:#dcfce7; color:#166534; }
.status-badge.warn { background:#fef3c7; color:#92400e; }
.status-badge.sold { background:#fee2e2; color:#991b1b; }
.status-badge.muted { background:#e2e8f0; color:#475569; }
.trash-btn { border:0; border-radius:14px; background:#fee2e2; color:#991b1b; cursor:pointer; height:44px; font-size:18px; }
.trash-btn:disabled { opacity:.45; cursor:not-allowed; }
.hidden { display:none !important; }
@media (max-width: 900px) { .stock-filter-card, .stock-row { grid-template-columns: 1fr; } .trash-btn { width:100%; } }


/* STOCK PAGE SAFE FIX */
.stock-admin-page {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 280px 1fr;
  background: #f4f7fb;
  color: #101828;
  font-family: Inter, Arial, sans-serif;
}
.stock-admin-page .admin-sidebar {
  background: #0f172a;
  color: #fff;
  padding: 24px 22px;
  min-height: 100vh;
  position: sticky;
  top: 0;
}
.stock-admin-page .brand-block h1 { margin: 0 0 12px; font-size: 26px; letter-spacing: -0.5px; }
.stock-admin-page .brand-block p { margin: 0 0 24px; color: #cbd5e1; line-height: 1.5; }
.stock-admin-page .admin-nav { display: grid; gap: 12px; }
.stock-admin-page .admin-nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 18px;
  border-radius: 14px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  background: #1e293b;
}
.stock-admin-page .admin-nav a.active { background: #009b73; }
.stock-admin-page .admin-nav a.danger { background: #ef4444; margin-top: 10px; }
.stock-admin-page .admin-content { padding: 30px 34px; }
.stock-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 22px;
}
.stock-header h2 { margin: 0 0 8px; font-size: 30px; letter-spacing: -0.7px; }
.stock-header p { margin: 0; color: #475467; line-height: 1.45; }
.stock-count-pill {
  background: #e7f8ef;
  color: #007a58;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 900;
  white-space: nowrap;
}
.stock-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}
.stock-toolbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  margin-bottom: 18px;
}
.stock-toolbar input {
  width: 100%;
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #101828;
  border-radius: 14px;
  padding: 14px 16px;
  outline: none;
  font-size: 15px;
}
.stock-toolbar input:focus { border-color: #009b73; box-shadow: 0 0 0 4px rgba(0,155,115,0.12); }
.stock-toolbar button {
  border: 0;
  background: #e7f8ef;
  color: #007a58;
  border-radius: 14px;
  padding: 0 20px;
  font-weight: 900;
  cursor: pointer;
}
.stock-list { display: grid; gap: 12px; }
.stock-card-row {
  display: grid;
  grid-template-columns: 260px 120px minmax(260px, 1fr) 220px 56px;
  gap: 12px;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 16px;
}
.stock-product strong { display: block; font-size: 16px; }
.stock-product span { display: block; margin-top: 4px; color: #667085; }
.stock-status {
  justify-self: start;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  background: #ecfdf3;
  color: #027a48;
}
.stock-status.sold { background: #fee4e2; color: #b42318; }
.stock-status.reserved { background: #fff7cd; color: #a15c07; }
.stock-secret {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f8fafc;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stock-sold { color: #475467; }
.stock-trash {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 14px;
  background: #fee4e2;
  cursor: pointer;
  font-size: 18px;
}
.stock-trash:hover { filter: brightness(0.95); }
.stock-empty {
  padding: 24px;
  border-radius: 16px;
  background: #f8fafc;
  color: #667085;
  text-align: center;
}
.stock-empty.error { color: #b42318; background: #fee4e2; }
@media (max-width: 1100px) {
  .stock-admin-page { grid-template-columns: 1fr; }
  .stock-admin-page .admin-sidebar { min-height: auto; position: static; }
  .stock-card-row { grid-template-columns: 1fr; }
  .stock-toolbar { grid-template-columns: 1fr; }
}


/* PATCH_V2_VARIANT_DELETE_CSS */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:#f5f7fb;color:#101828;font-family:Inter,Arial,sans-serif}.admin-sidebar{background:#101828;color:white;padding:24px;position:sticky;top:0;height:100vh}.brand-block{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{width:42px;height:42px;border-radius:14px;background:#22c55e;display:grid;place-items:center;font-weight:800}.brand-block span{display:block;color:#98a2b3;font-size:13px}.admin-sidebar nav{display:grid;gap:10px}.admin-sidebar a{color:#d0d5dd;text-decoration:none;padding:12px 14px;border-radius:12px}.admin-sidebar a.active,.admin-sidebar a:hover{background:#1d2939;color:white}.admin-sidebar a.danger{color:#ffb4b4}.admin-main{padding:28px;max-width:1320px;width:100%;margin:0 auto}.admin-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.admin-topbar h1{margin:0;font-size:32px}.admin-topbar p{margin:6px 0 0;color:#667085}.summary-pill{background:white;border:1px solid #eaecf0;padding:10px 14px;border-radius:999px;font-weight:700}.admin-card,.admin-product-card{background:white;border:1px solid #eaecf0;border-radius:22px;box-shadow:0 12px 30px rgba(16,24,40,.06);padding:20px}.compact-card{margin-bottom:18px}.admin-grid.two{display:grid;grid-template-columns:1fr 220px;gap:12px}.product-grid-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px}.product-card-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.product-card-head h2{margin:0}.product-card-head p{margin:4px 0 0;color:#667085}.logo-preview{width:58px;height:58px;border-radius:18px;background:#eef4ff;display:grid;place-items:center;font-size:26px;font-weight:800;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:cover}.status-pill{margin-left:auto;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.status-pill.active{background:#dcfae6;color:#067647}.status-pill.hold{background:#fef0c7;color:#b54708}label{display:block;font-weight:700;margin:10px 0 6px}input,textarea,select{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:11px 12px;background:white;color:#101828;outline:none}textarea{resize:vertical}.checkline{display:flex;align-items:center;gap:10px}.checkline input{width:auto}.action-row,.add-variant-box,.add-stock-box{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.add-variant-box input{flex:1;min-width:140px}.add-stock-box select{max-width:240px}.add-stock-box textarea{flex:1;min-width:240px}button{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer;background:#22c55e;color:white}button.danger,.mini.danger{background:#fee4e2;color:#b42318}.variant-box{margin-top:18px;border-top:1px solid #eaecf0;padding-top:14px}.variant-box h3{margin:0 0 10px}.variant-admin-row{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f8fafc;border:1px solid #eaecf0;border-radius:14px;padding:12px;margin-top:8px}.variant-admin-row span{display:block;color:#667085;font-size:13px}.mini{padding:8px 10px;font-size:12px}.empty-box,.empty-mini{background:white;border:1px dashed #cbd5e1;border-radius:16px;padding:18px;color:#667085}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-grid.two{grid-template-columns:1fr}.product-grid-admin{grid-template-columns:1fr}.admin-topbar{align-items:flex-start;flex-direction:column}}


/* admin orders fix */
.admin-order-row {
  display: grid;
  grid-template-columns: 1.4fr 120px 170px 1.3fr 1.5fr;
  gap: 14px;
  align-items: center;
  padding: 16px;
  margin: 10px 0;
  background: #fff;
  border: 1px solid #e5eaf2;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.order-list { display: grid; gap: 10px; }
.empty-box { padding: 24px; border-radius: 16px; background: #f8fafc; color: #64748b; }
@media (max-width: 980px) {
  .admin-order-row { grid-template-columns: 1fr; }
}



/* === Sideway order admin clean fix === */
.admin-order-list{display:grid;gap:14px;margin-top:18px}.admin-order-card{background:#fff;border:1px solid #dce3ec;border-radius:18px;padding:18px;box-shadow:0 10px 25px rgba(15,23,42,.05)}.admin-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-order-top strong{font-size:18px}.admin-order-top p{margin:6px 0 0;color:#64748b}.admin-order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.admin-order-grid div{background:#f8fafc;border-radius:12px;padding:12px}.admin-order-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.admin-order-grid b{font-size:13px;word-break:break-word}.admin-order-data{background:#0f172a;color:#fff;border-radius:14px;padding:14px;margin-top:12px}.admin-order-data span{display:block;color:#cbd5e1;margin-bottom:8px}.admin-order-data code{white-space:pre-wrap;word-break:break-word}.admin-order-actions{display:flex;gap:10px;margin-top:14px}.admin-order-actions a,.admin-order-actions button{border:0;background:#00966b;color:#fff;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.admin-order-actions button{background:#102033}.status-pill.done,.status-pill.paid{background:#dcfce7;color:#166534}.status-pill.pending{background:#fef3c7;color:#92400e}.status-pill.failed,.status-pill.expired{background:#fee2e2;color:#991b1b}@media(max-width:900px){.admin-order-grid{grid-template-columns:1fr}.admin-order-top{flex-direction:column}.admin-order-actions{flex-direction:column}}


/* SIDEWAY_ADMIN_SOCIAL_NAV_CSS_V1 */
.admin-sidebar nav a[href="/admin-social.html"]{display:flex;align-items:center;gap:10px;}
.admin-sidebar nav a[href="/admin-social.html"].active{background:#1d2939;color:#fff;}