:root{
  --site-bg:#f6f8fc;
  --site-card:#ffffff;
  --site-text:#1f2937;
  --site-muted:#6b7280;
  --site-line:#e5e7eb;
  --site-primary:#0b5fff;
  --site-primary-2:#0050d8;
  --site-radius:14px;
}

*{box-sizing:border-box}
body{
  background:radial-gradient(circle at 10% 0%, #eef4ff 0%, #f8fbff 28%, #f6f8fc 68%) !important;
  color:var(--site-text) !important;
}

a{color:var(--site-primary)}
a:hover{color:var(--site-primary-2)}

.card,
.content,
.sidebar,
.domain-item,
.modal-content{
  border:1px solid var(--site-line) !important;
  border-radius:var(--site-radius) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}

input,select,textarea{
  border:1px solid #cbd5e1 !important;
  border-radius:10px !important;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:#93c5fd !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.18);
}

button,.btn-primary,.btn-action{
  border-radius:10px !important;
  transition:all .2s ease;
}
button:hover,.btn-primary:hover,.btn-action:hover{
  transform:translateY(-1px);
}

.topbar{
  background:linear-gradient(90deg,#0a4bd9 0%,#0b5fff 40%,#1d7cff 100%) !important;
}

table{width:100%}
th{
  background:#f8fafc !important;
}

@media (max-width: 768px){
  .container,
  .page{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .content,.sidebar,.card{
    padding:12px !important;
  }
  .toolbar,
  .search-bar{
    flex-wrap:wrap !important;
    gap:8px !important;
  }
  .toolbar > *,
  .search-bar > *{
    width:100% !important;
  }
  .table-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  table{
    min-width:680px !important;
  }
}