.app[data-v-b788ebc3]{min-height:100vh;background:#f9fafb}main[data-v-b788ebc3]{padding-bottom:0}main.has-padding[data-v-b788ebc3]{padding-bottom:20px}.item-card[data-v-1b8f1106]{background:#fff;border-radius:.875rem;padding:1.125rem;border-left:4px solid #ccc;box-shadow:0 2px 10px #0000000f;transition:all .2s;position:relative}.item-card[data-v-1b8f1106]:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-1px)}.item-card.expired[data-v-1b8f1106]{border-left-color:#ef4444;background:#fef2f2}.item-card.urgent[data-v-1b8f1106]{border-left-color:#f97316;background:#fff7ed}.item-card.warning[data-v-1b8f1106]{border-left-color:#eab308;background:#fefce8}.item-card.normal[data-v-1b8f1106]{border-left-color:#22c55e}.card-header[data-v-1b8f1106]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.875rem}.item-info[data-v-1b8f1106]{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0}.item-info h3[data-v-1b8f1106]{margin:0;font-size:1.0625rem;font-weight:700;color:#1f2937;line-height:1.3}.badge[data-v-1b8f1106]{font-size:.75rem;padding:.25rem .625rem;border-radius:1.25rem;font-weight:600;white-space:nowrap;align-self:flex-start}.expired .badge[data-v-1b8f1106]{background:#ef4444;color:#fff}.urgent .badge[data-v-1b8f1106]{background:#f97316;color:#fff}.warning .badge[data-v-1b8f1106]{background:#eab308;color:#fff}.normal .badge[data-v-1b8f1106]{background:#dcfce7;color:#166534}.btn-delete[data-v-1b8f1106]{width:2rem;height:2rem;border-radius:.5rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-left:.5rem}.btn-delete[data-v-1b8f1106]:hover{background:#fef2f2;color:#ef4444}.btn-delete svg[data-v-1b8f1106]{width:1rem;height:1rem}.card-body[data-v-1b8f1106]{display:flex;flex-direction:column;gap:.625rem}.info-row[data-v-1b8f1106]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.info-item[data-v-1b8f1106]{display:flex;align-items:flex-start;gap:.5rem}.info-item svg[data-v-1b8f1106]{width:1rem;height:1rem;color:#9ca3af;flex-shrink:0;margin-top:2px}.info-label[data-v-1b8f1106]{font-size:.6875rem;color:#9ca3af;margin-bottom:.125rem}.info-value[data-v-1b8f1106]{font-size:.8125rem;color:#4b5563;font-weight:500}.note[data-v-1b8f1106]{margin:.25rem 0 0;padding:.625rem .75rem;background:#00000008;border-radius:.5rem;font-size:.8125rem;color:#6b7280;line-height:1.5}@media(max-width:480px){.item-card[data-v-1b8f1106]{padding:.875rem}.info-row[data-v-1b8f1106]{grid-template-columns:1fr;gap:.5rem}.item-info h3[data-v-1b8f1106]{font-size:1rem}}.home-page[data-v-621ddb79]{min-height:100vh;background:#f9fafb;padding-bottom:5rem}.brand-header[data-v-621ddb79]{position:relative;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a0a2e);color:#fff;padding:2rem 1.25rem 1.75rem;overflow:hidden}.brand-content[data-v-621ddb79]{position:relative;z-index:2;max-width:45rem;margin:0 auto}.brand-top[data-v-621ddb79]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;position:relative}.brand-logo[data-v-621ddb79]{display:flex;align-items:center;gap:.625rem}.logo-img[data-v-621ddb79]{width:2rem;height:2rem}.logo-text[data-v-621ddb79]{font-size:1.25rem;font-weight:700;letter-spacing:-.3px}.btn-icon[data-v-621ddb79]{width:2.5rem;height:2.5rem;border-radius:.625rem;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-icon[data-v-621ddb79]:hover{background:#fff3}.btn-icon svg[data-v-621ddb79]{width:1.25rem;height:1.25rem}.brand-subtitle[data-v-621ddb79]{font-size:.875rem;color:#ffffffb3;margin:0}.deco-circle[data-v-621ddb79]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;z-index:1}.deco-1[data-v-621ddb79]{width:12rem;height:12rem;background:#7c3aed;top:-3.5rem;right:-2.5rem}.deco-2[data-v-621ddb79]{width:9rem;height:9rem;background:#4f46e5;bottom:-2.5rem;left:-1.25rem}.content-area[data-v-621ddb79]{max-width:45rem;margin:0 auto;padding:1.25rem 1rem}.stats[data-v-621ddb79]{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem;margin-bottom:1.25rem}.stat[data-v-621ddb79]{background:#fff;border-radius:.75rem;padding:.875rem .375rem;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .2s;box-shadow:0 1px 4px #0000000d}.stat[data-v-621ddb79]:active{transform:scale(.95)}.stat.active[data-v-621ddb79]{border-color:currentColor;transform:scale(1.02)}.stat-num[data-v-621ddb79]{font-size:1.5rem;font-weight:800;line-height:1;letter-spacing:-.5px}.stat-label[data-v-621ddb79]{font-size:.75rem;margin-top:.25rem;opacity:.85;font-weight:500}.stat.expired[data-v-621ddb79]{color:#ef4444;background:#fef2f2}.stat.urgent[data-v-621ddb79]{color:#f97316;background:#fff7ed}.stat.warning[data-v-621ddb79]{color:#eab308;background:#fefce8}.stat.normal[data-v-621ddb79]{color:#22c55e;background:#f0fdf4}.toolbar[data-v-621ddb79]{display:flex;gap:.625rem;margin-bottom:1rem}.search-box[data-v-621ddb79]{flex:1;position:relative;display:flex;align-items:center}.search-icon[data-v-621ddb79]{position:absolute;left:.75rem;width:1.125rem;height:1.125rem;color:#9ca3af;pointer-events:none}.search-input[data-v-621ddb79]{width:100%;padding:.7rem .875rem .7rem 2.4rem;border:1px solid #e5e7eb;border-radius:.625rem;font-size:.9375rem;outline:none;background:#fff;transition:border-color .2s,box-shadow .2s}.search-input[data-v-621ddb79]:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.btn-reminder[data-v-621ddb79],.btn-filter[data-v-621ddb79]{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .875rem;border-radius:.625rem;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid #e5e7eb;background:#fff;color:#6b7280;transition:all .2s}.btn-reminder[data-v-621ddb79]:hover,.btn-filter[data-v-621ddb79]:hover{border-color:#c4b5fd;color:#7c3aed}.btn-reminder svg[data-v-621ddb79],.btn-filter svg[data-v-621ddb79]{width:1rem;height:1rem}.btn-reminder.active[data-v-621ddb79]{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.btn-filter.active[data-v-621ddb79]{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.btn-reminder[data-v-621ddb79]:disabled{cursor:default;opacity:.7}.banner[data-v-621ddb79]{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border-radius:.625rem;font-size:.8125rem;line-height:1.5;margin-bottom:1rem}.banner.error-state[data-v-621ddb79]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.banner svg[data-v-621ddb79]{width:1rem;height:1rem;flex-shrink:0;margin-top:1px}.state[data-v-621ddb79]{text-align:center;padding:2.5rem 1.25rem;color:#6b7280}.spinner[data-v-621ddb79]{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;margin:0 auto .75rem;animation:spin-621ddb79 .8s linear infinite}@keyframes spin-621ddb79{to{transform:rotate(360deg)}}.empty[data-v-621ddb79]{text-align:center;padding:3.75rem 1.25rem;color:#9ca3af}.empty-icon[data-v-621ddb79]{font-size:3.5rem;margin-bottom:1rem;filter:grayscale(.3)}.empty p[data-v-621ddb79]{margin-bottom:1.5rem;font-size:.9375rem}.btn-primary[data-v-621ddb79]{display:inline-flex;align-items:center;gap:.5rem;background:#7c3aed;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #7c3aed4d}.btn-primary[data-v-621ddb79]:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.btn-primary[data-v-621ddb79]:active{transform:translateY(0)}.btn-primary svg[data-v-621ddb79]{width:1.125rem;height:1.125rem}.item-list[data-v-621ddb79]{display:flex;flex-direction:column;gap:.75rem}.fab[data-v-621ddb79]{position:fixed;bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;background:#7c3aed;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 16px #7c3aed66;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s}.fab[data-v-621ddb79]:hover{background:#6d28d9;transform:scale(1.05)}.fab[data-v-621ddb79]:active{transform:scale(.95)}.fab svg[data-v-621ddb79]{width:1.5rem;height:1.5rem}@media(max-width:1023px){.brand-header[data-v-621ddb79]{padding:1.5rem 1rem 1.25rem}.logo-text[data-v-621ddb79]{font-size:1.125rem}.stats[data-v-621ddb79]{gap:.5rem}.stat[data-v-621ddb79]{padding:.75rem .25rem}.stat-num[data-v-621ddb79]{font-size:1.25rem}.stat-label[data-v-621ddb79]{font-size:.6875rem}.toolbar[data-v-621ddb79]{flex-wrap:wrap}.search-box[data-v-621ddb79]{width:100%;flex:none}.btn-reminder[data-v-621ddb79],.btn-filter[data-v-621ddb79]{flex:1;padding:.625rem}.btn-reminder span[data-v-621ddb79],.btn-filter span[data-v-621ddb79]{font-size:.75rem}.fab[data-v-621ddb79]{bottom:1.25rem;right:1.25rem;width:3.25rem;height:3.25rem}}@media(min-width:1024px){.home-page[data-v-621ddb79]{display:flex;min-height:100vh;padding-bottom:0}.brand-header[data-v-621ddb79]{width:22.5rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:3rem}.brand-top[data-v-621ddb79]{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.btn-icon[data-v-621ddb79]{position:absolute;top:0;right:0}.brand-subtitle[data-v-621ddb79]{font-size:1rem}.content-area[data-v-621ddb79]{flex:1;max-width:none;padding:2rem 2.5rem;overflow-y:auto;height:100vh}.fab[data-v-621ddb79]{right:2.5rem;bottom:2rem}}.add-page[data-v-d01f7644]{min-height:100vh;background:#f9fafb}.brand-header[data-v-d01f7644]{position:relative;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a0a2e);color:#fff;padding:2rem 1.25rem 1.75rem;overflow:hidden}.brand-content[data-v-d01f7644]{position:relative;z-index:2;max-width:35rem;margin:0 auto}.btn-back[data-v-d01f7644]{display:inline-flex;align-items:center;gap:.375rem;background:#ffffff1a;border:none;color:#fff;padding:.5rem .875rem;border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1.25rem}.btn-back[data-v-d01f7644]:hover{background:#fff3}.btn-back svg[data-v-d01f7644]{width:1rem;height:1rem}.brand-title[data-v-d01f7644]{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.5px}.brand-subtitle[data-v-d01f7644]{font-size:.9375rem;color:#ffffffb3;margin:0}.deco-circle[data-v-d01f7644]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;z-index:1}.deco-1[data-v-d01f7644]{width:12rem;height:12rem;background:#7c3aed;top:-3.5rem;right:-2.5rem}.deco-2[data-v-d01f7644]{width:9rem;height:9rem;background:#4f46e5;bottom:-2.5rem;left:-1.25rem}.form-area[data-v-d01f7644]{max-width:35rem;margin:0 auto;padding:1.5rem 1rem 2.5rem}.form[data-v-d01f7644]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-d01f7644]{display:flex;flex-direction:column;gap:.375rem}.form-group.error input[data-v-d01f7644],.form-group.error textarea[data-v-d01f7644]{border-color:#ef4444;background:#fef2f2}.field-label[data-v-d01f7644]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151}.field-label svg[data-v-d01f7644]{width:1.125rem;height:1.125rem;color:#7c3aed;flex-shrink:0}.required[data-v-d01f7644]{color:#ef4444;margin-left:.125rem}input[data-v-d01f7644],textarea[data-v-d01f7644]{width:100%;padding:.75rem .875rem;border:1px solid #e5e7eb;border-radius:.625rem;font-size:1rem;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;font-family:inherit}input[data-v-d01f7644]:focus,textarea[data-v-d01f7644]:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}textarea[data-v-d01f7644]{resize:vertical;min-height:5rem}.error-text[data-v-d01f7644]{font-size:.8125rem;color:#ef4444;display:flex;align-items:center;gap:.25rem}.error-text[data-v-d01f7644]:before{content:"⚠️";font-size:.75rem}.radio-group[data-v-d01f7644]{display:flex;gap:.625rem}.radio[data-v-d01f7644]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem .75rem;border:2px solid #e5e7eb;border-radius:.75rem;text-align:center;cursor:pointer;font-size:.875rem;background:#fff;transition:all .2s;font-weight:500;color:#4b5563}.radio input[data-v-d01f7644]{display:none}.radio svg[data-v-d01f7644]{width:1.125rem;height:1.125rem;color:#9ca3af;transition:color .2s}.radio.active[data-v-d01f7644]{border-color:#7c3aed;background:#faf5ff;color:#7c3aed;font-weight:600}.radio.active svg[data-v-d01f7644]{color:#7c3aed}.radio[data-v-d01f7644]:hover{border-color:#c4b5fd}.hint[data-v-d01f7644]{font-size:.8125rem;color:#6b7280;margin:.25rem 0 0;display:flex;align-items:center;gap:.375rem}.hint[data-v-d01f7644]:before{content:"💡";font-size:.75rem}.hint strong[data-v-d01f7644]{color:#7c3aed;font-weight:600}.actions[data-v-d01f7644]{display:flex;gap:.75rem;margin-top:.75rem}.actions button[data-v-d01f7644]{flex:1;padding:.875rem;border-radius:.75rem;font-size:1rem;border:none;cursor:pointer;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.actions button[data-v-d01f7644]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-d01f7644]{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed4d}.btn-primary[data-v-d01f7644]:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.btn-primary[data-v-d01f7644]:active:not(:disabled){transform:translateY(0)}.btn-secondary[data-v-d01f7644]{background:#f3f4f6;color:#4b5563}.btn-secondary[data-v-d01f7644]:hover:not(:disabled){background:#e5e7eb}.btn-spinner[data-v-d01f7644]{width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-d01f7644 .8s linear infinite}@keyframes spin-d01f7644{to{transform:rotate(360deg)}}.submit-error[data-v-d01f7644]{margin:0;padding:.75rem .875rem;border-radius:.625rem;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;font-size:.875rem;text-align:center}@media(max-width:1023px){.brand-header[data-v-d01f7644]{padding:1.5rem 1rem 1.25rem}.brand-title[data-v-d01f7644]{font-size:1.5rem}.form-area[data-v-d01f7644]{padding:1.25rem 1rem 2rem}}@media(max-width:480px){.radio-group[data-v-d01f7644]{flex-direction:column}.radio[data-v-d01f7644]{padding:.75rem}.actions button[data-v-d01f7644]{padding:.75rem;font-size:.9375rem}}@media(min-width:1024px){.add-page[data-v-d01f7644]{display:flex;min-height:100vh}.brand-header[data-v-d01f7644]{width:23.75rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:3rem}.btn-back[data-v-d01f7644]{margin-bottom:2rem}.brand-title[data-v-d01f7644]{font-size:2.25rem}.brand-subtitle[data-v-d01f7644]{font-size:1rem}.form-area[data-v-d01f7644]{flex:1;max-width:none;display:flex;flex-direction:column;justify-content:center;padding:3rem;overflow-y:auto;height:100vh}.form[data-v-d01f7644]{max-width:32.5rem;margin:0 auto;width:100%}}.login-page[data-v-bd589a08]{height:100vh;overflow:hidden;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.brand-side[data-v-bd589a08]{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a0a2e);color:#fff;overflow:hidden}.brand-content[data-v-bd589a08]{position:relative;z-index:2;max-width:26.25rem}.brand-logo[data-v-bd589a08]{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.logo-img[data-v-bd589a08]{width:2.5rem;height:2.5rem}.logo-text[data-v-bd589a08]{font-size:1.375rem;font-weight:700;letter-spacing:-.5px}.brand-title[data-v-bd589a08]{font-size:2.625rem;font-weight:800;line-height:1.15;margin:0 0 1.25rem;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-desc[data-v-bd589a08]{font-size:1rem;line-height:1.7;color:#ffffffb3;margin:0 0 2.5rem}.brand-features[data-v-bd589a08]{display:flex;flex-direction:column;gap:1rem}.feature-item[data-v-bd589a08]{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#ffffffd9}.feature-icon[data-v-bd589a08]{width:1.25rem;height:1.25rem;color:#a78bfa;flex-shrink:0}.deco-circle[data-v-bd589a08]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;z-index:1}.deco-1[data-v-bd589a08]{width:25rem;height:25rem;background:#7c3aed;top:-6rem;right:-6rem}.deco-2[data-v-bd589a08]{width:18.75rem;height:18.75rem;background:#4f46e5;bottom:-3rem;left:-3rem}.deco-3[data-v-bd589a08]{width:12.5rem;height:12.5rem;background:#863bff;top:40%;right:10%;opacity:.2}.deco-dots[data-v-bd589a08]{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:1.5rem 1.5rem;z-index:1}.form-side[data-v-bd589a08]{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:#fafafa;overflow-y:auto;min-height:0}.form-container[data-v-bd589a08]{width:100%;max-width:26.25rem}.form-header[data-v-bd589a08]{margin-bottom:1.75rem}.form-header h1[data-v-bd589a08]{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .375rem;letter-spacing:-.5px}.form-subtitle[data-v-bd589a08]{font-size:.9375rem;color:#6b7280;margin:0}.login-method-tabs[data-v-bd589a08]{display:flex;gap:0;background:#e5e7eb;border-radius:.625rem;padding:.25rem;margin-bottom:1.5rem}.method-btn[data-v-bd589a08]{flex:1;padding:.625rem .75rem;border:none;border-radius:.5rem;background:transparent;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.method-btn.active[data-v-bd589a08]{background:#fff;color:#111827;box-shadow:0 1px 3px #00000014}.method-btn[data-v-bd589a08]:not(.active):hover{color:#374151}.sub-mode-tabs[data-v-bd589a08]{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid #e5e7eb}.sub-tab[data-v-bd589a08]{padding:.625rem .75rem .75rem;border:none;border-bottom:2px solid transparent;background:transparent;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.sub-tab.active[data-v-bd589a08]{color:#7c3aed;border-bottom-color:#7c3aed}.sub-tab[data-v-bd589a08]:not(.active):hover{color:#374151}.banner[data-v-bd589a08]{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border-radius:.625rem;font-size:.8125rem;line-height:1.5;margin-bottom:1rem}.banner.success[data-v-bd589a08]{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.banner.error[data-v-bd589a08]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.banner-icon[data-v-bd589a08]{width:1rem;height:1rem;flex-shrink:0;margin-top:1px}.form[data-v-bd589a08]{display:flex;flex-direction:column;gap:1.125rem}.field[data-v-bd589a08]{display:flex;flex-direction:column;gap:.375rem}.field-label[data-v-bd589a08]{font-size:.8125rem;font-weight:600;color:#374151}.field-label-row[data-v-bd589a08]{display:flex;justify-content:space-between;align-items:center}.input-wrap[data-v-bd589a08]{position:relative;display:flex;align-items:center}.input-icon[data-v-bd589a08]{position:absolute;left:.875rem;width:1.125rem;height:1.125rem;color:#9ca3af;pointer-events:none;z-index:1}.field-input[data-v-bd589a08]{width:100%;padding:.75rem .875rem .75rem 2.625rem;border:1.5px solid #e5e7eb;border-radius:.625rem;font-size:.9375rem;background:#fff;color:#111827;outline:none;transition:all .2s ease}.field-input[data-v-bd589a08]::placeholder{color:#9ca3af}.field-input[data-v-bd589a08]:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}.field-input[data-v-bd589a08]:disabled{background:#f3f4f6;opacity:.7;cursor:not-allowed}.btn-submit[data-v-bd589a08]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem 1.25rem;border:none;border-radius:.625rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #7c3aed33}.btn-submit[data-v-bd589a08]:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.btn-submit[data-v-bd589a08]:active:not(:disabled){transform:translateY(0)}.btn-submit[data-v-bd589a08]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner[data-v-bd589a08]{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-bd589a08 .8s linear infinite}@keyframes spin-bd589a08{to{transform:rotate(360deg)}}.text-link[data-v-bd589a08]{background:none;border:none;padding:0;font-size:.8125rem;color:#6b7280;cursor:pointer;text-decoration:none;transition:color .2s}.text-link[data-v-bd589a08]:hover{color:#7c3aed}.text-link.primary[data-v-bd589a08]{color:#7c3aed;font-weight:600}.text-link.primary[data-v-bd589a08]:hover{color:#6d28d9}.inline-link[data-v-bd589a08]{color:#7c3aed;text-decoration:none;font-weight:500}.inline-link[data-v-bd589a08]:hover{text-decoration:underline}.checkbox-row[data-v-bd589a08]{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.checkbox-input[data-v-bd589a08]{width:1rem;height:1rem;margin-top:2px;accent-color:#7c3aed;cursor:pointer}.checkbox-text[data-v-bd589a08]{font-size:.8125rem;color:#6b7280;line-height:1.5}.hint-text[data-v-bd589a08]{font-size:.8125rem;color:#6b7280;line-height:1.6;margin:-.25rem 0}.back-row[data-v-bd589a08]{margin-bottom:1rem}.form-footer[data-v-bd589a08]{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb;text-align:center;font-size:.875rem;color:#6b7280}@media(max-width:1023px){.login-page[data-v-bd589a08]{height:auto;min-height:100vh;flex-direction:column}.brand-side[data-v-bd589a08]{display:none}.form-side[data-v-bd589a08]{padding:2rem 1.5rem;align-items:flex-start;min-height:100vh}.form-container[data-v-bd589a08]{max-width:100%}.form-header h1[data-v-bd589a08]{font-size:1.5rem}}@media(max-width:480px){.form-side[data-v-bd589a08]{padding:1.5rem 1.25rem}.sub-mode-tabs[data-v-bd589a08]{gap:0}.sub-tab[data-v-bd589a08]{padding:.625rem .5rem .75rem;font-size:.75rem}}.callback-page[data-v-49a5d277]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 16px}.panel[data-v-49a5d277]{width:100%;max-width:360px;padding:24px;background:#fff;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000000f}.panel h1[data-v-49a5d277]{margin:0 0 10px;font-size:22px;color:#1f2937}.panel p[data-v-49a5d277]{margin:0 0 20px;color:#6b7280}.btn-primary[data-v-49a5d277]{background:#3b82f6;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:15px;cursor:pointer}.push-test-page[data-v-5aeb240a]{min-height:100vh;background:#f9fafb}.header[data-v-5aeb240a]{position:relative;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a0a2e);color:#fff;padding:2rem 1.25rem 1.75rem;overflow:hidden}.header-content[data-v-5aeb240a]{position:relative;z-index:2;max-width:45rem;margin:0 auto}.header-top[data-v-5aeb240a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.header-logo[data-v-5aeb240a]{display:flex;align-items:center;gap:.625rem}.logo-img[data-v-5aeb240a]{width:2rem;height:2rem}.logo-text[data-v-5aeb240a]{font-size:1.25rem;font-weight:700;letter-spacing:-.3px}.btn-icon[data-v-5aeb240a]{width:2.5rem;height:2.5rem;border-radius:.625rem;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-icon[data-v-5aeb240a]:hover{background:#fff3}.btn-icon svg[data-v-5aeb240a]{width:1.25rem;height:1.25rem}.header-subtitle[data-v-5aeb240a]{font-size:.875rem;color:#ffffffb3;margin:0}.deco-circle[data-v-5aeb240a]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;z-index:1}.deco-1[data-v-5aeb240a]{width:12rem;height:12rem;background:#7c3aed;top:-3.5rem;right:-2.5rem}.deco-2[data-v-5aeb240a]{width:9rem;height:9rem;background:#4f46e5;bottom:-2.5rem;left:-1.25rem}.content[data-v-5aeb240a]{max-width:45rem;margin:0 auto;padding:1.25rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.card[data-v-5aeb240a]{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 4px #0000000d}.card-title[data-v-5aeb240a]{font-size:1rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.card-title svg[data-v-5aeb240a]{width:1.25rem;height:1.25rem;color:#7c3aed;flex-shrink:0}.empty-text[data-v-5aeb240a]{color:#9ca3af;font-size:.9375rem;line-height:1.6}.support-list[data-v-5aeb240a]{display:flex;flex-direction:column;gap:.625rem}.support-item[data-v-5aeb240a]{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:#f9fafb;border-radius:.5rem;font-size:.9375rem}.support-name[data-v-5aeb240a]{color:#374151;font-weight:500}.support-badge[data-v-5aeb240a]{font-size:.8125rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem}.support-badge.ok[data-v-5aeb240a]{background:#f0fdf4;color:#16a34a}.support-badge.no[data-v-5aeb240a]{background:#fef2f2;color:#dc2626}.permission-row[data-v-5aeb240a]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9375rem}.permission-label[data-v-5aeb240a]{color:#6b7280}.permission-value[data-v-5aeb240a]{font-weight:600;font-size:.9375rem}.permission-value.granted[data-v-5aeb240a]{color:#16a34a}.permission-value.denied[data-v-5aeb240a]{color:#dc2626}.permission-value.prompt[data-v-5aeb240a],.permission-value.default[data-v-5aeb240a]{color:#eab308}.btn-primary[data-v-5aeb240a]{display:inline-flex;align-items:center;gap:.5rem;background:#7c3aed;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #7c3aed4d}.btn-primary[data-v-5aeb240a]:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.btn-primary[data-v-5aeb240a]:active{transform:translateY(0)}.btn-primary[data-v-5aeb240a]:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.btn-primary svg[data-v-5aeb240a]{width:1.125rem;height:1.125rem}.btn-secondary[data-v-5aeb240a]{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#7c3aed;border:1px solid #c4b5fd;padding:.625rem 1rem;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-5aeb240a]:hover{background:#f5f3ff;border-color:#7c3aed}.btn-secondary[data-v-5aeb240a]:active{transform:scale(.98)}.btn-secondary svg[data-v-5aeb240a]{width:1rem;height:1rem}.banner[data-v-5aeb240a]{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border-radius:.625rem;font-size:.8125rem;line-height:1.5;margin-top:.75rem}.banner svg[data-v-5aeb240a]{width:1rem;height:1rem;flex-shrink:0;margin-top:1px}.banner.warn[data-v-5aeb240a]{background:#fffbeb;color:#92400e;border:1px solid #fcd34d}.banner.warn svg[data-v-5aeb240a]{color:#f59e0b}.banner.error[data-v-5aeb240a]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.banner.error svg[data-v-5aeb240a]{color:#ef4444}.banner.success[data-v-5aeb240a]{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.banner.success svg[data-v-5aeb240a]{color:#22c55e}.info-block[data-v-5aeb240a]{margin-bottom:.875rem}.info-block label[data-v-5aeb240a]{display:block;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.code[data-v-5aeb240a]{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:#374151;word-break:break-all;line-height:1.5}.info-row[data-v-5aeb240a]{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.desc[data-v-5aeb240a]{color:#6b7280;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.spinner-inline[data-v-5aeb240a]{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin-5aeb240a .8s linear infinite}@keyframes spin-5aeb240a{to{transform:rotate(360deg)}}@media(max-width:1023px){.header[data-v-5aeb240a]{padding:1.5rem 1rem 1.25rem}.logo-text[data-v-5aeb240a]{font-size:1.125rem}.info-row[data-v-5aeb240a]{grid-template-columns:1fr}}@media(min-width:1024px){.push-test-page[data-v-5aeb240a]{display:flex;min-height:100vh}.header[data-v-5aeb240a]{width:22.5rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:3rem}.header-top[data-v-5aeb240a]{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.btn-icon[data-v-5aeb240a]{position:absolute;top:0;right:0}.header-subtitle[data-v-5aeb240a]{font-size:1rem}.content[data-v-5aeb240a]{flex:1;max-width:none;padding:2rem 2.5rem;overflow-y:auto;height:100vh}}.profile-page[data-v-8b1242d0]{min-height:100vh;background:#f9fafb}.brand-header[data-v-8b1242d0]{position:relative;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a0a2e);color:#fff;padding:2rem 1.25rem 1.75rem;overflow:hidden}.brand-content[data-v-8b1242d0]{position:relative;z-index:2;max-width:30rem;margin:0 auto}.btn-back[data-v-8b1242d0]{display:inline-flex;align-items:center;gap:.375rem;background:#ffffff1a;border:none;color:#fff;padding:.5rem .875rem;border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1.25rem}.btn-back[data-v-8b1242d0]:hover{background:#fff3}.btn-back svg[data-v-8b1242d0]{width:1rem;height:1rem}.brand-title[data-v-8b1242d0]{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.5px}.brand-subtitle[data-v-8b1242d0]{font-size:.9375rem;color:#ffffffb3;margin:0}.deco-circle[data-v-8b1242d0]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;z-index:1}.deco-1[data-v-8b1242d0]{width:12rem;height:12rem;background:#7c3aed;top:-3.5rem;right:-2.5rem}.deco-2[data-v-8b1242d0]{width:9rem;height:9rem;background:#4f46e5;bottom:-2.5rem;left:-1.25rem}.content-area[data-v-8b1242d0]{max-width:30rem;margin:0 auto;padding:1.5rem 1rem 2.5rem}.profile-card[data-v-8b1242d0]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 16px #0000000f;display:flex;flex-direction:column;gap:1.5rem}.banner[data-v-8b1242d0]{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border-radius:.625rem;font-size:.8125rem;line-height:1.5}.banner.success[data-v-8b1242d0]{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.banner.error[data-v-8b1242d0]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.banner svg[data-v-8b1242d0]{width:1rem;height:1rem;flex-shrink:0;margin-top:1px}.info-section[data-v-8b1242d0]{padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.info-header[data-v-8b1242d0],.section-header[data-v-8b1242d0]{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.info-header svg[data-v-8b1242d0],.section-header svg[data-v-8b1242d0]{width:1.25rem;height:1.25rem;color:#7c3aed}.info-value[data-v-8b1242d0]{font-size:.9375rem;color:#4b5563;word-break:break-all;background:#f9fafb;padding:.75rem .875rem;border-radius:.625rem;font-weight:500}.password-section[data-v-8b1242d0]{padding-bottom:.25rem}.form[data-v-8b1242d0]{display:flex;flex-direction:column;gap:1rem}.field[data-v-8b1242d0]{display:flex;flex-direction:column;gap:.375rem}.field-label[data-v-8b1242d0]{font-size:.875rem;font-weight:600;color:#374151}.field input[data-v-8b1242d0]{width:100%;padding:.75rem .875rem;border:1px solid #e5e7eb;border-radius:.625rem;font-size:1rem;outline:none;background:#fff;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.field input[data-v-8b1242d0]:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.field input[data-v-8b1242d0]:disabled{opacity:.55;cursor:not-allowed}.btn-primary[data-v-8b1242d0]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem;background:#7c3aed;color:#fff;border:none;padding:.875rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #7c3aed4d}.btn-primary[data-v-8b1242d0]:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.btn-primary[data-v-8b1242d0]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-8b1242d0]:disabled{opacity:.6;cursor:not-allowed}.btn-danger[data-v-8b1242d0]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.875rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger[data-v-8b1242d0]:hover{background:#fee2e2;border-color:#fca5a5}.btn-danger svg[data-v-8b1242d0]{width:1.125rem;height:1.125rem}.btn-spinner[data-v-8b1242d0]{width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-8b1242d0 .8s linear infinite}@keyframes spin-8b1242d0{to{transform:rotate(360deg)}}@media(max-width:1023px){.brand-header[data-v-8b1242d0]{padding:1.5rem 1rem 1.25rem}.brand-title[data-v-8b1242d0]{font-size:1.5rem}.content-area[data-v-8b1242d0]{padding:1.25rem 1rem 2rem}}@media(min-width:1024px){.profile-page[data-v-8b1242d0]{display:flex;min-height:100vh}.brand-header[data-v-8b1242d0]{width:23.75rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:3rem}.btn-back[data-v-8b1242d0]{margin-bottom:2rem}.brand-title[data-v-8b1242d0]{font-size:2.25rem}.brand-subtitle[data-v-8b1242d0]{font-size:1rem}.content-area[data-v-8b1242d0]{flex:1;max-width:none;display:flex;flex-direction:column;justify-content:center;padding:3rem;overflow-y:auto;height:100vh}.profile-card[data-v-8b1242d0]{max-width:30rem;margin:0 auto;width:100%}}:root{--primary: #7c3aed;--primary-light: #a78bfa;--primary-dark: #6d28d9;--bg: #f9fafb;--card: #fff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}@media(max-width:1023px){html{font-size:calc(14px + .5vw)}}@media(min-width:1440px){html{font-size:18px}}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.5}body{overflow-x:hidden}#app{min-height:100vh}a{color:var(--primary);text-decoration:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}input,textarea{font-family:inherit;font-size:1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}