:root{
  --bg:#05070b;
  --panel:#0d1118;
  --panel2:#121824;
  --text:#f7f8fb;
  --muted:#a5afbd;
  --blue:#27c7ff;
  --pink:#ff3f9f;
  --green:#7cff32;
  --danger:#ff6572;
  --line:rgba(255,255,255,.14);
}
*{box-sizing:border-box}
body{
  margin:0;
  background:
    radial-gradient(circle at 10% 0,rgba(39,199,255,.08),transparent 25rem),
    radial-gradient(circle at 90% 0,rgba(255,63,159,.08),transparent 28rem),
    var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,sans-serif;
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
[hidden]{display:none!important}

.login-card{
  width:min(480px,calc(100% - 30px));
  margin:8vh auto;
  padding:30px;
  background:rgba(13,17,24,.98);
  border:1px solid var(--line);
  border-radius:20px;
}
.login-card img{
  width:100%;
  max-height:120px;
  object-fit:contain;
}
.notice{
  padding:12px;
  border:1px solid var(--danger);
  border-radius:8px;
  color:#ffd8dd;
  background:rgba(255,101,114,.08);
}
.shell{
  display:grid;
  grid-template-columns:260px 1fr;
  min-height:100vh;
}
.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  padding:24px;
  border-right:1px solid var(--line);
  background:#090c12;
}
.sidebar img{
  width:100%;
  max-height:105px;
  object-fit:contain;
  margin-bottom:20px;
}
.sidebar a,.sidebar button{
  display:block;
  width:100%;
  margin:8px 0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#111722;
  text-align:left;
  cursor:pointer;
}
.sidebar button:hover,.sidebar a:hover{
  border-color:var(--pink);
}
.main{
  width:100%;
  max-width:1250px;
  padding:32px;
}
.panel-view{display:none}
.panel-view.active{display:block}
.page-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:22px;
}
.page-head h1{
  margin:4px 0 0;
  font-size:2.6rem;
}
.eyebrow{
  color:var(--green);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.75rem;
  font-weight:900;
}
.panel{
  margin-bottom:20px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(13,17,24,.96);
}
.panel h2{margin-top:0}
.stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-bottom:20px;
}
.stats article{
  padding:20px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(145deg,var(--panel2),var(--panel));
}
.stats span{
  display:block;
  color:var(--muted);
  font-size:.82rem;
}
.stats strong{
  display:block;
  margin-top:8px;
  font-size:2.1rem;
}
.grid{
  display:grid;
  gap:14px;
}
.grid.two{
  grid-template-columns:1fr 1fr;
}
label{
  display:block;
  margin:13px 0 6px;
  color:#cbd2dc;
  font-size:.82rem;
}
input,textarea,select{
  width:100%;
  padding:12px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:8px;
  background:#070a0f;
  color:#fff;
}
textarea{min-height:95px;resize:vertical}
.actions,.upload-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.upload-row input{flex:1;min-width:240px}
.btn{
  padding:11px 15px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#111722;
  cursor:pointer;
  font-weight:800;
}
.btn.pink{border-color:var(--pink)}
.btn.blue{border-color:var(--blue)}
.btn.green{border-color:var(--green)}
.btn.danger{border-color:var(--danger)}
.preview{
  display:block;
  margin-top:15px;
  border:1px solid var(--line);
  border-radius:10px;
  object-fit:contain;
  background:#05070b;
}
.preview.wide{
  width:100%;
  max-height:360px;
}
.preview.logo{
  width:300px;
  max-height:120px;
}
.product-toolbar{
  display:grid;
  grid-template-columns:1fr 220px;
  gap:12px;
  margin-bottom:16px;
}
.product{
  margin:14px 0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#0a0e14;
}
.product-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-bottom:10px;
}
.product-head h3{margin:0}
.product-image{
  width:180px;
  height:180px;
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:10px;
  object-fit:contain;
  background:#05070b;
}
.status{
  position:fixed;
  right:18px;
  bottom:18px;
  display:none;
  padding:12px 15px;
  border:1px solid var(--green);
  border-radius:9px;
  background:#101a13;
  z-index:100;
}
.muted{color:var(--muted);font-size:.84rem}

@media(max-width:950px){
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .shell{grid-template-columns:1fr}
  .sidebar{
    position:relative;
    height:auto;
  }
  .main{padding:18px}
  .grid.two,.product-toolbar{grid-template-columns:1fr}
  .page-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .stats{grid-template-columns:1fr}
}


/* INQUIRY ADMIN */
.inquiry-item{
  margin:14px 0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#0a0e14;
}
.inquiry-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.inquiry-head h3{
  margin:0 0 4px;
}
.inquiry-date{
  color:var(--muted);
  font-size:.78rem;
}
.inquiry-badge{
  display:inline-flex;
  padding:7px 10px;
  border:1px solid var(--green);
  border-radius:999px;
  color:var(--green);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.inquiry-badge.replied{
  color:var(--blue);
  border-color:var(--blue);
}
.inquiry-badge.closed{
  color:var(--muted);
  border-color:var(--muted);
}
.inquiry-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:16px 0;
}
.inquiry-meta div{
  padding:11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#070a0f;
}
.inquiry-meta span{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  text-transform:uppercase;
}
.inquiry-message{
  padding:14px;
  border-left:3px solid var(--pink);
  background:rgba(255,63,159,.04);
  white-space:pre-wrap;
  line-height:1.55;
}
@media(max-width:700px){
  .inquiry-meta{grid-template-columns:1fr}
  .inquiry-head{flex-direction:column}
}
.variant-admin{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#070a0f}.variant-admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.variant-admin-head h4{margin:0}.variant-editor{display:grid;grid-template-columns:1.2fr 1fr .8fr auto auto;gap:8px;margin:8px 0}.order-admin-item{margin:14px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#0a0e14}.order-admin-products{margin:14px 0;border:1px solid rgba(255,255,255,.08);border-radius:9px;overflow:hidden}.order-admin-products div{display:flex;justify-content:space-between;gap:15px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.order-admin-products div:last-child{border-bottom:0}.order-admin-products span{color:var(--muted)}.inquiry-badge.contacted{color:var(--blue);border-color:var(--blue)}.inquiry-badge.approved{color:var(--green);border-color:var(--green)}@media(max-width:900px){.variant-editor{grid-template-columns:1fr 1fr}}@media(max-width:550px){.variant-editor{grid-template-columns:1fr}}

/* ORDER FORM ITEM ADMIN */
.order-form-admin-item{
  margin-bottom:18px;
}

.order-form-admin-item textarea{
  min-height:100px;
}


/* ORDER SYSTEM V9 */
#addOrderItemButton{
  color:#fff !important;
}

