/* HILLTOPADS-INSPIRED THEME — visual recreation, not copied proprietary CSS */
:root{--ht-bg:#f5f7fb;--ht-surface:#fff;--ht-navy:#17233d;--ht-navy2:#202e4c;--ht-green:#22a86b;--ht-green2:#35c486;--ht-line:#e5e9f0;--ht-muted:#7c8799;--ht-text:#172033;--ht-shadow:0 8px 24px rgba(23,35,61,.07);--ht-radius:12px}
html,body{background:var(--ht-bg)!important;color:var(--ht-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body{font-size:14px}
.topbar{height:68px!important;background:#fff!important;border-bottom:1px solid var(--ht-line)!important;box-shadow:0 2px 12px rgba(23,35,61,.04)!important}
.developer-credit{color:#8a94a6!important}.developer-credit strong{color:var(--ht-navy)!important}.developer-credit a{color:var(--ht-green)!important}
.top-actions select{background:#fff!important;border:1px solid #dce2eb!important;color:var(--ht-navy)!important;border-radius:8px!important}
.refresh-btn{background:var(--ht-green)!important;border:0!important;border-radius:8px!important;box-shadow:none!important}.refresh-btn:hover{background:#198e5a!important}
.logout-btn{border:1px solid #e0e5ed!important;background:#fff!important;color:#647087!important;border-radius:8px!important}
.app-shell{background:var(--ht-bg)!important}
.sidebar{background:var(--ht-navy)!important;border:0!important;box-shadow:4px 0 18px rgba(23,35,61,.08)!important}
.side-brand{border-bottom:1px solid rgba(255,255,255,.09)!important}.side-logo{color:#fff!important}.side-logo span{color:var(--ht-green2)!important}.side-subtitle{color:#9ba8bd!important}
.nav-label{color:#7f8da6!important;letter-spacing:.12em!important;font-size:10px!important}
.nav-item{background:transparent!important;border:1px solid transparent!important;color:#aeb8c9!important;border-radius:8px!important;margin:3px 12px!important}
.nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:transparent!important}
.nav-item.active{background:rgba(53,196,134,.16)!important;color:#fff!important;border-color:rgba(53,196,134,.22)!important;box-shadow:none!important}.nav-item.active .nav-icon{color:var(--ht-green2)!important}
.sidebar-bottom{border-top:1px solid rgba(255,255,255,.08)!important}.side-user strong{color:#fff!important}.side-user small{color:#93a0b4!important}.avatar{background:var(--ht-green)!important;color:#fff!important}
.content{background:var(--ht-bg)!important;padding:28px 30px!important}
.welcome-head{margin-bottom:24px!important}.welcome-head h1,.page-head h1{color:var(--ht-navy)!important;font-weight:750!important;letter-spacing:-.03em!important}.welcome-head h1 span{color:var(--ht-green)!important}.welcome-head p,.muted{color:var(--ht-muted)!important}.head-line{background:var(--ht-green)!important}.status{background:#eaf8f1!important;border:1px solid #c7ead9!important;color:#18875a!important;border-radius:999px!important}
.summary-grid{gap:16px!important}.summary-card{background:#fff!important;border:1px solid var(--ht-line)!important;border-radius:var(--ht-radius)!important;box-shadow:var(--ht-shadow)!important}.summary-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(23,35,61,.09)!important}.summary-card .card-top span:not(.summary-icon){color:#657187!important}.summary-card .card-top strong{color:var(--ht-navy)!important}.summary-card .card-bottom small{color:#9099a8!important}.summary-card .card-bottom em{color:var(--ht-green)!important}.summary-icon{border-radius:8px!important}.summary-card.blue .summary-icon{background:#edf4ff!important;color:#427bd0!important}.summary-card.amber .summary-icon{background:#fff6e7!important;color:#d99b31!important}.summary-card.green .summary-icon{background:#eaf8f1!important;color:#1e9b68!important}.summary-card.purple .summary-icon{background:#f2edff!important;color:#8262d8!important}.summary-card.red .summary-icon{background:#fff0f1!important;color:#d76576!important}
.accent-line{background:var(--ht-green)!important;height:2px!important;opacity:1!important}
.double-row{gap:16px!important}.wide-card,.quick-links-card,.panel{background:#fff!important;border:1px solid var(--ht-line)!important;border-radius:var(--ht-radius)!important;box-shadow:var(--ht-shadow)!important}.wide-card{padding:20px!important}.wide-head strong,.panel-head h2{color:var(--ht-navy)!important}.wide-icon{border-radius:8px!important}.green-icon{background:#eaf8f1!important;color:#1d9865!important}.blue-icon{background:#edf4ff!important;color:#4c79bd!important}.link-icon{background:#eef8f3!important;color:#248c65!important}.pill{background:#f7f9fc!important;border-color:#e3e7ee!important;color:#7b8799!important}
.overview-row{border-bottom:1px solid #eef1f5!important}.overview-row span{color:#7b8799!important}.overview-row strong{color:var(--ht-navy)!important}.overview-row strong.online{color:var(--ht-green)!important}
.quick-links button{background:#fff!important;border:1px solid #e2e7ee!important;border-radius:8px!important;color:#58657a!important}.quick-links button:hover{background:#f5fbf8!important;border-color:#bfe5d3!important;color:#18845a!important;transform:none!important;box-shadow:none!important}.quick-links button span{color:var(--ht-green)!important}
.page-head{margin-bottom:18px!important}.panel{box-shadow:var(--ht-shadow)!important}.panel-head{border-bottom:1px solid #edf0f4!important}
.primary-btn,.btn-primary,.primary{background:var(--ht-green)!important;border:0!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important}.primary-btn:hover,.btn-primary:hover,.primary:hover{background:#198f5c!important;box-shadow:none!important}
input,select,textarea{background:#fff!important;border:1px solid #dce2eb!important;border-radius:8px!important;color:var(--ht-text)!important}input:focus,select:focus,textarea:focus{border-color:#7bcaa8!important;box-shadow:0 0 0 3px rgba(34,168,107,.10)!important}
table{background:#fff!important;border-color:#e3e7ee!important}th{background:#f7f9fc!important;color:#667287!important;border-bottom:1px solid #e3e7ee!important}td{border-color:#edf0f4!important;color:#29344a!important}
.account-message{border-radius:8px!important}.mobile-menu{background:#fff!important;color:var(--ht-navy)!important;border:1px solid #dce2eb!important;border-radius:8px!important}
@media(max-width:800px){.content{padding:20px!important}}
@media(max-width:520px){.content{padding:14px!important}.topbar{height:62px!important}}