:root{
  --ua-bg:#f6f7fb;
  --ua-card:#ffffff;
  --ua-border:#e9ebf1;
  --ua-text:#111827;
  --ua-muted:#6b7280;
}

body{background:var(--ua-bg);color:var(--ua-text);}

/* Sidebar (desktop) */
.ua-sidebar{
  width:248px;
  min-height:100vh;
  background:#0b1220;
  color:#e5e7eb;
  position:sticky;
  top:0;
  height:100vh;
  overflow-y:auto;
}
.ua-sidebar .brand{
  font-weight:700;
  padding:18px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ua-sidebar a{
  display:block;
  color:#cbd5e1;
  text-decoration:none;
  padding:10px 18px;
  border-radius:12px;
  margin:4px 12px;
  font-size:14px;
}
.ua-sidebar a:hover{background:rgba(255,255,255,.08);color:#fff;}
.ua-sidebar a.active{background:#2563eb;color:#fff;}

/* Offcanvas (mobile menu) */
.ua-offcanvas{
  background:#0b1220;
  color:#e5e7eb;
}
.ua-offcanvas a{
  display:block;
  color:#cbd5e1;
  text-decoration:none;
  padding:10px 14px;
  border-radius:12px;
  margin:4px 8px;
  font-size:14px;
}
.ua-offcanvas a:hover{background:rgba(255,255,255,.08);color:#fff;}
.ua-offcanvas a.active{background:#2563eb;color:#fff;}

/* Topbar */
.ua-topbar{
  background:var(--ua-card);
  border-bottom:1px solid var(--ua-border);
  position:sticky;
  top:0;
  z-index:10;
}

/* Cards */
.ua-card{
  background:var(--ua-card);
  border:1px solid var(--ua-border);
  border-radius:16px;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
}
.ua-card .card-header{background:transparent;border-bottom:1px solid var(--ua-border);} 

/* Inputs */
.ua-input{border-radius:12px;}
.ua-btn{border-radius:12px;}

.small-muted{color:var(--ua-muted);font-size:12px;}

.table thead th{color:#374151;font-size:13px;font-weight:600;}
.table tbody td{font-size:13px;}

.badge-soft{background:#eef2ff;color:#3730a3;border:1px solid #e0e7ff;}

/* Make tables look tidy on mobile */
.table-responsive{border-radius:14px;}

/* Reduce unnecessary overflow on small screens */
@media (max-width: 991.98px){
  .ua-topbar{padding:12px 12px !important;}
  .ua-topbar .btn{white-space:nowrap;}
}

/* wangEditor (rich text) */
.ua-editor-wrap{
  border:1px solid var(--ua-border);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.ua-editor-toolbar{
  border-bottom:1px solid var(--ua-border);
  background:#f9fafb;
}
.ua-editor-toolbar .w-e-toolbar{
  flex-wrap:wrap; /* 手机端工具栏不换行会炸裂 */
}
.ua-editor-toolbar .w-e-menu{
  height:auto;
}
.ua-editor-text{
  min-height:260px;
}
.ua-editor-text .w-e-text-container{
  min-height:260px !important;
}