:root{
  --bg:#eef3f7;
  --surface:#ffffff;
  --surface-soft:#f7fafc;
  --line:#cfdbe7;
  --text:#0f172a;
  --muted:#64748b;
  --blue:#1677d2;
  --navy:#102235;
  --amber:#d98b00;
}

*{box-sizing:border-box}

html,body{
  margin:0!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:"Segoe UI",Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
}

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

aside,.sidebar,.side,.left,.leftbar,nav[aria-label]{
  background:var(--bg)!important;
  border-right:1px solid var(--line)!important;
  box-shadow:none!important;
}

main,.main,.content,.workspace,.app-main{
  background:var(--bg)!important;
  color:var(--text)!important;
}

img{
  max-width:100%;
}

aside img,.sidebar img,.brand img,.logo img{
  width:220px!important;
  max-height:90px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.ss-logo-wrap{
  padding:28px 20px 24px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.ss-panel,.ss-card,.ss-side-card,.ss-metric-card{
  background:var(--surface)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

.ss-metric-card{
  padding:14px 16px!important;
  min-height:64px!important;
}

.ss-metric-card span,
.ss-metric-card small,
.ss-card span,
.ss-panel span{
  color:var(--muted)!important;
}

.ss-metric-card strong,
.ss-metric-card b{
  color:var(--text)!important;
}

#accountStatus{
  color:var(--amber)!important;
  font-weight:800!important;
  background:transparent!important;
}

.ss-subscription-banner{
  background:#fff7e6!important;
  border:1px solid #efbd5b!important;
  color:#6d4300!important;
  border-radius:8px!important;
  padding:16px 18px!important;
  box-shadow:none!important;
}

.ss-subscription-banner *{
  color:inherit!important;
}

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

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

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

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

button.primary,
#generateBtn,
#runAnalysis,
.ss-primary,
.ss-active-nav{
  background:var(--blue)!important;
  border-color:var(--blue)!important;
  color:#fff!important;
}

.ss-top-actions button,
.ss-top-actions a,
.ss-lang-select{
  height:38px!important;
  padding:0 14px!important;
  background:#fff!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:7px!important;
  font-weight:700!important;
}

.ss-lang-select{
  min-width:145px!important;
}

.ss-hidden-lang{
  display:none!important;
}

.ss-side-card{
  margin:14px 16px!important;
  padding:16px!important;
}

.ss-side-card h3,
.ss-side-card h2,
.ss-side-card strong{
  color:var(--text)!important;
}

aside a,aside button,.sidebar a,.sidebar button{
  width:100%!important;
  background:#fff!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:7px!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

aside a:hover,aside button:hover,.sidebar a:hover,.sidebar button:hover{
  border-color:#9fb6ce!important;
}

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

main section,main article,main .panel,main .card{
  background:#fff!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

main header:not(.ss-app-header),
.panel-head,.card-head,.panel-header,.card-header{
  background:#fff!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}

h1,h2,h3,h4,p,label,strong,b,td,th,span,small{
  text-shadow:none!important;
}

h1,h2,h3,h4,strong,b{
  color:var(--text);
}

small,span,label,p{
  color:inherit;
}

.ss-muted{
  color:var(--muted)!important;
}

@media(max-width:900px){
  body{font-size:14px!important}
  aside,.sidebar{position:relative!important;width:100%!important}
  main,.main,.content{margin-left:0!important}
}