.header.svelte-30qlai{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0a141980;border-bottom:1px solid #1e3a47;position:fixed;top:0;left:0;right:0;z-index:1000}.header-left.svelte-30qlai{display:flex;align-items:center;gap:16px}.logo.svelte-30qlai{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.logo-icon.svelte-30qlai{width:40px;height:40px;background-image:url(../../../icon.png);border-radius:6px;background-size:cover;background-position:center;background-repeat:no-repeat}.header-links.svelte-30qlai{display:flex;align-items:center;gap:18px;margin-left:18px}.header-link.svelte-30qlai{color:#cbe7e7;font-size:1rem;font-family:GoogleSansFlex,"system-ui",sans-serif;text-decoration:none;padding:6px 14px;border-radius:6px;transition:background .2s,color .2s;display:inline-block}.header-link.svelte-30qlai:hover{background:#1f7f81;color:#fff;text-decoration:none;display:inline-block}.header-right.svelte-30qlai{display:flex;gap:12px}.project-count.svelte-vtdrk0{font-size:19px;font-weight:400;color:#ede2e2;margin-left:8px;vertical-align:middle;background-color:#19333b;padding:2px 6px;border-radius:20px}@font-face{font-family:GoogleSansFlex;src:url(../../../fonts/GoogleSansFlex.woff) format("woff");font-weight:400;font-style:normal}.main-content.svelte-vtdrk0{margin:0;padding:0;background-image:url(../../../background.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;font-family:GoogleSansFlex,sans-serif;position:fixed;inset:0}.projects-main.svelte-vtdrk0{margin-top:80px;margin-left:20px;height:calc(100vh - 80px);overflow-y:auto;padding-bottom:20px}.projects-main.svelte-vtdrk0 h2:where(.svelte-vtdrk0){font-size:33.56px;margin-bottom:24px;color:#fff;font-family:GoogleSansFlex,"system-ui",sans-serif}.projects-list.svelte-vtdrk0{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:32px;justify-content:flex-start;align-content:flex-start}.project-item.svelte-vtdrk0{background:#18333b;border-radius:12px;width:250px;height:190px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-item.svelte-vtdrk0:hover{box-shadow:0 4px 24px #0003;transform:translateY(-5px)}.project-content.svelte-vtdrk0{display:flex;flex-direction:column;height:100%}.project-image.svelte-vtdrk0{width:100%;height:90px;object-fit:cover;border-radius:12px 12px 0 0}.bottom-section.svelte-vtdrk0{background:#18333b;border-radius:0 0 12px 12px;display:flex;align-items:center;gap:16px;padding:12px 18px;flex:1}.project-name.svelte-vtdrk0{font-size:20.97px;font-weight:500;flex:1;color:#cbe7e7;font-family:GoogleSansFlex,"system-ui",sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-input.svelte-vtdrk0{font-size:1rem;padding:4px 8px;border-radius:8px;border:1px solid #4ade80;background:#10151a;color:#cbe7e7;font-family:inherit;flex:0 0 90px;min-width:0;max-width:90px;margin-right:6px}.edit-btn.svelte-vtdrk0,.delete-btn.svelte-vtdrk0,.preview-btn.svelte-vtdrk0,.save-btn.svelte-vtdrk0,.cancel-btn.svelte-vtdrk0{background:#3ec6c6;color:#1d2a2e;border:none;border-radius:8px;padding:6px 14px;font-size:1rem;font-weight:500;cursor:pointer;margin-left:8px;transition:background .2s;box-shadow:0 2px 8px #00000010}.edit-btn.svelte-vtdrk0:hover,.save-btn.svelte-vtdrk0:hover{background:#22c55e;color:#cbe7e7}.delete-btn.svelte-vtdrk0{background:#e53e3e;color:#fff}.delete-btn.svelte-vtdrk0:hover{background:#b91c1c}.cancel-btn.svelte-vtdrk0{background:#223135;color:#cbe7e7;border:1px solid #3ec6c6}.cancel-btn.svelte-vtdrk0:hover{background:#2e4447;color:#fff}.menu-icon.svelte-vtdrk0{position:absolute;top:12px;right:18px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0}.menu-dropdown.svelte-vtdrk0{position:absolute;top:40px;right:18px;background:#223135;border-radius:12px;box-shadow:0 2px 12px #00000030;padding:12px 0;min-width:120px;z-index:10;display:flex;flex-direction:column;gap:0}.menu-dropdown.svelte-vtdrk0 button:where(.svelte-vtdrk0){background:none;border:none;color:#cbe7e7;font-size:1rem;padding:10px 18px;text-align:left;cursor:pointer;font-family:inherit;transition:background .2s}.menu-dropdown.svelte-vtdrk0 button:where(.svelte-vtdrk0):hover{background:#2e4447;color:#4ade80}