.projects-grid,.projects-grid *,.project-card,.project-card *{font-family:Inter,sans-serif!important;font-weight:300!important}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;padding:100px 40px 40px;display:grid}@media (max-width:1400px){.projects-grid{padding-left:35px;padding-right:35px}}@media (max-width:1200px){.projects-grid{padding-left:30px;padding-right:30px}}@media (max-width:992px){.projects-grid{padding-left:25px;padding-right:25px}}@media (max-width:768px){.projects-grid{padding-left:20px;padding-right:20px;padding-top:100px!important}}@media (max-width:576px){.projects-grid{padding-left:15px;padding-right:15px}}.project-card{background:var(--card-bg,#fff);cursor:pointer;border:1px solid var(--border-color,#e5e5e5);border-radius:.75rem;position:relative;overflow:hidden}.project-preview{background:#ccc;justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.project-thumbnail{object-fit:contain;background:#ccc;width:100%;height:100%;transition:transform .3s,opacity .3s}.project-card:hover .project-thumbnail{transform:scale(1.05)}.project-thumbnail-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-thumbnail-placeholder{color:#999;background:#ccc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-info{padding:1rem}.project-name{color:var(--text-primary,#333);margin:0 0 .5rem;font-size:16px;font-weight:500}.project-date{color:#999;margin:0;font-size:12px}.project-delete-btn{cursor:pointer;opacity:0;color:#666;background:#ffffffe6;border:none;border-radius:.5rem;padding:.5rem;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem}.project-card:hover .project-delete-btn{opacity:1}.project-delete-btn:hover{color:#f44;background:#fff}.projects-add-btn-fixed{z-index:20;position:fixed;top:90px;right:40px}.add-new-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 10px #8b5cf633}.add-new-btn:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf64d}.add-new-btn .plus-icon{font-size:18px;font-weight:400;line-height:1}.projects-empty-wrapper{justify-content:center;align-items:center;width:100%;max-width:1400px;min-height:calc(100vh - 250px);margin:0 auto;padding:100px 40px 40px;display:flex}@media (max-width:1400px){.projects-empty-wrapper{padding-left:35px;padding-right:35px}}@media (max-width:1200px){.projects-empty-wrapper{padding-left:30px;padding-right:30px}}@media (max-width:992px){.projects-empty-wrapper{padding-left:25px;padding-right:25px}}@media (max-width:768px){.projects-empty-wrapper{padding-left:20px;padding-right:20px;padding-top:100px!important}}@media (max-width:576px){.projects-empty-wrapper{padding-left:15px;padding-right:15px}}[data-theme=dark] .project-card{background:#1a1a1a;border-color:#333}[data-theme=dark] .project-preview,[data-theme=dark] .project-thumbnail{background:#222}[data-theme=dark] .project-thumbnail-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%}[data-theme=dark] .project-thumbnail-placeholder{color:#555;background:#2a2a2a}[data-theme=dark] .project-delete-btn{background:#1e1e1ee6}[data-theme=dark] .project-delete-btn:hover{background:#282828}[data-theme=dark] .add-new-btn{background:#7c3aed}[data-theme=dark] .add-new-btn:hover{background:#6d28d9;transform:translateY(-2px)}.templates-main{justify-content:center;align-items:center;min-height:calc(100vh - 60px);display:flex}.templates-empty-state{text-align:center}.templates-empty-text{color:#999;font-size:14px}