:root{
  --udc-primary:#0b3d91;
  --udc-primary-light:#1857c9;
  --udc-accent:#00b4d8;
  --udc-sidebar-bg:#0b1e3d;
  --udc-sidebar-text:#c9d6ef;
  --udc-sidebar-active:#12325e;
  --udc-bg:#f1f5f9;
  --udc-card-radius:12px;
}
*{box-sizing:border-box;}
body{background:var(--udc-bg);font-family:'Segoe UI',Roboto,Arial,sans-serif;}

.udc-wrapper{display:flex;min-height:100vh;}

/* Sidebar */
.udc-sidebar{
  width:250px;flex-shrink:0;background:var(--udc-sidebar-bg);color:var(--udc-sidebar-text);
  position:fixed;top:0;bottom:0;left:0;overflow-y:auto;z-index:1030;transition:transform .2s ease;
}
.udc-brand{display:flex;align-items:center;gap:10px;padding:18px 20px;font-weight:700;font-size:16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);}
.udc-brand i{color:var(--udc-accent);font-size:20px;}
.udc-nav{padding:12px 0 40px;}
.udc-nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7c8db5;padding:14px 20px 6px;}
.udc-nav-link{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--udc-sidebar-text);text-decoration:none;font-size:14px;border-left:3px solid transparent;}
.udc-nav-link i{width:18px;text-align:center;opacity:.85;}
.udc-nav-link:hover{background:rgba(255,255,255,.06);color:#fff;}
.udc-nav-link.active{background:var(--udc-sidebar-active);color:#fff;border-left-color:var(--udc-accent);}

/* Main area */
.udc-main{margin-left:250px;flex-grow:1;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 250px);}
.udc-topbar{display:flex;align-items:center;gap:14px;background:#fff;padding:12px 22px;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:1020;}
.udc-content{padding:22px;flex-grow:1;}
.udc-footer{padding:14px 22px;text-align:center;font-size:12px;color:#8a94a6;}

/* Cards */
.card{border:0;border-radius:var(--udc-card-radius);box-shadow:0 1px 3px rgba(20,30,60,.08);}
.stat-card{border-radius:var(--udc-card-radius);padding:18px;color:#fff;position:relative;overflow:hidden;}
.stat-card .stat-icon{position:absolute;right:14px;top:14px;font-size:34px;opacity:.35;}
.stat-card .stat-value{font-size:26px;font-weight:700;}
.stat-card .stat-label{font-size:12.5px;opacity:.9;}

.btn-primary{background:var(--udc-primary);border-color:var(--udc-primary);}
.btn-primary:hover{background:var(--udc-primary-light);border-color:var(--udc-primary-light);}

.garment-tile{border:1px solid #e5e9f0;border-radius:10px;padding:10px;text-align:center;cursor:pointer;background:#fff;transition:.15s;}
.garment-tile:hover{border-color:var(--udc-primary);box-shadow:0 2px 10px rgba(11,61,145,.15);}
.garment-tile img{width:100%;height:64px;object-fit:contain;margin-bottom:6px;}
.garment-tile .g-name{font-size:12.5px;font-weight:600;}
.garment-tile .g-rate{font-size:12px;color:#0b3d91;}

table.table thead th{font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:#6b7688;background:#f8f9fb;}

@media (max-width: 991.98px){
  .udc-sidebar{transform:translateX(-100%);}
  .udc-sidebar.show{transform:translateX(0);}
  .udc-main{margin-left:0;width:100%;}
}