:root{
  --retro-bg:#008080;
  --retro-panel:#c0c0c0;
  --retro-panel-light:#dfdfdf;
  --retro-panel-dark:#808080;
  --retro-panel-darker:#404040;
  --retro-blue:#000080;
  --retro-text:#111;
  --retro-field:#ffffff;
}
html,body{background:var(--retro-bg)!important;color:var(--retro-text)!important;font-family:"MS Sans Serif","Segoe UI",Tahoma,Arial,sans-serif!important;font-size:14px!important;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 50%, rgba(0,0,0,.03) 50%);background-size:100% 4px;opacity:.14;z-index:0}
.layout,.wrap,.box{position:relative;z-index:1}
.wrap,.main{padding-bottom:40px!important}
.card,.hero,.box,.sidebar,.sidebar-box,.panel,.metric-card,.toolbar,.table-wrap,.sticky-preview,.preview-card,.topbar,.badge-ui,.notice,.ok,.err,.alert{
  background:var(--retro-panel)!important;
  color:var(--retro-text)!important;
  border-radius:0!important;
  border-top:2px solid #fff!important;
  border-left:2px solid #fff!important;
  border-right:2px solid var(--retro-panel-darker)!important;
  border-bottom:2px solid var(--retro-panel-darker)!important;
  box-shadow:1px 1px 0 0 var(--retro-panel-dark)!important;
}
.hero-top,.topbar,.toolbar,.brand,.section-title-wrap{
  background:linear-gradient(90deg,#000080,#1084d0)!important;
  color:#fff!important;
  margin:-2px -2px 14px -2px!important;
  padding:7px 10px!important;
  border-bottom:2px solid var(--retro-panel-dark)!important;
}
.topbar h1,.topbar h2,.topbar p,.hero h1,.hero p,.brand h1,.brand small,.section-title,.sidebar .side-title,.sidebar-box h3,.sidebar-box p{color:inherit!important}
.sidebar{background:#c0c0c0!important;padding:10px!important;width:265px!important}
.brand{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important}
.brand img{max-height:44px!important;width:auto!important;max-width:180px!important;object-fit:contain}
.brand-icon,.brand-mark{border-radius:0!important;background:#c0c0c0!important;color:#000!important;border-top:2px solid #fff!important;border-left:2px solid #fff!important;border-right:2px solid #404040!important;border-bottom:2px solid #404040!important;box-shadow:none!important}
.nav a,.sidebar .nav-link,.btn,.hero-actions a,button,input[type=submit],input[type=button]{
  background:#c0c0c0!important;
  color:#000!important;
  border-radius:0!important;
  border-top:2px solid #fff!important;
  border-left:2px solid #fff!important;
  border-right:2px solid #404040!important;
  border-bottom:2px solid #404040!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.nav a.active,.nav a:hover,.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#dcdcdc!important}
.btn:active,button:active,.nav a:active{border-top:2px solid #404040!important;border-left:2px solid #404040!important;border-right:2px solid #fff!important;border-bottom:2px solid #fff!important}
.btn-primary,.btn-blue,.btn-light{background:#c0c0c0!important;color:#000!important}
.sidebar-box a{background:#c0c0c0!important;color:#000!important}
input,select,textarea,.form-control,.form-select{
  background:#fff!important;
  color:#000!important;
  border-radius:0!important;
  border-top:2px solid #404040!important;
  border-left:2px solid #404040!important;
  border-right:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{outline:1px dotted #000!important;outline-offset:-4px!important}
.table,.table table{background:#fff!important;border-collapse:separate!important;border-spacing:0}
.table th,table th{background:#c0c0c0!important;color:#000!important;border-top:1px solid #fff!important;border-left:1px solid #fff!important;border-right:1px solid #808080!important;border-bottom:1px solid #808080!important}
.table td,table td{background:#fff!important;color:#000!important;border:1px solid #b7b7b7!important}
.kpi,.metric-card,.stat-card{background:#c0c0c0!important}
.kpi .n,.metric-card strong,.money-col,.power-col{color:#000080!important;text-shadow:1px 1px 0 #fff}
.kpi .l,.kpi .s,.muted,small,label,.preview-line span{color:#333!important}
.chip,.badge,.status-badge{border-radius:0!important;border:1px solid #666!important;background:#e6e6e6!important;color:#000!important}
.ok,.notice-ok{background:#dff0d8!important;color:#000!important}
.err,.notice-err{background:#f2dede!important;color:#000!important}
a{color:#000080!important}
.link{color:#000080!important;text-decoration:underline!important}
@media (max-width:980px){.sidebar{width:100%!important}.main{margin-left:0!important;width:100%!important}}