.side{position:fixed;inset:0 auto 0 0;width:242px;background:linear-gradient(180deg,#141f38,#1b2846);color:#cbd3e4;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.logo{width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(135deg,#e5c276,#a8863a);color:#1c2440;font-weight:800;font-size:21px;display:flex;align-items:center;justify-content:center}
.bn{font-weight:700;color:#fff;font-size:14.5px;line-height:1.25}
.brand small{font-size:11px;color:#8fa0c4}
.side nav{padding:14px 12px;display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}
.side nav button{display:flex;gap:11px;align-items:center;padding:10px 13px;border:none;background:none;color:#aab7d4;font-size:13.8px;font-weight:500;border-radius:10px;cursor:pointer;text-align:left;transition:.15s}
.side nav button:hover{background:rgba(255,255,255,.06);color:#fff}
.side nav button.active{background:linear-gradient(135deg,#d3ab5c,#a8863a);color:#fff;font-weight:600;box-shadow:0 6px 18px rgba(168,134,58,.35)}
.side nav svg{width:18px;height:18px;flex:none}
.side-foot{padding:15px 20px;font-size:11px;color:#7787ab;border-top:1px solid rgba(255,255,255,.08)}

.main{margin-left:242px;min-height:100vh;padding:26px 32px 56px}
.top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:16px;flex-wrap:wrap}
.top h1{font-size:22px;font-weight:800;color:var(--navy)}
.crumb{font-size:13px;color:var(--muted);margin-top:3px;text-transform:capitalize}
.clock{font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line);padding:8px 14px;border-radius:10px;font-size:14px;font-variant-numeric:tabular-nums}

@media(max-width:960px){
  .side{position:static;width:auto;flex-direction:row;align-items:center;overflow-x:auto}
  .brand{border:none;padding:14px 16px}
  .side nav{flex-direction:row;padding:10px}
  .side-foot{display:none}
  .main{margin-left:0;padding:20px 16px 48px}
  .grid2{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
}