:root{
  --mds-primary:#2c3e50; --mds-accent:#a3be8c; --mds-success:#27ae60;
  --mds-warn:#f39c12; --mds-danger:#e74c3c; --mds-muted:#6c757d;
  --mds-bg:#f8f9fa; --mds-hover:#f4faf0;
}
body{background:var(--mds-bg);font-size:14px;color:#2c3e50;}
.mds-wrapper{display:flex;min-height:100vh;}
.mds-sidebar{width:250px;background:var(--mds-primary);color:#cfd8e3;
  position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;}
.mds-brand{padding:18px 20px;font-weight:700;color:#fff;font-size:15px;
  border-bottom:1px solid rgba(255,255,255,.08);}
.mds-brand small{display:block;font-weight:400;font-size:11px;color:var(--mds-accent);}
.mds-menu{list-style:none;padding:8px 0;margin:0;overflow-y:auto;}
.mds-menu a{display:flex;align-items:center;gap:10px;padding:10px 20px;
  color:#cfd8e3;text-decoration:none;font-size:13.5px;border-left:3px solid transparent;}
.mds-menu a:hover{background:rgba(255,255,255,.05);color:#fff;}
.mds-menu a.active{background:rgba(163,190,140,.14);color:#fff;border-left-color:var(--mds-accent);}
.mds-menu .mds-section{padding:14px 20px 4px;font-size:11px;text-transform:uppercase;
  letter-spacing:.05em;color:#7f8c9b;}
.mds-content{margin-left:250px;flex:1;padding:24px 28px;}
.card{border:1px solid #e6e9ec;border-radius:8px;}
.card-header{font-weight:700;font-size:14px;background:#fff;border-bottom:1px solid #eef0f2;}
.btn-success{--bs-btn-bg:var(--mds-success);--bs-btn-border-color:var(--mds-success);
  --bs-btn-hover-bg:#229954;--bs-btn-hover-border-color:#229954;}
.breadcrumb{background:transparent;font-size:13px;}
.tag-ok{background:rgba(39,174,96,.12);color:var(--mds-success);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;}
.tag-warn{background:rgba(243,156,18,.12);color:var(--mds-warn);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;}
.tag-err{background:rgba(231,76,60,.12);color:var(--mds-danger);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;}