.tp-integrated{min-height:100vh}.tp-side{color:#fff;z-index:12;background:#101f3c;flex-direction:column;width:248px;padding:30px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.tp-brand{align-items:center;gap:12px;padding:0 10px 34px;display:flex}.tp-brand strong,.tp-brand small{display:block}.tp-brand strong{letter-spacing:1.2px;font-size:15px}.tp-brand small{letter-spacing:1.3px;color:#9caac1;font-size:8px;line-height:2.2}.tp-brand button{margin-left:auto;display:none}.tp-side nav{gap:7px;display:grid}.tp-side nav a{color:#9eadc4;border-radius:8px;padding:13px 14px;font-size:13px;font-weight:700;text-decoration:none}.tp-side nav a span{width:30px;display:inline-block}.tp-side nav a.active{color:#fff;background:#203250;border-left:3px solid #00a6a6}.tp-user{border-top:1px solid #2a3b57;margin-top:auto;padding:18px 12px}.tp-user b,.tp-user small{display:block}.tp-user small{color:#8190a7;text-transform:capitalize;margin-top:4px}.tp-content{max-width:1500px!important;margin-left:248px!important;padding:35px 42px 50px!important}@media (max-width:760px){.tp-side{width:100%;height:68px;padding:0 18px;display:block;position:relative}.tp-brand{padding:14px 0}.tp-brand small,.tp-user{display:none}.tp-brand button{color:#fff;background:#203250;border:0;border-radius:8px;width:40px;height:40px;display:block}.tp-side nav{background:#101f3c;padding:10px 18px 20px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 18px 35px #08152c55}.tp-side.open nav{display:grid}.tp-content{margin-left:0!important;padding:24px 16px 70px!important}.tp-side>.brand-placeholder{display:none}.tp-user{background:#002b5c;padding:15px;display:none;position:static}.tp-side.open{height:auto;min-height:68px}.tp-side.open nav{position:static}.tp-side.open .tp-user{display:block}}