/* SMART SITE 4 ADMIN STYLESHEET — Eclipse Elite Entertainment v1.8.9 */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:#0a090c;color:#f7f4f1;font:14px/1.5 Arial,sans-serif;display:flex;min-height:100vh}
a{color:inherit;text-decoration:none}
img,video,iframe{max-width:100%;height:auto}
#adminSidebar{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:#d7ad55}
.admin-brand b{display:block;font:500 21px Georgia,serif}
.admin-brand small{letter-spacing:.25em}
.admin-nav{display:grid;gap:4px}
.admin-nav>a,.admin-nav details a{padding:10px 12px;border-radius:5px;color:#ddd}
.admin-nav>a:hover,.admin-nav details a:hover{background:#2a1d14;color:#e6bd62}
.admin-nav details{border-top:1px solid rgba(255,255,255,.08)}
.admin-nav summary{cursor:pointer;padding:13px 16px;font-weight:800;color:#d7ad55;list-style:none}
.admin-nav summary::-webkit-details-marker{display:none}
.admin-nav summary:after{content:'+';float:right}
.admin-nav details[open] summary:after{content:'–'}
.admin-nav details>div{display:grid;padding:0 0 8px}
.admin-nav details a{padding-left:28px}
.admin-main{margin-left:230px;width:calc(100% - 230px);max-width:100%}
.admin-header{height:75px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #342c2f;background:#0e0c10}
.admin-header h1{margin:0;font-size:25px;line-height:1.1}
.admin-header span{color:#c7bec4}
.admin-main>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;max-width:100%}
.stat b{display:block;font-size:28px;color:#d7ad55}
.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:#d7ad55;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%;max-width:100%;border-collapse:collapse;background:#141217}
th,td{padding:12px;border-bottom:1px solid #352c31;text-align:left;vertical-align:top}
th{color:#d7ad55}
.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}
.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.admin-menu-toggle,.admin-sidebar-backdrop{display:none}

@media(max-width:1000px){
.cards,.image-grid,.color-grid{grid-template-columns:1fr 1fr}
.form{grid-template-columns:1fr}
.full{grid-column:auto}
}

@media(max-width:900px){
html,body{max-width:100%;overflow-x:hidden}
body{display:block}
#adminSidebar{
width:min(86vw,320px);height:100dvh;position:fixed;inset:0 auto 0 0;z-index:10010;
transform:translateX(-105%);visibility:hidden;pointer-events:none;overflow-y:auto;
background:#09070a;border-right:1px solid #382b24;box-shadow:20px 0 50px rgba(0,0,0,.45);
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 rgba(215,173,85,.42);border-radius:9px;
background:#0c0a0d;color:#fff;font-size:24px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.35);cursor:pointer
}
.admin-sidebar-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.62);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;background:#0e0c10
}
.admin-header h1{margin:0;font-size:clamp(19px,5.5vw,27px);line-height:1.08;min-width:0}
.admin-header span{font-size:12px;white-space:nowrap;flex:0 0 auto}
.admin-main>main{padding:24px 18px 44px}
.form{grid-template-columns:1fr}
.full{grid-column:auto}
.image-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
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}
.cards,.image-grid,.color-grid,.admin-grid-two{grid-template-columns:1fr}
}

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