.serlok-network-page,.serlok-notifications-page{max-width:1120px;padding-top:42px}.serlok-network-hero{padding:34px;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#fff4eb 100%);border:1px solid #eadfd6}.serlok-network-hero h1{font-size:clamp(38px,6vw,68px);letter-spacing:-.05em;line-height:1;margin:10px 0 13px}.serlok-network-hero p{max-width:720px;color:#766b64;font-size:17px;line-height:1.6;margin:0}.serlok-network-tabs{margin:22px 0}.serlok-network-tabs button{padding:13px 20px}.serlok-network-tabs button.active{background:linear-gradient(135deg,#ff8e2f,#ff5700);border-color:#ff5700}.serlok-network-columns>.serlok-panel{position:relative;border-radius:24px;padding:28px;min-height:270px}.serlok-network-columns>.serlok-panel h2{font-size:25px;margin:0 0 22px;padding-right:42px}.serlok-panel-icon{position:absolute;right:24px;top:23px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0e5;color:#ff5a00;font-weight:900}.serlok-network-empty{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#81756e}.serlok-network-empty>span{font-size:31px;margin-bottom:10px}.serlok-network-empty h3{margin:4px 0}.serlok-application-card{border:1px solid #eadfd6;border-radius:18px;padding:17px;margin-top:13px;background:#fff}.serlok-application-card+.serlok-application-card{margin-top:13px}.serlok-application-top{align-items:flex-start}.serlok-notification-list{padding:10px 24px;margin-top:22px;border-radius:24px}.serlok-notification-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:13px;padding:17px 4px;border-bottom:1px solid #eadfd6;color:#17120f;text-decoration:none}.serlok-notification-item:last-child{border-bottom:0}.serlok-notification-item img{width:52px;height:52px;border-radius:50%;object-fit:cover}.serlok-notification-item span{display:grid;gap:4px}.serlok-notification-item small{color:#81756e}.serlok-notification-item i{font-style:normal;color:#ff5a00;font-size:26px}.serlok-notification-item:hover strong{color:#ff5a00}
@media(max-width:760px){.serlok-network-page,.serlok-notifications-page{padding:22px 16px 110px}.serlok-network-hero{padding:24px 20px}.serlok-network-hero h1{font-size:42px}.serlok-network-tabs{margin:16px -16px;padding:0 16px}.serlok-network-tabs button{padding:11px 15px}.serlok-network-columns>.serlok-panel{padding:22px 18px;min-height:220px}.serlok-notification-list{padding:4px 15px}.serlok-notification-item{grid-template-columns:48px 1fr auto}.serlok-notification-item img{width:46px;height:46px}}