.dashboard-page{background-color:#f1f9f6;min-height:100vh}.dashboard-top{align-items:flex-end;margin-bottom:20px;gap:20px}.dashboard-top .dropdown nav{right:0;margin-top:10px}.dashboard-top .dropdown input[type=radio]{accent-color:#5f9ea0;font-weight:400}.dashboard-content .search-bar{margin-bottom:20px}.grid-list-btn{display:flex;height:36px}.grid-list-btn .grid,.grid-list-btn .list{background-color:#fff;padding:9px 11px;border:1px solid #d0d5dd;transition:background-color .4s ease-in-out,color .4s ease-in-out;display:flex;align-items:center;justify-content:center}.grid-list-btn .grid{border-radius:8px 0 0 8px;border-right:none}.grid-list-btn .list{border-radius:0 8px 8px 0}.grid-list-btn .grid.active,.grid-list-btn .list.active{background-color:#344054}.grid-list-btn .grid.active svg,.grid-list-btn .list.active svg{color:#fff}.dashboard-content .wrapper{display:flex;flex-wrap:wrap;gap:15px;padding-bottom:56px}.dashboard-content .wrapper .site-card{width:calc(25% - 11.3px);background-color:#fff;border-radius:12px;border:1px solid #eaecf0}.site-card.grid-card .dropdown nav,.site-card.list-card .dropdown nav{right:0}.site-card .site-image{padding:15px;height:230px}.grid-card .site-image .image-placeholder,.site-card img{height:100%;width:100%}.site-card img{object-fit:cover;border-radius:8px}.site-card .site-info{padding:15px;border-top:1px solid #eaecf0;border-radius:12px;overflow:hidden}.site-info .site-name{font-weight:600;font-size:1.125rem;line-height:28px;color:#1d2939}.site-info .site-link{font-size:14px;line-height:20px;color:#667085}.site-info .site-link>a{width:calc(100% - 85px);transition:all .3s ease-in-out}.site-info .site-link>a:hover{color:#24c295}.site-info .site-link .urlLinkIcon{width:auto}.site-info .site-link>label{font-weight:700}.site-info .top-part{border-bottom:1px solid #eaecf0;padding-bottom:15px;gap:10px;flex-wrap:wrap}.site-info .top-part #dotsIcon{margin:11px 4px;cursor:pointer}.site-info .bottom-part{padding-top:15px}.site-info .date-info,.site-info .update-info{font-size:10px;line-height:18px;color:#667085}.dashboard-content .wrapper:has(.list-card){gap:5px}.dashboard-content .wrapper .list-card{width:100%;padding:15px;overflow:hidden}.list-card img{object-fit:cover;border-radius:0}.list-card .site-info{border-top:none;width:100%;padding:0}.list-card .site-image{width:100px;height:50px;background:#f2f4f7;display:flex;justify-content:center;border-radius:8px;padding:0}.site-card.list-card .site-info{border-radius:0}.list-card .site-info .top-part{border-bottom:none;padding-bottom:0;gap:20px}.list-card .top-part .left{padding-bottom:15px}.list-card .bottom-part{border-top:1px solid #eaecf0}.list-card .top-part .buttons{display:flex;align-items:flex-start}.website-status .status{font-size:12px;line-height:18px;font-weight:500;border-radius:16px;padding:0 8px;display:flex;align-items:center;gap:2px}.website-status .status.active:before{content:"\2022";color:#24c295;font-size:1.125rem}.website-status .status.inactive:before{content:"\2022";color:#f79009;font-size:1.125rem}.website-status .status.live:before{content:"\2022";color:#dc5123;font-size:1.125rem}.website-status .status.active{color:#24c295;background-color:#f1f9f6}.website-status .status.inactive{color:#f79009;background-color:#fffaeb}.website-status .status.live{color:#dc5123;background-color:#fbd4c8}.filter-body label{text-transform:capitalize}.filter-body ul hr{height:70px;border:.5px solid #eaecf0}.image-placeholder .skeleton-image{width:100%;height:100%;background:#e0e0e0;border-radius:8px;animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{background-position:100%}to{background-position:-100%}}.image-placeholder .skeleton-image{background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%);background-size:200% 100%}@media screen and (max-width:992px){.dashboard-content .wrapper .site-card.grid-card{width:calc(50% - 7.5px)}}@media screen and (max-width:768px){.dashboard-content .wrapper .site-card.grid-card{width:100%}.dashboard-top .right{flex-wrap:wrap;justify-content:end}.list-card .top-part .buttons{flex-direction:column-reverse;row-gap:10px;align-items:flex-end;margin-bottom:10px}.top-part .buttons .manage-btn{justify-content:end}.list-card .bottom-part{flex-direction:column;gap:8px}.site-info .site-link>a{text-wrap:wrap}.dashboard-top .dropdown nav{left:0}}@media screen and (max-width:620px){.dashboard-top{flex-direction:column;align-items:flex-start}.dashboard-top .right .buttons-wrapper{flex-wrap:wrap}.buttons-wrapper .create-btn{order:1}}