:root{
  --g-primary:#0f766e;
  --g-primary-dark:#0f172a;
  --g-accent:#14b8a6;
  --g-border:#e5e7eb;
  --g-bg:#f8fafc;
  --g-card:#ffffff;
  --g-text:#111827;
  --g-muted:#6b7280;
  --g-shadow:0 10px 30px rgba(15,23,42,.08);
  --g-radius:18px;
}
html,body{background:var(--g-bg)!important;color:var(--g-text)!important;font-family:Arial,sans-serif!important}
*{box-sizing:border-box}
a{color:var(--g-primary)}
.wrap,.shell,.main{max-width:1100px}
.wrap,.shell{margin:0 auto!important;padding:24px 14px 60px!important}
.hero,.top,.login-box,.section-card,.card,.cardx,.panel,.stat-card,.item-card,.tour,.scan-box,.list-card,.box{
  background:var(--g-card)!important;
  border:1px solid var(--g-border)!important;
  border-radius:var(--g-radius)!important;
  box-shadow:var(--g-shadow)!important;
}
.hero{
  background:linear-gradient(135deg,var(--g-primary),var(--g-primary-dark))!important;
  color:#fff!important;
  padding:24px!important;
  margin-bottom:18px!important;
}
.hero h1,.hero h2{margin:0 0 8px!important;letter-spacing:-.02em;color:#fff!important}
.hero p,.hero .sub,.hero .muted{color:rgba(255,255,255,.92)!important}
.hero a.btn,.hero button.btn{background:#fff!important;color:var(--g-primary-dark)!important;border-color:#fff!important}
.btn,.btn-p,.btn-s,.btn-o,.btn-y,.btn-d,button,input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:10px!important;font-weight:700!important;box-shadow:none!important;
  padding:10px 16px!important;text-decoration:none!important;
}
.btn,.btn-p,.btn-s{background:var(--g-primary)!important;border:1px solid var(--g-primary)!important;color:#fff!important}
.btn-o,.btn-outline{background:#fff!important;border:1px solid var(--g-primary)!important;color:var(--g-primary)!important}
.btn-y{background:#0f172a!important;border:1px solid #0f172a!important;color:#fff!important}
.btn-d{background:#b91c1c!important;border:1px solid #b91c1c!important;color:#fff!important}
.fc,input,select:not(.ot-lang-select):not(.ot-mobile-lang-select),textarea{
  border:1px solid #d1d5db!important;border-radius:10px!important;background:#fff!important;color:#111827!important;
  padding:11px 12px!important;box-shadow:none!important;
}
label{font-weight:700!important;color:#374151!important}
.notice{border-radius:12px!important}
.notice.ok{background:#dcfce7!important;color:#166534!important}
.notice.err{background:#fee2e2!important;color:#991b1b!important}
.item-card,.tour,.card,.cardx,.panel,.stat-card{padding:18px!important}
.item-head img,.thumb-fallback,.tour-photo,.head img,.avatar{border-radius:14px!important;border:1px solid var(--g-border)!important}
.item-actions,.actions,.form-footer,.toolbar,.top-actions{gap:10px!important}
.grid,.mini-grid,.cards-grid,.product-grid{gap:16px!important}
.muted,.helper,.welcome,.sub{color:var(--g-muted)!important}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}
thead th{background:#f8fafc!important;color:#374151!important;font-size:.83rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--g-border)}
.sidebar{background:linear-gradient(180deg,var(--g-primary-dark),var(--g-primary))!important;box-shadow:0 12px 32px rgba(15,23,42,.18)!important}
.sidebar .nav-btn{border-radius:12px!important}
.sidebar .nav-btn.active{background:#fff!important;color:var(--g-primary-dark)!important}
.login-wrap{background:linear-gradient(180deg,#ecfeff,#f8fafc)!important}
.top h1,#pageTitle{letter-spacing:-.02em}
@media (max-width:920px){
  .wrap,.shell{padding:18px 12px 40px!important}
  .hero{padding:20px!important}
}