/* KU-KU V9.1.46 — exact blue/red branding skin */
:root{
  --bg:#030816;--panel:#08111f;--panel2:#0b1628;--line:#20324f;
  --gold:#0877ff;--gold2:#55aaff;--text:#f4f7ff;--muted:#9aa8bd;
  --green:#56df84;--red:#ff4f55;font-family:Segoe UI,Arial,sans-serif
}
*{box-sizing:border-box}
body{
  margin:0;min-height:100vh;color:var(--text);
  background:
    radial-gradient(circle at 70% 10%,rgba(13,75,180,.18),transparent 34%),
    linear-gradient(135deg,#061020 0%,#020611 55%,#01040d 100%) !important;
}
.app-shell{grid-template-columns:226px 1fr!important;min-height:100vh!important}
aside{
  background:linear-gradient(180deg,#061123 0%,#050d1b 100%)!important;
  border-right:1px solid #1b2d4b!important;padding:26px 14px 18px!important;
}
.brand{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:10px!important;margin:0 0 36px!important;text-align:center!important
}
.brand .crest{display:none!important}
.brand .kuku-sidebar-logo{
  width:154px;height:154px;object-fit:cover;border-radius:34px;
  box-shadow:0 0 32px rgba(0,111,255,.33),0 18px 35px rgba(0,0,0,.45)
}
.brand .kuku-sidebar-name{
  font-size:34px!important;font-weight:900!important;letter-spacing:1px!important;
  color:#0e78ff!important;text-shadow:0 3px 0 #07367a,0 0 12px rgba(32,132,255,.6)
}
nav,#nav{display:grid!important;gap:10px!important}
#nav[hidden]{display:grid!important}
.nav{
  color:#b8c3d6!important;background:transparent!important;border:0!important;
  padding:14px 16px!important;border-radius:12px!important;text-align:left!important;
  font-size:16px!important;font-weight:600!important
}
.nav:hover,.nav.active{
  color:#2d99ff!important;background:linear-gradient(90deg,rgba(10,84,193,.34),rgba(9,47,105,.22))!important;
  box-shadow:inset 3px 0 0 #1388ff!important
}
.bottom{margin-top:auto!important}
.status{border:1px solid #233858!important;background:#071120!important;color:#a9b6ca!important}
.status.ok{color:#56df84!important;border-color:#234c3a!important}
#logout{background:#08111f!important;color:#aab7cb!important;border:1px solid #20314d!important}
main{padding:30px 44px 60px!important;background:transparent!important}
header{border-bottom:1px solid #15243d;padding-bottom:18px}
.eyebrow{color:#79aee9!important}
.crown,.giant{display:none!important}
.kuku-main-brand{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;margin:14px auto 34px;text-align:center
}
.kuku-main-brand img{
  width:min(300px,42vw);height:min(300px,42vw);max-width:300px;max-height:300px;
  object-fit:cover;border-radius:58px;
  box-shadow:0 0 46px rgba(0,104,255,.24),0 24px 48px rgba(0,0,0,.48)
}
.kuku-main-brand .name{
  font-size:clamp(58px,7vw,100px);line-height:.95;font-weight:900;letter-spacing:2px;
  color:#0f78ff;text-shadow:0 4px 0 #073a82,0 0 18px rgba(19,128,255,.44)
}
#auth.auth-wrap{max-width:none!important;margin:0 auto!important}
#auth .hero{margin:0!important}
#auth .hero>h1,#auth .hero>p,#auth .hero>.crown{display:none!important}
.auth-grid{
  display:grid!important;grid-template-columns:1fr!important;max-width:620px!important;
  margin:0 auto!important;gap:0!important
}
.auth-grid .panel{
  background:linear-gradient(180deg,rgba(10,23,42,.96),rgba(7,16,30,.96))!important;
  border:1px solid #263a5c!important;border-radius:20px!important;padding:34px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.38)!important
}
.kuku-register-panel{display:none!important}
body.kuku-registering .kuku-register-panel{display:block!important}
body.kuku-registering .kuku-login-panel{display:none!important}
.auth-grid h2{text-align:center!important;font-size:34px!important;margin:0 0 24px!important}
label{color:#eef3fb!important;font-size:15px!important;font-weight:600!important}
input,select{
  background:#06101f!important;color:white!important;border:1px solid #2b4165!important;
  border-radius:12px!important;padding:14px 16px!important;font-size:16px!important
}
input:focus,select:focus{outline:2px solid rgba(20,129,255,.35)!important;border-color:#1686ff!important}
button.primary,.primary{
  background:linear-gradient(180deg,#167dff,#075bd7)!important;color:#fff!important;border:1px solid #258cff!important;
  box-shadow:0 8px 20px rgba(7,89,216,.28)!important
}
.secondary{background:#0a1526!important;color:#b7c7dd!important;border:1px solid #2a3b58!important}
.panel,.hero-card,.stat,.card,.group-card{
  background:linear-gradient(180deg,#0a1424,#08111f)!important;border-color:#263956!important
}
.stat strong,.card h3,.code,.role{color:#55aaff!important}
.kuku-auth-switch{
  margin-top:14px;border:1px solid #243752;background:#07111f;color:#aab7cb;
  border-radius:12px;padding:14px;text-align:center;cursor:pointer
}
.kuku-auth-switch:hover{border-color:#2e6ebd;color:#dfe9f8}
#authMsg{margin-top:10px;color:#ff777d!important;text-align:center}
.kuku-old-brand,.kuku-old-title,.kuku-old-version{display:none!important}
#app header .eyebrow{font-weight:800!important;letter-spacing:1.5px!important}
#app header h1{color:#f4f7ff!important}
#realMap{border-color:#284263!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#07111f!important;color:#fff!important}
.ei-marker{background:#1686ff!important;border-color:#bfe1ff!important;box-shadow:0 0 0 8px #1686ff38!important}

@media(max-width:900px){
  .app-shell{grid-template-columns:1fr!important}
  aside{
    position:static!important;height:auto!important;padding:12px!important;
    border-right:0!important;border-bottom:1px solid #1c2e4b!important
  }
  .brand{flex-direction:row!important;justify-content:flex-start!important;margin:0 0 12px!important}
  .brand .kuku-sidebar-logo{width:58px;height:58px;border-radius:15px}
  .brand .kuku-sidebar-name{font-size:24px!important}
  #nav{display:flex!important;overflow-x:auto!important;gap:8px!important}
  .nav{white-space:nowrap!important;flex:0 0 auto!important}
  .bottom{display:none!important}
  main{padding:18px!important}
  .kuku-main-brand img{width:180px;height:180px;border-radius:38px}
  .kuku-main-brand .name{font-size:58px}
  .auth-grid{max-width:520px!important}
}
@media(max-width:650px){
  .brand{display:flex!important}
  .auth-grid .panel{padding:22px!important}
  .kuku-main-brand{margin-top:8px}
  .kuku-main-brand img{width:150px;height:150px}
  .kuku-main-brand .name{font-size:46px}
}