.app-navbar[data-v-2a441c3f]{z-index:40;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-light);padding:.75rem 2rem;position:sticky;top:0}.navbar-inner[data-v-2a441c3f]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar-brand[data-v-2a441c3f]{color:var(--text-main);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.brand-badge[data-v-2a441c3f]{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);width:32px;height:32px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-weight:800;display:flex}.brand-tag[data-v-2a441c3f]{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);padding:2px 6px;font-size:.85rem;font-weight:600}.navbar-nav[data-v-2a441c3f]{align-items:center;gap:.5rem;display:flex}.nav-tab[data-v-2a441c3f]{color:var(--text-muted);border-radius:var(--radius-md);align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-tab[data-v-2a441c3f]:hover{color:var(--text-main);background:#f1f5f9}.nav-tab.active[data-v-2a441c3f]{background:var(--primary-light);color:var(--primary-hover)}.navbar-actions[data-v-2a441c3f]{align-items:center;gap:.75rem;display:flex}.app-layout[data-v-c5b932d8]{flex-direction:column;min-height:100vh;display:flex}.app-layout.is-public[data-v-c5b932d8]{background:0 0}.app-main[data-v-c5b932d8]{flex-direction:column;flex:1;display:flex}.home-page-container[data-v-67d59a02]{background:radial-gradient(circle at 50% 0,#e0f2fe 0%,#f8fafc 60%);flex-direction:column;min-height:100vh;display:flex}.hero-section[data-v-67d59a02]{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:4rem auto 2rem;padding:0 1.5rem;display:flex}.hero-badge[data-v-67d59a02]{border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--primary-hover);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-dot[data-v-67d59a02]{color:var(--primary)}.hero-title[data-v-67d59a02]{letter-spacing:-.02em;color:var(--text-main);margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;line-height:1.2}.hero-gradient-text[data-v-67d59a02]{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle[data-v-67d59a02]{color:var(--text-muted);max-width:680px;margin-bottom:2.25rem;font-size:1.1rem;line-height:1.6}.hero-actions[data-v-67d59a02]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.features-section[data-v-67d59a02]{max-width:1100px;margin:4rem auto 5rem;padding:0 1.5rem}.features-grid[data-v-67d59a02]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.feature-card[data-v-67d59a02]{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:var(--radius-xl);text-align:left;box-shadow:var(--shadow-sm);padding:2rem;transition:all .2s}.feature-card[data-v-67d59a02]:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-icon[data-v-67d59a02]{border-radius:var(--radius-lg);background:var(--primary-light);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.feature-card h3[data-v-67d59a02]{margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.feature-card p[data-v-67d59a02]{color:var(--text-muted);font-size:.9rem;line-height:1.6}@media (width<=640px){.hero-title[data-v-67d59a02]{font-size:2.2rem}}.login-page-container[data-v-b994da11]{background:radial-gradient(circle at 50% 10%,#e0f2fe 0%,#f8fafc 60%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex}.login-card-box[data-v-b994da11]{border-radius:var(--radius-xl);border:1px solid var(--border-light);width:100%;max-width:440px;box-shadow:var(--shadow-xl);background:#fff;padding:2.5rem 2rem}.login-brand[data-v-b994da11]{text-align:center;margin-bottom:2rem}.brand-badge[data-v-b994da11]{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:1.35rem;font-weight:800;display:inline-flex;box-shadow:0 4px 10px #0284c740}.auth-title[data-v-b994da11]{color:var(--text-main);margin-bottom:.35rem;font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800}.auth-desc[data-v-b994da11]{color:var(--text-muted);font-size:.85rem}.auth-alert[data-v-b994da11]{border-radius:var(--radius-md);margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.auth-alert.error[data-v-b994da11]{background:var(--danger-light);color:var(--danger);border:1px solid #dc262633}.slug-input-wrapper[data-v-b994da11]{align-items:center;display:flex;position:relative}.slug-prefix[data-v-b994da11]{color:var(--text-muted);pointer-events:none;font-size:.85rem;font-weight:500;position:absolute;left:.85rem}.form-input.has-prefix[data-v-b994da11]{padding-left:6.8rem}.slug-feedback-row[data-v-b994da11]{color:var(--danger);align-items:center;gap:.35rem;margin-top:.35rem;font-size:.775rem;font-weight:600;display:flex}.slug-feedback-row.is-available[data-v-b994da11]{color:var(--success)}.auth-toggle-footer[data-v-b994da11]{text-align:center;border-top:1px solid var(--border-light);color:var(--text-muted);margin-top:2rem;padding-top:1.25rem;font-size:.85rem}.toggle-link[data-v-b994da11]{color:var(--primary);cursor:pointer;margin-left:.25rem;font-weight:700}.toggle-link[data-v-b994da11]:hover{text-decoration:underline}.preview-mesh-bg[data-v-e48b9dc7]{z-index:1;filter:blur(35px);animation:8s ease-in-out infinite alternate meshPulse-e48b9dc7;position:absolute;inset:0}@keyframes meshPulse-e48b9dc7{0%{transform:scale(1)}to{transform:scale(1.08)}}.preview-content-box[data-v-e48b9dc7]{z-index:5;text-align:center;flex-direction:column;align-items:center;min-height:100%;padding:3.5rem 1.25rem 2rem;display:flex;position:relative}.preview-avatar-wrapper[data-v-e48b9dc7]{width:76px;height:76px;margin-bottom:.85rem;position:relative}.preview-avatar-glow[data-v-e48b9dc7]{filter:blur(14px);opacity:.55;border-radius:50%;animation:3s infinite alternate glowPulse-e48b9dc7;position:absolute;inset:0}@keyframes glowPulse-e48b9dc7{0%{opacity:.4;transform:scale(1)}to{opacity:.7;transform:scale(1.15)}}.preview-avatar-img[data-v-e48b9dc7]{object-fit:cover;z-index:2;border:2px solid #fff6;border-radius:50%;width:100%;height:100%;position:relative}.preview-avatar-placeholder[data-v-e48b9dc7]{z-index:2;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.75rem;font-weight:800;display:flex;position:relative}.preview-name[data-v-e48b9dc7]{align-items:center;gap:.35rem;margin-bottom:.2rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.verified-icon[data-v-e48b9dc7]{color:#000;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.65rem;font-weight:900;display:inline-flex}.preview-bio[data-v-e48b9dc7]{opacity:.75;max-width:240px;margin-bottom:1.25rem;font-size:.75rem;line-height:1.4}.preview-socials-row[data-v-e48b9dc7]{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.preview-social-btn[data-v-e48b9dc7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:34px;height:34px;color:inherit;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;text-decoration:none;display:flex}.preview-links-list[data-v-e48b9dc7]{flex-direction:column;gap:.65rem;width:100%;display:flex}.preview-link-card[data-v-e48b9dc7]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff26;justify-content:center;align-items:center;width:100%;padding:.75rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.preview-link-card.rounded[data-v-e48b9dc7]{border-radius:12px}.preview-link-card.pill[data-v-e48b9dc7]{border-radius:9999px}.preview-link-card.square[data-v-e48b9dc7]{border-radius:4px}.preview-link-card.soft_glass[data-v-e48b9dc7]{background:#ffffff14;border-radius:14px}.preview-empty-links[data-v-e48b9dc7]{opacity:.5;padding:1rem 0;font-size:.75rem}.dashboard-page-container[data-v-59ce6caa]{background:var(--bg-app);min-height:100vh}.studio-workspace[data-v-59ce6caa]{grid-template-columns:1fr 380px;align-items:start;gap:2.5rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:grid}.editor-column[data-v-59ce6caa]{flex-direction:column;gap:1.5rem;display:flex}.profile-summary-card[data-v-59ce6caa]{border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff;padding:1.25rem 1.5rem}.url-badge[data-v-59ce6caa]{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.url-action-row[data-v-59ce6caa]{justify-content:space-between;align-items:center;gap:1rem;margin-top:.35rem;display:flex}.live-url-link[data-v-59ce6caa]{color:var(--primary-hover);word-break:break-all;font-size:.95rem;font-weight:500;text-decoration:none}.studio-actions-bar[data-v-59ce6caa]{flex-wrap:wrap;gap:1rem;display:flex}.socials-strip-box[data-v-59ce6caa],.links-manager-box[data-v-59ce6caa]{border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.strip-title[data-v-59ce6caa]{color:var(--text-main);margin-bottom:1rem;font-size:.9rem;font-weight:700}.social-chips-grid[data-v-59ce6caa]{flex-wrap:wrap;gap:.6rem;display:flex}.social-chip[data-v-59ce6caa]{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#f8fafc;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.chip-actions[data-v-59ce6caa]{gap:.25rem;display:flex}.btn-chip-icon[data-v-59ce6caa]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.btn-chip-icon[data-v-59ce6caa]:hover{color:var(--primary)}.btn-chip-icon.danger[data-v-59ce6caa]:hover{color:var(--danger)}.links-cards-stack[data-v-59ce6caa]{flex-direction:column;gap:1rem;display:flex}.link-editor-card[data-v-59ce6caa]{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:1.15rem 1.25rem;transition:all .2s}.link-editor-card[data-v-59ce6caa]:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.link-editor-card.is-disabled[data-v-59ce6caa]{opacity:.6;background:#f8fafc}.card-top-row[data-v-59ce6caa]{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.link-card-title[data-v-59ce6caa]{color:var(--text-main);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.link-card-url[data-v-59ce6caa]{color:var(--text-muted);word-break:break-all;font-size:.8rem;text-decoration:none}.card-bottom-row[data-v-59ce6caa]{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.click-stats-badge[data-v-59ce6caa]{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.775rem;font-weight:600;display:inline-flex}.card-actions-group[data-v-59ce6caa]{gap:.5rem;display:flex}.toggle-switch-btn[data-v-59ce6caa]{cursor:pointer;background:#cbd5e1;border:none;border-radius:9999px;flex-shrink:0;width:42px;height:24px;transition:all .2s;position:relative}.toggle-switch-btn.active[data-v-59ce6caa]{background:var(--primary)}.toggle-switch-circle[data-v-59ce6caa]{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch-btn.active .toggle-switch-circle[data-v-59ce6caa]{transform:translate(18px)}.preview-column[data-v-59ce6caa]{position:relative}.preview-sticky-wrap[data-v-59ce6caa]{flex-direction:column;align-items:center;display:flex;position:sticky;top:90px}.preview-badge-header[data-v-59ce6caa]{color:var(--text-muted);z-index:10;margin-bottom:-1rem;font-size:.85rem;font-weight:700}@media (width<=900px){.studio-workspace[data-v-59ce6caa]{grid-template-columns:1fr}.preview-column[data-v-59ce6caa]{display:none}}.appearance-page-container[data-v-b28c66f4]{background:var(--bg-app);min-height:100vh}.studio-workspace[data-v-b28c66f4]{grid-template-columns:1fr 380px;align-items:start;gap:2.5rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:grid}.editor-column[data-v-b28c66f4]{flex-direction:column;gap:1.5rem;display:flex}.settings-card[data-v-b28c66f4]{border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff;padding:1.75rem}.card-heading[data-v-b28c66f4]{color:var(--text-main);margin-bottom:1.25rem;font-size:1.05rem;font-weight:700}.avatar-upload-row[data-v-b28c66f4]{border-bottom:1px solid #f1f5f9;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.current-avatar-circle[data-v-b28c66f4]{background:var(--primary-light);width:72px;height:72px;color:var(--primary);border:2px solid var(--border-light);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;display:flex;overflow:hidden}.current-avatar-circle img[data-v-b28c66f4]{object-fit:cover;width:100%;height:100%}.upload-btn-label[data-v-b28c66f4]{cursor:pointer;position:relative;overflow:hidden}.hidden-file-input[data-v-b28c66f4]{opacity:0;cursor:pointer;position:absolute;inset:0}.file-hint[data-v-b28c66f4]{color:var(--text-muted);margin-top:.35rem;font-size:.75rem;display:block}.color-presets-row[data-v-b28c66f4]{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.color-preset-circle[data-v-b28c66f4]{cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px;transition:all .15s}.color-preset-circle.active[data-v-b28c66f4]{border-color:#0f172a;transform:scale(1.1)}.custom-color-picker[data-v-b28c66f4]{border:1px solid var(--border-light);cursor:pointer;border-radius:50%;width:36px;height:36px;padding:0}.bg-options-grid[data-v-b28c66f4],.button-shapes-grid[data-v-b28c66f4]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.85rem;display:grid}.bg-option-box[data-v-b28c66f4],.shape-option-box[data-v-b28c66f4]{border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:.75rem;transition:all .15s}.bg-option-box[data-v-b28c66f4]:hover,.shape-option-box[data-v-b28c66f4]:hover{border-color:#cbd5e1}.bg-option-box.active[data-v-b28c66f4],.shape-option-box.active[data-v-b28c66f4]{border-color:var(--primary);background:var(--primary-light)}.bg-option-preview[data-v-b28c66f4]{border-radius:var(--radius-md);width:100%;height:48px;margin-bottom:.5rem}.bg-option-title[data-v-b28c66f4],.shape-title[data-v-b28c66f4]{color:var(--text-main);font-size:.775rem;font-weight:600}.shape-pill-preview[data-v-b28c66f4]{background:#fff;border:1px solid #cbd5e1;margin-bottom:.5rem;padding:.4rem .5rem;font-size:.75rem;font-weight:600}.shape-pill-preview.soft_glass[data-v-b28c66f4]{background:#0000000d;border-radius:12px}.shape-pill-preview.rounded[data-v-b28c66f4]{border-radius:10px}.shape-pill-preview.pill[data-v-b28c66f4]{border-radius:9999px}.shape-pill-preview.square[data-v-b28c66f4]{border-radius:3px}.save-bar[data-v-b28c66f4]{justify-content:flex-end;display:flex}.preview-column[data-v-b28c66f4]{position:relative}.preview-sticky-wrap[data-v-b28c66f4]{flex-direction:column;align-items:center;display:flex;position:sticky;top:90px}.preview-badge-header[data-v-b28c66f4]{color:var(--text-muted);z-index:10;margin-bottom:-1rem;font-size:.85rem;font-weight:700}@media (width<=900px){.studio-workspace[data-v-b28c66f4]{grid-template-columns:1fr}.preview-column[data-v-b28c66f4]{display:none}}.public-bio-wrapper[data-v-533b7aa8]{justify-content:center;min-height:100vh;font-family:Outfit,Sarabun,sans-serif;display:flex;position:relative;overflow-x:hidden}.aurora-mesh-bg[data-v-533b7aa8]{z-index:0;filter:blur(55px);opacity:1;animation:14s ease-in-out infinite alternate auroraFlow-533b7aa8;position:fixed;inset:0}@keyframes auroraFlow-533b7aa8{0%{transform:scale(1)translate(0)}50%{transform:scale(1.08)translate(2%,2%)}to{transform:scale(1)translate(-2%,1%)}}.public-loading-center[data-v-533b7aa8],.public-404-center[data-v-533b7aa8]{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:4rem 1.5rem;display:flex;position:relative}.loading-spinner[data-v-533b7aa8]{border:3px solid #fff3;border-top-color:#38bdf8;border-radius:50%;width:44px;height:44px;margin-bottom:1rem;animation:.8s linear infinite spin-533b7aa8}@keyframes spin-533b7aa8{to{transform:rotate(360deg)}}.notfound-icon-box[data-v-533b7aa8]{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1.25rem;font-size:2rem;font-weight:800;display:flex}.bio-main-container[data-v-533b7aa8]{z-index:10;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:520px;padding:4.5rem 1.5rem 3rem;display:flex;position:relative}.bio-avatar-wrapper[data-v-533b7aa8]{width:110px;height:110px;margin-bottom:1.5rem;position:relative}.bio-avatar-glow[data-v-533b7aa8]{filter:blur(28px);opacity:.5;border-radius:50%;animation:4s ease-in-out infinite alternate avatarPulse-533b7aa8;position:absolute;inset:0}@keyframes avatarPulse-533b7aa8{0%{opacity:.35;transform:scale(.95)}to{opacity:.65;transform:scale(1.2)}}.bio-avatar-img[data-v-533b7aa8]{object-fit:cover;z-index:2;background:#ffffff0d;border:3px solid #fff6;border-radius:50%;width:100%;height:100%;position:relative}.bio-avatar-placeholder[data-v-533b7aa8]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffff14;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:800;display:flex;position:relative}.bio-name[data-v-533b7aa8]{letter-spacing:-.02em;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:1.75rem;font-weight:800;display:flex}.bio-verified-badge[data-v-533b7aa8]{color:#38bdf8;align-items:center;display:inline-flex}.bio-description[data-v-533b7aa8]{opacity:.85;max-width:400px;margin-bottom:2rem;font-family:Sarabun,sans-serif;font-size:.95rem;line-height:1.6}.bio-socials-strip[data-v-533b7aa8]{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-bottom:2.25rem;display:flex}.bio-social-icon-btn[data-v-533b7aa8]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:inherit;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.bio-social-icon-btn[data-v-533b7aa8]:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-3px)scale(1.05)}.bio-links-stack[data-v-533b7aa8]{flex-direction:column;gap:1.15rem;width:100%;margin-bottom:3.5rem;display:flex}.bio-link-card[data-v-533b7aa8]{-webkit-backdrop-filter:blur(25px);opacity:0;background:#ffffff0d;border:1px solid #ffffff26;justify-content:center;align-items:center;width:100%;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.5s ease-out forwards cardSlideUp-533b7aa8;display:flex;position:relative;transform:translateY(16px);box-shadow:0 4px 15px #00000026}@keyframes cardSlideUp-533b7aa8{to{opacity:1;transform:translateY(0)}}.bio-link-card[data-v-533b7aa8]:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-4px)scale(1.02);box-shadow:0 15px 30px #00000040}.bio-link-card.soft_glass[data-v-533b7aa8]{border-radius:20px}.bio-link-card.rounded[data-v-533b7aa8]{border-radius:14px}.bio-link-card.pill[data-v-533b7aa8]{border-radius:9999px}.bio-link-card.square[data-v-533b7aa8]{border-radius:6px}.bio-link-text[data-v-533b7aa8]{letter-spacing:-.01em}.bio-footer[data-v-533b7aa8]{opacity:.65;margin-top:auto;transition:opacity .2s}.bio-footer[data-v-533b7aa8]:hover{opacity:1}.bio-footer-brand[data-v-533b7aa8]{color:inherit;align-items:center;gap:.4rem;font-size:.8rem;text-decoration:none;display:inline-flex}.footer-dot[data-v-533b7aa8]{color:#38bdf8;font-size:.7rem}:root{--primary:#0284c7;--primary-hover:#0369a1;--primary-light:#e0f2fe;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--bg-app:#f8fafc;--bg-surface:#fff;--bg-card:#ffffffe0;--glass-bg:#f8fafce6;--glass-blur:blur(14px);--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0d9;--border-focus:#38bdf8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--success:#059669;--success-light:#d1fae5;--danger:#dc2626;--danger-light:#fee2e2;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-family:"Sarabun", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.page-container{flex-direction:column;min-height:100vh;display:flex}.page-header{z-index:30;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.15rem 2rem;display:flex;position:sticky;top:0}.header-main .page-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.header-main .page-subtitle{color:var(--text-muted);margin-top:2px;font-size:.85rem}.page-body{flex:1;padding:1.5rem 2rem}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0284c740}.btn-secondary{color:var(--text-main);border-color:var(--border-light);background:#fff}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:.75rem 1.5rem;font-size:1rem}.btn-action-icon{border-radius:var(--radius-sm);border:1px solid var(--border-light);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-action-icon:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.btn-action-icon.danger:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-light)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-main);font-size:1.15rem;font-weight:700}.btn-close-modal{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;display:flex}.btn-close-modal:hover{color:var(--text-main);background:#f1f5f9}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-light);background:#f8fafc;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-group{margin-bottom:1.15rem}.form-label{color:var(--text-main);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#fff;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.875rem;transition:all .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0284c71f}.smartphone-mockup-container{justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.smartphone-frame{background:#000;border-radius:44px;flex-direction:column;width:320px;height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 10px #1e293b}.smartphone-notch{z-index:50;background:#1e293b;border-bottom-right-radius:14px;border-bottom-left-radius:14px;width:120px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.smartphone-screen{flex:1;position:relative;overflow-y:auto}.animate-fade-in{animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}