:root{
  --bg:#0f141b;
  --panel:#131b24;
  --panel2:#0f1720;
  --text:#e7eef7;
  --muted:#9fb0c0;
  --border:#223044;
}
.app-body{background:var(--bg);color:var(--text);}
.card-dark{background:var(--panel);border:1px solid var(--border);border-radius:14px;}
.modal-dark{background:var(--panel);color:var(--text);border:1px solid var(--border);}
.app-shell{display:flex;min-height:100vh;}
.app-sidebar{width:260px;background:var(--panel2);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow:auto;}
.app-main{flex:1;min-width:0;}
.app-item{background:transparent!important;color:var(--text)!important;border-color:var(--border)!important;}
.app-topbar{background:rgba(19,27,36,.9);backdrop-filter:blur(8px);}
@media(max-width:991px){
  .app-sidebar{position:fixed;left:-280px;top:0;z-index:1040;transition:left .2s ease;box-shadow:0 10px 40px rgba(0,0,0,.4);}
  .app-sidebar.open{left:0;}
}
.topbar-logo{
  height: 30px;
  width: auto;
  display: block;
}