:root{
  --ss-bg:#eef3f7;
  --ss-panel:#ffffff;
  --ss-line:#ccd8e5;
  --ss-text:#0f172a;
  --ss-muted:#607188;
  --ss-blue:#1677d2;
  --ss-navy:#10273b;
  --ss-warn:#b45309;
}

*{box-sizing:border-box!important;letter-spacing:0!important;text-shadow:none!important}
html,body{
  margin:0!important;
  background:var(--ss-bg)!important;
  color:var(--ss-text)!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
}

body,.app,.layout,.workspace,.page,.content,main{
  background:var(--ss-bg)!important;
}

aside,.sidebar,.side,.left-panel{
  background:var(--ss-bg)!important;
  border-right:1px solid var(--ss-line)!important;
  box-shadow:none!important;
}

aside img,.sidebar img{
  width:210px!important;
  max-width:86%!important;
  height:auto!important;
  display:block!important;
  margin:26px auto 30px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}

main,.main,.content{
  padding:24px!important;
}

h1,h2,h3,h4,label,p,span,div,strong,b,td,th{
  color:inherit;
}

h1,h2{
  color:var(--ss-text)!important;
  font-weight:800!important;
}

small,.muted,.hint,[class*="muted"],[class*="hint"]{
  color:var(--ss-muted)!important;
}

.panel,.card,.stat-card,.metric,.box,section,
[class*="panel"],[class*="card"],[class*="stat"],[class*="metric"]{
  background:var(--ss-panel)!important;
  color:var(--ss-text)!important;
  border:1px solid var(--ss-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

.panel-head,.panel-header,.card-head,.card-header,
[class*="panel-head"],[class*="card-head"],thead{
  background:#f8fafc!important;
  color:var(--ss-text)!important;
  border-bottom:1px solid var(--ss-line)!important;
}

textarea,input,select{
  background:#fff!important;
  color:var(--ss-text)!important;
  border:1px solid var(--ss-line)!important;
  border-radius:7px!important;
  box-shadow:none!important;
  outline:none!important;
}

textarea{
  min-height:145px!important;
  resize:vertical!important;
}

button,.button,a.button,.btn{
  background:#fff!important;
  color:var(--ss-text)!important;
  border:1px solid var(--ss-line)!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-weight:700!important;
}

button:hover,.button:hover,.btn:hover{
  border-color:#9db4c8!important;
}

button.primary,#generateBtn,[id*="generate" i],button[type="submit"]{
  background:var(--ss-blue)!important;
  border-color:var(--ss-blue)!important;
  color:#fff!important;
}

#billingBtn,#manageBillingBtn,[id*="billing" i],button:has(+ .billing){
  background:var(--ss-blue)!important;
  border-color:var(--ss-blue)!important;
  color:#fff!important;
}

#accountStatus,.status-warn,[class*="status-warn"]{
  color:var(--ss-warn)!important;
  background:transparent!important;
  font-weight:800!important;
}

.status-good,[class*="status-good"]{
  color:#059669!important;
  font-weight:800!important;
}

aside .panel,aside .card,aside section,aside [class*="panel"],aside [class*="card"]{
  background:#fff!important;
  color:var(--ss-text)!important;
  border:1px solid var(--ss-line)!important;
  border-radius:8px!important;
}

aside a,aside button{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:var(--ss-text)!important;
  border:1px solid var(--ss-line)!important;
  border-radius:7px!important;
  text-decoration:none!important;
}

aside a.active,aside button.active,aside .active{
  background:var(--ss-blue)!important;
  color:#fff!important;
  border-color:var(--ss-blue)!important;
}

aside [id*="detected" i],
aside [class*="detected" i],
aside [class*="expiration" i]{
  background:#fff!important;
  color:var(--ss-text)!important;
  border-color:var(--ss-line)!important;
}

.topbar,.toolbar,header,.actions{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.ss-lang-select{
  height:38px!important;
  min-width:156px!important;
  padding:0 12px!important;
  background:#fff!important;
  color:var(--ss-text)!important;
  border:1px solid var(--ss-line)!important;
  border-radius:7px!important;
  font-weight:800!important;
}

.subscription-banner,.billing-banner,[class*="subscription"],[class*="billing-alert"],[class*="notice"]{
  background:#fff8e8!important;
  color:#4a3410!important;
  border:1px solid #e6b85e!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

table{
  width:100%!important;
  border-collapse:collapse!important;
  background:#fff!important;
  color:var(--ss-text)!important;
}

th,td{
  border-bottom:1px solid var(--ss-line)!important;
  padding:12px!important;
}

hr,.divider{
  border-color:var(--ss-line)!important;
}

body::before,body::after{
  display:none!important;
}