.mtl-workshop,.mtl-workshop *{box-sizing:border-box}.mtl-workshop{display:flex;min-height:680px;background:#f3f5f7;color:#17212b;font:14px Arial,sans-serif;border:1px solid #dce2e7;border-radius:14px;overflow:hidden}.mtl-side{width:240px;flex:none;background:#17212b;color:white;padding:22px 15px;display:flex;flex-direction:column}.mtl-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px;border-bottom:1px solid #33404a}.mtl-brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:white;color:#17212b}.mtl-brand strong,.mtl-brand small{display:block}.mtl-brand small{font-size:9px;letter-spacing:2px;opacity:.6;margin-top:3px}.mtl-side nav{display:flex;flex-direction:column;gap:5px;padding-top:20px}.mtl-side nav button{border:0;background:transparent;color:#cbd3d9;text-align:left;padding:12px;border-radius:8px;cursor:pointer;font:inherit}.mtl-side nav button:hover,.mtl-side nav button.active{background:#293742;color:#fff}.mtl-version{margin-top:auto;color:#8d99a3;padding:8px}.mtl-main{flex:1;min-width:0;padding:30px}.mtl-main header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.mtl-main header small{letter-spacing:2px;color:#7b8790;font-weight:bold}.mtl-main h1{font-size:28px;margin:5px 0 0}.primary,.secondary{border:0;border-radius:8px;padding:12px 16px;cursor:pointer;font-weight:bold}.primary{background:#17212b;color:white}.secondary{background:#e5eaee;color:#17212b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats>div,.panel{background:white;border:1px solid #e0e5e9;border-radius:11px}.stats>div{padding:18px}.stats span{display:block;color:#74808a;font-size:12px;margin-bottom:10px}.stats b{font-size:28px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0 0 5px}.panel p{color:#78838c;margin:0}.empty{text-align:center;border-top:1px solid #edf0f2;margin-top:20px;padding:65px 10px}.empty>div{margin:auto auto 12px;width:48px;height:48px;border-radius:50%;background:#edf0f2;display:grid;place-items:center;font-size:24px}.empty h3{margin:0 0 7px}.empty p{margin-bottom:18px}.placeholder{text-align:center;border-top:1px solid #edf0f2;margin-top:18px;padding:55px;color:#7b858e}.hidden{display:none!important}@media(max-width:800px){.mtl-side{width:190px}.mtl-main{padding:20px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.mtl-workshop{display:block}.mtl-side{width:100%}.mtl-side nav{flex-direction:row;overflow:auto}.mtl-side nav button{white-space:nowrap}.mtl-version{display:none}.mtl-main header{flex-direction:column;align-items:flex-start;gap:15px}}