.dashboard-page{background-color:#f1f9f6;min-height:100vh}.dashboard-top{align-items:flex-end;margin-bottom:20px;gap:20px}.dashboard-top .search-bar{background-color:unset}.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.grid-card{border-radius:12px;font-family:var(--font-primary);display:flex;flex-direction:column}.site-card.grid-card,.site-card.list-card{transition:all .25s ease-in-out}.site-card.grid-card:hover,.site-card.list-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.15),0 0 12px rgba(0,180,255,.3)}.site-card .site-image{padding:15px;height:200px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(-20deg,#e9defa,#fbfcdb)}.site-card .site-image.thumbnail-bg{margin:0;padding:0;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;box-sizing:border-box}.site-card .site-image.thumbnail-bg .thumbnail-img{display:block;width:100%;height:100%;object-fit:contain}.site-card.grid-card .site-info{flex:1 1;display:flex;flex-direction:column;padding-top:3px;border-radius:0 0 12px 12px}.site-card.grid-card .site-info .top-part{padding-bottom:0;margin-bottom:0;border-bottom:0 solid #eaecf0}.site-card.grid-card .site-info .bottom-part{margin-top:auto;padding-top:15px}.bottom-part h6,.site-cost h6{padding-top:9px}.site-card .site-image-cover{padding:0 0 5px;width:100%;overflow:hidden}.site-card .site-image-list{width:100%;overflow:hidden}.site-card .site-image img{height:100%;object-fit:cover}.site-card .site-image-list img{margin-top:12px;height:50px;width:80px;object-fit:cover}.site-card .site-image-cover img{object-fit:cover;width:100%;border:1px solid #eaecf0;height:200px}.site-card .site-info{padding:5px 15px 15px;border-radius:12px;overflow:hidden}.site-info .site-name{font-weight:600;font-size:1rem;line-height:28px;color:#1d2939;font-family:var(--font-primary)}.site-info .site-link{font-size:10px;line-height:18px;color:#667085;font-family:var(--font-primary);padding-left:2px}.site-info .site-link>a{width:calc(100% - 85px);transition:all .3s ease-in-out;color:inherit;text-decoration:none}.site-info .site-link>a:hover{color:#24c295}.site-info .site-link-label{font-weight:700}.site-info .site-link .site-link-url,.site-info .site-link-label{font-size:inherit;color:inherit}.list-card .site-link>a{width:auto}.list-card .site-link .site-link-url{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.site-info .top-part{border-bottom:1px solid #eaecf079;padding-bottom:5px;gap:10px;flex-wrap:wrap}.site-info .top-part #dotsIcon{margin:11px 4px;cursor:pointer}.site-info .bottom-part{padding-top:1px}.site-info .date-info,.site-info .update-info{font-size:9px;line-height:18px;color:#667085;font-family:var(--font-primary)}.image-placeholder{height:100%;width:100%}.image-placeholder .skeleton-image{width:100%;height:100%;background:#e0e0e0;border-radius:8px;animation:shimmer 1.5s linear infinite}.dashboard-content .wrapper:has(.list-card){gap:12px}.dashboard-content .wrapper .list-card{width:100%;padding:0;overflow:hidden;background-color:#fff;border-radius:12px;border:1px solid #eaecf0}.list-card .site-info{display:flex;flex-direction:column;gap:16px;padding:20px;border-top:none;width:100%}.list-card .site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:12px;border-bottom:1px solid #eaecf0;flex-wrap:wrap}.list-card .site-summary{display:flex;align-items:flex-start;gap:16px;flex:1 1;min-width:0}.list-card .site-details{display:flex;flex-direction:column;gap:10px;min-width:0}.list-card .site-links{display:flex;flex-direction:column;gap:2px;margin-top:4px}.list-card .site-links .status-inline{display:flex;justify-content:flex-start;margin-top:4px}.list-card .site-thumbnail{width:180px;height:120px;border-radius:12px;background:linear-gradient(-20deg,#e9defa,#fbfcdb);border:1px solid #eaecf0;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative}.list-card .site-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.list-card .site-thumbnail.generating{background:linear-gradient(-20deg,#e9defa,#fbfcdb)}.list-card .site-thumbnail.generating .thumbnail-img{width:100%;height:100%;object-fit:contain}.list-card .thumbnail-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(243,244,246,.85);color:#9ca3af;font-size:12px;font-weight:500}.list-card .site-meta-aside{display:flex;flex-direction:column;gap:12px;align-items:flex-end;min-width:200px}.list-card .site-actions{justify-content:flex-end}.list-card .primary-actions,.list-card .site-actions{display:flex;flex-wrap:wrap;gap:10px}.list-card .site-cost h6{margin:0;font-size:.875rem;color:#475467;text-align:right}.list-card .site-footer{padding-top:4px}.list-card .site-footer,.list-card .site-meta-timestamps{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap}.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;font-family:var(--font-primary)}.website-status .status.status-live:before{content:"\2022";color:#10b981;font-size:1.125rem}.website-status .status.status-reviewing:before{content:"\2022";color:#f59e0b;font-size:1.125rem}.website-status .status.status-refining:before{content:"\2022";color:#3b82f6;font-size:1.125rem}.website-status .status.status-generating:before{content:"\2022";color:#ea580c;font-size:1.125rem}.website-status .status.status-generated:before{content:"\2022";color:#14b8a6;font-size:1.125rem}.website-status .status.status-archived:before{content:"\2022";color:#ef4444;font-size:1.125rem}.website-status .status.status-live{color:#10b981;background-color:#ecfdf5;border:.5px solid #a7f3d073}.website-status .status.status-reviewing{color:#f59e0b;background-color:#fffbeb;border:.5px solid #fde68a7e}.website-status .status.status-refining{color:#3b82f6;background-color:#eff6ff;border:.5px solid #bfdbfe73}.website-status .status.status-generating{color:#ea580c;background-color:#fff7ed;border:.5px solid #fdbb7438}.website-status .status.status-generated{color:#14b8a6;background-color:#f0fdfa;border:.5px solid #5eead542}.website-status .status.status-archived{color:#ef4444;background-color:#fef2f2;border:.5px solid #fecaca7c}.filter-body label{text-transform:capitalize}.filter-body ul hr{height:70px;border:.5px solid #eaecf0}@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}}.btn-icon-square{width:36px;height:36px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#667085;transition:all .2s ease}.btn-icon-square:hover{border-color:#2ad8a7;color:#2ad8a7;background:#f0fdf9}