@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&display=swap";
:root{color:#000;background:#fafafa;font-family:Inter Tight,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}img{flex-shrink:0;display:block}.header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;height:78px;padding:12px 24px;display:flex;box-shadow:0 2px 10.35px #a6a6a61a}.brand{flex-shrink:0;align-items:center;width:277px;height:40px;display:flex}.navigation{flex-shrink:0;align-items:center;gap:16px;height:76px;display:flex}.navItem{color:#89898d;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;height:76px;padding:18px 12px;font-size:16px;font-weight:500;line-height:24px;display:inline-flex;position:relative}.navItem:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.navItem[aria-current]:after{background:linear-gradient(159deg,#da1b12,#fe8500)}.iconBox{background:#f3f3f4;border-radius:8px;padding:8px;display:flex}.navItem:is(:hover,[aria-current]) .iconBox{background:#fdeee6}.navItem:is(:hover,[aria-current]) .navLabel{color:#0000;background:linear-gradient(158.56deg,#da1b12,#fe8500);-webkit-background-clip:text;background-clip:text}.navItem:focus-visible,.profile:focus-visible,.iconButton:focus-visible,.brand:focus-visible{outline-offset:-3px;border-radius:8px;outline:2px solid #da1b12}.userTools{flex-shrink:0;align-items:center;gap:12px;display:flex}.iconButton{background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;padding:14px;display:flex}.iconButton:hover,.profile:hover{background:#fffaf7;border-color:#ec5009}.profile{text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:4px;padding:6px 8px 6px 6px;display:flex}.profileInfo{align-items:center;gap:12px;width:175px;display:flex}.avatar{object-fit:cover;border-radius:4px;width:40px;height:40px}.profileText{flex-direction:column;display:flex}.profileText strong{font-size:14px;font-weight:500;line-height:22px}.profileText small{color:#89898d;white-space:nowrap;font-size:12px;line-height:18px}@media (max-width:1150px){.brand{width:auto}}@media (max-width:900px){.profileText{display:none}.profileInfo{width:auto}.navigation{gap:4px}}@media (max-width:660px){.header{flex-wrap:wrap;gap:8px;width:100%;max-width:100%;height:auto;padding:12px;overflow:hidden}.navigation{order:3;justify-content:center;width:100%;min-width:0}.navItem{gap:8px;padding-inline:8px;font-size:14px}.userTools{gap:8px}}
.categoriesFilter{white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-family:Inter Tight,Arial,sans-serif;font-size:16px;line-height:24px;display:inline-flex}.categoriesFilter--default{color:#89898d}.categoriesFilter--hover{color:#000;cursor:pointer;background:0 0}.categoriesFilter--select{color:#fff;cursor:pointer;background:#ec5009;font-weight:500;box-shadow:0 1px 4px #00000029}
.optionBadge{background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:flex}.optionBadge img{width:20px;height:20px;display:block}.optionBadge--hover,.optionBadge:hover{background:#fdeee6;border-color:#ec5009}.optionBadge[role=button]{cursor:pointer}.optionBadge[role=button]:focus-visible{outline-offset:2px;outline:2px solid #da1b12}
.projectBadge{white-space:nowrap;border:1px solid;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font-family:Inter Tight,Arial,sans-serif;font-size:12px;font-weight:400;line-height:12px;display:inline-flex}.projectBadge--live{color:#22c55e;background:#e9f9ef;border-color:#22c55e}.projectBadge--draft{color:#f59e0b;background:#fef5e7;border-color:#f59e0b}.projectBadge--need-attention{color:#ef4444;background:#fdecec;border-color:#ef4444}
.filterButton{scrollbar-width:none;background:#f3f3f4;border-radius:8px;align-items:flex-start;gap:4px;padding:4px;display:flex;position:relative;overflow:auto hidden;box-shadow:inset 0 1px 4px #0000000a}.filterButton::-webkit-scrollbar{display:none}.filterOption{color:#89898d;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-family:Inter Tight,Arial,sans-serif;font-size:16px;line-height:24px;display:inline-flex}.filterOption--selected{color:#fff;background:#ec5009;font-weight:500;box-shadow:0 1px 4px #00000029}.filterOption:not(.filterOption--selected):hover{color:#000;background:#fff}.filterOption:focus-visible{outline-offset:-2px;outline:2px solid #da1b12}
.projectsPage{background:#f3f3f4;min-height:100vh}.projectsContent{padding:24px}.projectsShell{background:#fff;border-radius:16px;width:100%;min-width:0;min-height:calc(100vh - 126px);margin:0 auto;padding:24px}.projectsHeader{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;display:flex}.projectsHeader h1{color:#000;letter-spacing:-.72px;margin:0 0 8px;font-size:24px;font-weight:500;line-height:24px}.projectsHeader p{color:#89898d;margin:0;font-size:16px;line-height:24px}.projectActions{align-items:center;gap:12px;display:flex}.searchBox{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;width:343px;height:48px;padding:8px 12px;display:flex}.searchBox img{width:24px;height:24px}.searchBox input{color:#000;border:0;outline:0;width:100%;font:16px/24px Inter Tight,Arial,sans-serif}.searchBox input::placeholder{color:#89898d}.createProject{color:#fff;white-space:nowrap;background:#ec5009;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:48px;padding:12px 24px 12px 16px;font-size:16px;font-weight:500;line-height:24px;display:flex}.createProject img{width:24px;height:24px}.filterButton{margin-bottom:16px}.projectGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.projectCard{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:100%;min-width:0;position:relative;overflow:visible}.projectPreview{aspect-ratio:316/182;background:#f3f3f4;border-radius:11px 11px 0 0;width:100%;min-width:0;display:block;position:relative;overflow:hidden}.projectPreview>img{object-fit:cover;object-position:top;width:100%;max-width:none;height:100%;display:block}.projectPreview--locked:after{content:"";background:#00000080;position:absolute;inset:0}.upgrade{z-index:1;color:#fff;white-space:nowrap;background:#ec5009;border:0;border-radius:8px;align-items:center;gap:8px;height:40px;padding:8px 24px 8px 16px;font:500 16px/24px Inter Tight,Arial,sans-serif;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upgrade img{width:24px;height:24px}.projectCard:hover{box-shadow:0 4px 48.8px #00000029}.projectCard:has(.projectOptions:hover){box-shadow:0 4px 48.8px #00000029}.projectOptions{z-index:2;display:none;position:absolute;top:12px;right:12px}.projectCard:hover .projectOptions{display:block}.projectOptionsMenu{z-index:10;border-radius:12px;width:190px;position:absolute;top:44px;right:12px;box-shadow:0 8px 24px #00000029}.projectCard:has(.projectOptionsMenu){z-index:20}.createProject:hover,.upgrade:hover{background:#d94708}.projectBody{flex-direction:column;gap:12px;padding:12px;display:flex}.projectTitle{flex-direction:column;gap:2px;min-width:0;display:flex}.projectTitle strong{color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.projectTitle small{color:#89898d;font-size:12px;line-height:18px}.projectMeta{color:#89898d;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:14px;display:flex}.projectMeta i{background:#89898d;border-radius:50%;width:2px;height:2px}.projectDomain{text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.projectDomain img{width:20px;height:20px}.projectMeta .projectBadge{margin-left:auto}@media (max-width:1100px){.projectGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.projectsHeader{flex-direction:column;align-items:flex-start}.projectActions{width:100%}.searchBox{flex:1}}@media (max-width:700px){.projectsContent{width:100%;padding:12px 0}.projectsShell{border-radius:0;width:100%;padding:16px}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.projectActions{flex-direction:column;align-items:stretch}.searchBox,.createProject{width:100%}.projectOptions{display:block}}@media (max-width:460px){.projectGrid{grid-template-columns:1fr}}
.overlayButton{color:#89898d;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:8px;height:36px;padding:6px 12px 6px 8px;font:400 16px/16px Inter Tight,Arial,sans-serif;display:inline-flex}.overlayButton img{width:24px;height:24px;display:block}.overlayButton--hover,.overlayButton:hover{color:#000;background:#f3f3f4}.overlayButton:focus-visible{outline-offset:2px;outline:2px solid #da1b12}
.moreOptionOverlay{background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;width:100%;display:flex;overflow:hidden}.moreOptionGroup{background:#fff;flex-direction:column;gap:4px;padding:6px;display:flex}.moreOptionGroup--danger{border-top:1px solid #e0e0e0}.moreOption{color:#89898d;text-align:left;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;height:36px;padding:6px 12px 6px 8px;font:400 16px/16px Inter Tight,Arial,sans-serif;display:inline-flex}.moreOption img{width:24px;height:24px;display:block}.moreOption:hover{color:#000;background:#f3f3f4}.moreOption:not(.moreOption--danger):hover img{filter:brightness(0)}.moreOption--danger{color:#ef4444;width:100%}.moreOption--danger:hover{color:#ef4444;background:#fdecec}