.macos-titlebar[data-v-4aeba66d]{background:var(--surface-contrast);border-bottom:1px solid var(--border-color);flex-shrink:0;gap:0;height:38px;padding:0 14px;position:relative}.macos-dots[data-v-4aeba66d],.macos-titlebar[data-v-4aeba66d]{align-items:center;display:flex}.macos-dots[data-v-4aeba66d]{gap:7px;z-index:1}.dot[data-v-4aeba66d]{align-items:center;border-radius:50%;cursor:default;display:inline-flex;flex-shrink:0;height:13px;justify-content:center;position:relative;transition:filter .15s ease;width:13px}.dot-red[data-v-4aeba66d]{background:#ff5f57;box-shadow:0 0 0 .5px #0000002e}.dot-yellow[data-v-4aeba66d]{background:#ffbd2e}.dot-green[data-v-4aeba66d],.dot-yellow[data-v-4aeba66d]{box-shadow:0 0 0 .5px #00000024}.dot-green[data-v-4aeba66d]{background:#28ca41}.dot-icon[data-v-4aeba66d]{color:#0000008c;font-size:9px;line-height:1;opacity:0;pointer-events:none;transition:opacity .15s ease}.macos-titlebar:hover .dot-icon[data-v-4aeba66d]{opacity:1}.macos-dots:hover .dot-green[data-v-4aeba66d],.macos-dots:hover .dot-red[data-v-4aeba66d],.macos-dots:hover .dot-yellow[data-v-4aeba66d]{filter:brightness(.9)}.macos-title[data-v-4aeba66d]{align-items:center;color:var(--main-color);display:flex;font-size:12px;font-weight:600;top:0;right:0;bottom:0;left:0;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:0 60px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.macos-spacer[data-v-4aeba66d]{flex-shrink:0;margin-left:auto;width:42px}.project-card[data-v-4aeba66d]{background:var(--surface-card);border:1px solid var(--border-color);border-radius:13px;box-shadow:0 2px 4px #00000024,0 10px 28px #0000001f;display:flex;flex-direction:column;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.project-card[data-v-4aeba66d]:hover{border-color:#eb5d3a47;box-shadow:0 6px 14px #00000029,0 24px 50px #00000029,0 0 0 1px #eb5d3a1f;transform:translateY(-5px)}.project-image[data-v-4aeba66d]{cursor:pointer;position:relative}.project-image img[data-v-4aeba66d]{display:block;height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.project-content[data-v-4aeba66d]{padding:12px}.project-title[data-v-4aeba66d],.project-title[data-v-4aeba66d]:visited{font-weight:700;text-decoration:none}.project-title[data-v-4aeba66d]:hover{color:var(--primary-color)}.project-overlay[data-v-4aeba66d]{background:linear-gradient(180deg,#0000000d,#00000073);display:grid;top:0;right:0;bottom:0;left:0;opacity:0;place-items:center;position:absolute;transition:opacity .2s ease}.project-card:hover .project-overlay[data-v-4aeba66d]{opacity:1}.overlay-btn[data-v-4aeba66d]{background:var(--primary-color);border-radius:50%;box-shadow:0 12px 24px #eb5d3a40;color:#fff;display:grid;font-size:20px;height:48px;place-items:center;width:48px}.status-badge[data-v-4aeba66d]{align-items:center;background:var(--surface-control);border-radius:999px;color:var(--heading-color);display:inline-flex;font-size:12px;gap:6px;margin-right:10px;padding:4px 10px;text-transform:capitalize}.status-1[data-v-4aeba66d]{background:#22c55e2e;color:#22c55e}.status-2[data-v-4aeba66d]{background:#eab30833;color:#eab308}.status-0[data-v-4aeba66d]{background:#ef44442e;color:#ef4444}.status-icon[data-v-4aeba66d]{animation:pulse-4aeba66d 1.6s ease-in-out infinite}@keyframes pulse-4aeba66d{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.portfolio-pagination[data-v-4aeba66d]{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:14px 18px;justify-content:space-between;margin-top:30px;padding-top:18px}.portfolio-pagination__summary[data-v-4aeba66d]{align-items:center;color:var(--main-color);display:flex;flex:1 1 260px;flex-wrap:wrap;font-size:14px;font-weight:500;gap:10px 12px;margin:0;min-width:0}.portfolio-pagination__controls[data-v-4aeba66d]{align-items:center;display:flex;flex:1 1 auto;gap:8px;justify-content:flex-end;margin-left:auto}.portfolio-pagination__counter[data-v-4aeba66d]{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:999px;color:var(--heading-color);display:inline-flex;font-size:12px;font-weight:700;min-height:30px;padding:0 10px;white-space:nowrap}.portfolio-pagination__pages[data-v-4aeba66d]{align-items:center;display:inline-flex;gap:6px;justify-content:center}.portfolio-page-btn[data-v-4aeba66d],.portfolio-page-ellipsis[data-v-4aeba66d],.portfolio-pagination__nav[data-v-4aeba66d]{align-items:center;background:var(--surface-control);border:1px solid var(--border-color);border-radius:12px;color:var(--heading-color);display:inline-flex;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease}.portfolio-page-btn[data-v-4aeba66d]:hover,.portfolio-pagination__nav[data-v-4aeba66d]:hover:not(:disabled){background:#eb5d3a14;border-color:#eb5d3a59;color:var(--primary-color)}.portfolio-page-btn.is-active[data-v-4aeba66d]{background:var(--primary-color);border-color:transparent;box-shadow:0 10px 18px #eb5d3a38;color:#fff}.portfolio-page-ellipsis[data-v-4aeba66d]{background:transparent;border:0;color:var(--main-color);cursor:default;min-width:24px;padding:0}.portfolio-pagination__nav[data-v-4aeba66d]:disabled{box-shadow:none;cursor:not-allowed;opacity:.42}@media (max-width:767px){.portfolio-pagination[data-v-4aeba66d]{padding-top:16px}.portfolio-pagination__controls[data-v-4aeba66d]{width:100%}.portfolio-pagination__summary[data-v-4aeba66d]{justify-content:center;text-align:center}.portfolio-pagination__controls[data-v-4aeba66d]{justify-content:center}}@media (max-width:575px){.portfolio-pagination[data-v-4aeba66d]{gap:12px}.portfolio-pagination__summary[data-v-4aeba66d]{font-size:13px}.portfolio-pagination__counter[data-v-4aeba66d]{font-size:11px;min-height:28px;padding:0 9px}.portfolio-pagination__pages[data-v-4aeba66d]{justify-content:center;max-width:calc(100vw - 120px);overflow-x:auto;scrollbar-width:none}.portfolio-pagination__pages[data-v-4aeba66d]::-webkit-scrollbar{display:none}.portfolio-page-btn[data-v-4aeba66d],.portfolio-page-ellipsis[data-v-4aeba66d],.portfolio-pagination__nav[data-v-4aeba66d]{border-radius:10px;font-size:13px;height:36px;min-width:36px;padding:0 10px}.project-image img[data-v-4aeba66d]{height:180px}.project-content[data-v-4aeba66d]{padding:12px 14px 14px}.status-badge[data-v-4aeba66d]{font-size:11px;padding:4px 8px}}
