/* Smart Site 4 Professional Admin Stylesheet — Creator Vault Live */
*{box-sizing:border-box}body{margin:0;background:#0a090c;color:#f7f4f1;font:14px/1.5 Arial,sans-serif;display:flex;min-height:100vh}aside{width:230px;background:#09070a;border-right:1px solid #382b24;padding:24px 14px;position:fixed;inset:0 auto 0 0;overflow:auto}.admin-brand{display:block;padding:0 10px 22px;color:#bd4cff}.admin-brand b{display:block;font:500 21px Georgia,serif}.admin-brand small{letter-spacing:.25em}aside nav{display:grid;gap:4px}aside nav a{padding:10px 12px;border-radius:5px;color:#ddd}aside nav a:hover{background:#2a1d14;color:#e6bd62}.admin-main{margin-left:230px;width:calc(100% - 230px)}header{height:75px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #342c2f;background:#0e0c10}header h1{font-size:25px}main{padding:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat,.panel{background:#141217;border:1px solid #342b31;border-radius:8px;padding:22px}.stat b{display:block;font-size:28px;color:#bd4cff}.panel{margin-top:20px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}label{display:block;font-weight:700}input,select,textarea{width:100%;padding:12px;margin-top:6px;background:#0a090c;border:1px solid #554337;color:#fff;border-radius:4px}textarea{min-height:110px}button,.button{display:inline-block;background:#bd4cff;color:#130f0c;padding:11px 18px;border:0;border-radius:4px;font-weight:800;cursor:pointer}.danger{background:#8d2e3c;color:#fff}.notice{padding:13px;background:#143b2a;border:1px solid #2b8759;margin-bottom:18px}.error{padding:13px;background:#4a1720;border:1px solid #a43c4d;margin-bottom:18px}table{width:100%;border-collapse:collapse;background:#141217}th,td{padding:12px;border-bottom:1px solid #352c31;text-align:left;vertical-align:top}th{color:#bd4cff}.thumb{width:76px;height:76px;object-fit:cover;border-radius:5px}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.image-card{background:#141217;border:1px solid #3b3035;padding:16px;border-radius:7px}.image-card img{width:100%;height:180px;object-fit:cover;border-radius:4px;background:#070608}.drop{display:block;border:1px dashed #836940;padding:20px;text-align:center;margin:12px 0;cursor:pointer}.file{display:none}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.color-card{background:#141217;padding:14px;border:1px solid #3a3035}.color-card input{height:55px;padding:2px}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#9f969c}@media(max-width:1000px){.cards,.image-grid,.color-grid{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.full{grid-column:auto}}
.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.moderation-card{background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden}.moderation-card>img{width:100%;height:260px;object-fit:cover;object-position:top}.moderation-card form{padding:18px}.moderation-card label{display:block;margin:12px 0}.moderation-card select,.moderation-card input[type=date]{width:100%;padding:10px;margin-top:5px}.moderation-card input[type=checkbox]{width:auto}.moderation-card .actions{display:flex;gap:8px}

/* Professional Smart Site 4 moderation cards */
.admin-card-grid{align-items:stretch}.moderation-card{background:#141217;border:1px solid #3b303f;border-radius:12px;box-shadow:0 18px 46px rgba(0,0,0,.3);color:#f7f4f1}.moderation-card>img{height:auto;aspect-ratio:4/5;max-height:430px;object-fit:cover;object-position:center top;background:#09070b}.moderation-card form{padding:20px}.moderation-card h2,.moderation-card h3{margin-top:0}.moderation-card select,.moderation-card input[type=date]{background:#0a090c;border:1px solid #55435e;color:#fff;border-radius:6px}.moderation-card .actions{margin-top:15px}.thumb{object-position:center top}.panel{box-shadow:0 16px 40px rgba(0,0,0,.22)}

.category-admin-row,.subcategory-admin-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.subcategory-admin-list{padding-left:28px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
select{width:100%;padding:12px;border-radius:10px}
@media(max-width:780px){.admin-grid{grid-template-columns:1fr}.category-admin-row,.subcategory-admin-list>div{align-items:flex-start;flex-direction:column}.subcategory-admin-list{padding-left:12px}}

/* Grouped backend dropdown navigation */
.admin-nav{display:flex;flex-direction:column;gap:8px}
.admin-menu-group{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.025)}
.admin-menu-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:0;background:transparent;color:inherit;font:700 14px/1.2 inherit;text-align:left;cursor:pointer}
.admin-menu-toggle::after{content:"▾";font-size:12px;transition:transform .2s ease}
.admin-menu-group.open .admin-menu-toggle::after{transform:rotate(180deg)}
.admin-submenu{display:none;padding:0 8px 8px}
.admin-menu-group.open .admin-submenu{display:block}
.admin-submenu a{display:block;padding:10px 11px;border-radius:8px;margin-top:3px}
.admin-submenu a:hover,.admin-submenu a.active{background:rgba(210,176,109,.14);color:#f7d58b}


/* Creator Vault Live admin refinements */
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.inline-status{display:flex;gap:8px;align-items:center}.inline-status select{min-width:110px}
.status.live{background:#5f1731;color:#fff;border-color:#d92955}.status.offline{background:#242029;color:#bbb}


/* Smart Site 4 known-good mobile administrator navigation — v2.0.11 */
.admin-mobile-toggle,
.admin-sidebar-backdrop{display:none}

@media(max-width:900px){
  body{display:block}
  html,body{max-width:100%;overflow-x:hidden}

  #adminSidebar{
    width:min(86vw,320px);
    height:100dvh;
    position:fixed;
    inset:0 auto 0 0;
    transform:translateX(-105%);
    visibility:hidden;
    pointer-events:none;
    z-index:10010;
    overflow-y:auto;
    background:#09070a;
    border-right:1px solid #3b303f;
    box-shadow:20px 0 50px rgba(0,0,0,.42);
    transition:transform .22s ease,visibility .22s ease;
  }

  #adminSidebar.is-open{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
  }

  .admin-mobile-toggle{
    display:flex;
    position:fixed;
    top:15px;
    left:15px;
    z-index:10020;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    border:1px solid #bd4cff;
    border-radius:9px;
    background:#151119;
    color:#fff;
    font-size:24px;
    line-height:1;
    box-shadow:0 8px 24px rgba(0,0,0,.32);
    cursor:pointer;
  }

  .admin-sidebar-backdrop{
    position:fixed;
    inset:0;
    z-index:10000;
    background:rgba(0,0,0,.58);
    backdrop-filter:blur(3px);
  }

  .admin-sidebar-backdrop:not([hidden]){display:block}

  body.admin-menu-open{overflow:hidden}

  .admin-main{
    margin-left:0;
    width:100%;
    max-width:100%;
  }

  .admin-header{
    min-height:78px;
    height:auto;
    padding:13px 18px 13px 78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
  }

  .admin-header h1{
    margin:0;
    min-width:0;
    font-size:clamp(19px,5.5vw,27px);
    line-height:1.08;
  }

  .admin-header span{
    flex:0 0 auto;
    font-size:12px;
  }

  .admin-main>main{padding:24px 18px 44px}

  .admin-nav{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  table{
    display:block;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  #adminSidebar .active,
  #adminSidebar [aria-current="page"]{transform:none}
}

@media(max-width:560px){
  .admin-header{
    align-items:flex-start;
    flex-direction:column;
    padding:14px 16px 14px 78px;
    gap:5px;
  }
  .admin-header span{white-space:normal}
}

@media(min-width:901px){
  #adminSidebar{
    transform:none;
    visibility:visible;
    pointer-events:auto;
  }
  .admin-sidebar-backdrop,
  .admin-mobile-toggle{display:none}
}



/* Smart Site 4 grouped admin navigation interaction fix — v2.0.12 */
.admin-menu-toggle{
  position:relative;
  z-index:1;
  pointer-events:auto;
}
.admin-submenu{
  position:relative;
  z-index:2;
}
.admin-menu-group.open{
  overflow:visible;
}
.admin-menu-group.open .admin-submenu{
  display:block;
}
.admin-submenu a{
  position:relative;
  z-index:3;
  pointer-events:auto;
}