.order-form-admin-item{
  margin-bottom:18px;
}

.order-form-admin-item textarea{
  min-height:100px;
}

.order-item-position{
  color:var(--muted);
  font-size:.8rem;
}

.variant-editor{
  grid-template-columns:
    minmax(140px,1.2fr)
    minmax(130px,1fr)
    minmax(100px,.8fr)
    90px
    auto
    auto;
}

@media(max-width:1050px){
  .variant-editor{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .variant-editor{
    grid-template-columns:1fr;
  }
}


/* MERCH ADMIN */
.merch-admin-item{
  margin-bottom:18px;
}

.merch-admin-item textarea{
  min-height:100px;
}

.merch-variant-editor{
  display:grid;
  grid-template-columns:
    1.1fr
    .7fr
    .8fr
    .7fr
    1fr
    .8fr
    auto
    auto;
  gap:8px;
  margin:8px 0;
}

@media(max-width:1100px){
  .merch-variant-editor{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .merch-variant-editor{
    grid-template-columns:1fr;
  }
}


/* AI PRODUCT ASSISTANT V11 */
.description-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
}

.description-heading label{
  margin:0;
}

.description-ai-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.ai-button{
  border-color:rgba(255,63,159,.58);
  background:
    linear-gradient(
      135deg,
      rgba(255,63,159,.18),
      rgba(39,199,255,.12)
    );
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.ai-button:hover{
  border-color:var(--pink);
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.ai-button:disabled{
  opacity:.58;
  cursor:wait;
}

.description-ai-status{
  min-height:20px;
  margin:7px 0 4px;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.4;
}

.description-ai-status.working{
  color:var(--blue);
}

.description-ai-status.success{
  color:var(--green);
}

.description-ai-status.error{
  color:#ff6572;
}

@media(max-width:620px){
  .description-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .description-ai-actions,
  .ai-button{
    width:100%;
  }
}


/* MARKDOWN DESCRIPTION PREVIEW V12 */
.description-preview{
  margin:12px 0 18px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#070a0f;
}

.description-preview[hidden]{
  display:none;
}

.description-preview h2,
.description-preview h3,
.description-preview h4{
  margin:18px 0 8px;
  color:#fff;
  font-size:.95rem;
  text-transform:uppercase;
}

.description-preview p{
  margin:0 0 12px;
  color:var(--muted);
  line-height:1.6;
}

.description-preview ul,
.description-preview ol{
  margin:8px 0 14px;
  padding-left:22px;
}

.description-preview li{
  margin:6px 0;
  color:var(--muted);
}

.description-preview li::marker{
  color:var(--green);
}
.invoice-editor-modal{overflow-y:auto;padding:22px}.invoice-editor-card{width:min(1180px,96vw);max-height:none;margin:20px auto;padding:28px}.invoice-editor-head,.invoice-admin-head,.invoice-lines-head{display:flex;justify-content:space-between;gap:18px}.invoice-customer-grid,.invoice-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.invoice-meta-grid{grid-template-columns:repeat(3,1fr)}.invoice-editor-card label{display:block;margin:0 0 6px;color:var(--muted);font-size:.78rem}.invoice-editor-card input,.invoice-editor-card select,.invoice-editor-card textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#070a0f;color:#fff}.invoice-lines-table{margin:12px 0 24px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.invoice-line{display:grid;grid-template-columns:1.7fr 1fr 80px 120px 110px 48px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.invoice-line-header{background:#0f141d;color:var(--muted);font-size:.72rem;font-weight:900}.invoice-bottom-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}.invoice-totals-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#070a0f}.invoice-total-row,.invoice-charge-row{display:flex!important;justify-content:space-between;align-items:center;padding:10px 0}.invoice-charge-row input{width:120px}.invoice-editor-actions{display:flex;gap:10px;margin-top:24px}.invoice-admin-card{margin:14px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#0a0e14}.invoice-admin-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.invoice-admin-meta div{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:9px}.invoice-admin-meta span{display:block;color:var(--muted);font-size:.72rem}.invoice-status-badge{display:inline-flex;padding:6px 10px;border:1px solid;border-radius:999px;font-size:.7rem;font-weight:900}.invoice-status-badge.draft{color:#ffd35c}.invoice-status-badge.sent{color:var(--blue)}.invoice-status-badge.paid{color:var(--green)}.invoice-status-badge.void{color:#ff6572}@media(max-width:900px){.invoice-line,.invoice-bottom-grid,.invoice-admin-meta{grid-template-columns:1fr 1fr}}@media(max-width:600px){.invoice-customer-grid,.invoice-meta-grid,.invoice-line,.invoice-bottom-grid,.invoice-admin-meta{grid-template-columns:1fr}}