.popover-container.svelte-cbe0df{position:relative;display:inline-block}.popover-trigger.svelte-cbe0df{appearance:none;background-color:transparent;border:none;padding:0;margin:0;cursor:pointer}.popover.svelte-cbe0df{position:absolute;z-index:1000;min-width:200px;background-color:var(--surface);font-size:var(--typography-caption-size);color:var(--typography-caption-color);font-weight:var(--typography-caption-weight);line-height:var(--typography-caption-line);letter-spacing:var(--typography-caption-spacing);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:opacity .15s ease-out}.popover-position-top.svelte-cbe0df{bottom:100%;left:50%;transform:translate(-50%)}.popover-position-bottom.svelte-cbe0df{top:100%;left:50%;transform:translate(-50%)}.popover-position-left.svelte-cbe0df{right:100%;top:50%;transform:translateY(-50%)}.popover-position-right.svelte-cbe0df{left:100%;top:50%;transform:translateY(-50%)}.popover.svelte-cbe0df{padding:var(--space-3)}.popover-position-top.svelte-cbe0df,.popover-position-bottom.svelte-cbe0df,.popover-position-left.svelte-cbe0df,.popover-position-right.svelte-cbe0df{margin:var(--space-2)}@media (min-width: 641px){.popover.svelte-cbe0df{padding:var(--space-4)}.popover-position-top.svelte-cbe0df{margin-bottom:var(--space-3)}.popover-position-bottom.svelte-cbe0df{margin-top:var(--space-3)}.popover-position-left.svelte-cbe0df{margin-right:var(--space-3)}.popover-position-right.svelte-cbe0df{margin-left:var(--space-3)}}.component-stage.svelte-112rtbi{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.code-example.svelte-112rtbi{background:var(--surface-secondary);padding:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-color-medium);margin:0}.popover-content.svelte-112rtbi{min-width:250px;max-width:350px;display:flex;flex-direction:column;gap:var(--space-2)}.user-card.svelte-112rtbi{display:flex;gap:var(--space-3);align-items:center}.user-avatar.svelte-112rtbi{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-secondary);border-radius:var(--radius-full);color:var(--text-color-medium)}.user-info.svelte-112rtbi{display:flex;flex-direction:column;gap:var(--space-1)}.user-info.svelte-112rtbi span:where(.svelte-112rtbi):first-child{font-weight:var(--font-medium)}.user-info.svelte-112rtbi span:where(.svelte-112rtbi):nth-child(2){font-size:var(--text-sm);color:var(--text-color-medium)}.user-stats.svelte-112rtbi{display:flex;gap:var(--space-3)}.user-stats.svelte-112rtbi span:where(.svelte-112rtbi){font-size:var(--text-sm);color:var(--text-color-medium)}.action-header.svelte-112rtbi{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.action-header.svelte-112rtbi span:where(.svelte-112rtbi):first-child{font-weight:var(--font-medium)}.action-header.svelte-112rtbi span:where(.svelte-112rtbi):last-child{font-size:var(--text-sm);color:var(--text-color-medium)}.action-buttons.svelte-112rtbi{display:flex;gap:var(--space-2);flex-wrap:wrap}.quick-form.svelte-112rtbi{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.form-field.svelte-112rtbi{display:flex;flex-direction:column;gap:var(--space-1)}.form-field.svelte-112rtbi label:where(.svelte-112rtbi){font-size:var(--text-sm);font-weight:var(--font-medium)}.form-field.svelte-112rtbi input:where(.svelte-112rtbi),.form-field.svelte-112rtbi textarea:where(.svelte-112rtbi){padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);font-family:inherit;resize:vertical}.form-field.svelte-112rtbi input:where(.svelte-112rtbi):focus,.form-field.svelte-112rtbi textarea:where(.svelte-112rtbi):focus{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--primary)}.form-actions.svelte-112rtbi{display:flex;justify-content:flex-end}.component-stage.svelte-1y8rbk8{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-6);gap:var(--space-6);flex-wrap:wrap}.code-example.svelte-1y8rbk8{background:var(--surface-secondary);padding:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-color-medium);margin:0}.position-table.svelte-1y8rbk8{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-sm)}.position-row.svelte-1y8rbk8{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:center}.position-name.svelte-1y8rbk8{font-weight:var(--font-medium);min-width:60px}.position-desc.svelte-1y8rbk8{font-size:var(--text-sm);color:var(--text-color-medium)}.popover-content.svelte-1y8rbk8{display:flex;flex-direction:column;gap:var(--space-2)}.popover-content.svelte-1y8rbk8 span:where(.svelte-1y8rbk8):first-child{font-weight:var(--font-medium)}.popover-content.svelte-1y8rbk8 span:where(.svelte-1y8rbk8):last-child{font-size:var(--text-sm);color:var(--text-color-medium)}.component-stage.svelte-1d1fuw7{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-6);gap:var(--space-6);flex-wrap:wrap}.code-example.svelte-1d1fuw7{background:var(--surface-secondary);padding:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-color-medium);margin:0}.popover-content.svelte-1d1fuw7{min-width:280px;max-width:320px}.nav-menu.svelte-1d1fuw7{display:flex;flex-direction:column;padding:var(--space-2) 0}.nav-item.svelte-1d1fuw7{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-color);font-size:var(--text-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.nav-item.svelte-1d1fuw7:hover{background:var(--surface-secondary);color:var(--text-color-strong)}.menu-divider.svelte-1d1fuw7{height:1px;background:var(--border);margin:var(--space-2) 0}.notification-badge.svelte-1d1fuw7{position:absolute;top:-6px;right:-6px;background:var(--error);color:var(--pure-white);font-size:10px;font-weight:var(--font-medium);min-width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.notification-panel.svelte-1d1fuw7{width:100%}.notification-header.svelte-1d1fuw7{display:flex;align-items:center;justify-content:space-between;padding:0 0 var(--space-3) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-3)}.notification-header.svelte-1d1fuw7 span:where(.svelte-1d1fuw7){font-weight:var(--font-medium)}.mark-read.svelte-1d1fuw7{background:transparent;border:none;color:var(--primary);font-size:var(--text-sm);cursor:pointer;padding:0}.mark-read.svelte-1d1fuw7:hover{text-decoration:underline}.notification-list.svelte-1d1fuw7{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-3)}.notification-item.svelte-1d1fuw7{display:flex;gap:var(--space-3);align-items:flex-start}.notification-icon.svelte-1d1fuw7{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-secondary);border-radius:var(--radius-full);color:var(--text-color-medium);flex-shrink:0}.notification-content.svelte-1d1fuw7{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.notification-title.svelte-1d1fuw7{font-weight:var(--font-medium);font-size:var(--text-sm);line-height:1.4}.notification-time.svelte-1d1fuw7{font-size:var(--text-sm);color:var(--text-color-medium)}.notification-footer.svelte-1d1fuw7{border-top:1px solid var(--border);padding:var(--space-3) 0 0 0;text-align:center}.settings-panel.svelte-1d1fuw7{width:100%}.settings-section.svelte-1d1fuw7{padding:var(--space-3) 0}.section-title.svelte-1d1fuw7{font-weight:var(--font-medium);margin-bottom:var(--space-3);display:block}.settings-divider.svelte-1d1fuw7{height:1px;background:var(--border);margin:var(--space-2) 0}.setting-row.svelte-1d1fuw7{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.setting-label.svelte-1d1fuw7{font-size:var(--text-sm)}.toggle-switch.svelte-1d1fuw7{position:relative;display:inline-block;width:34px;height:20px;cursor:pointer}.toggle-switch.svelte-1d1fuw7 input:where(.svelte-1d1fuw7){opacity:0;width:0;height:0}.slider.svelte-1d1fuw7{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:var(--transition-fast);border-radius:20px}.slider.svelte-1d1fuw7:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--pure-white);transition:var(--transition-fast);border-radius:50%}input.svelte-1d1fuw7:checked+.slider:where(.svelte-1d1fuw7){background-color:var(--primary)}input.svelte-1d1fuw7:checked+.slider:where(.svelte-1d1fuw7):before{transform:translate(14px)}.component-stage.svelte-1p4267z{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-6);gap:var(--space-6);flex-wrap:wrap}.code-example.svelte-1p4267z{background:var(--surface-secondary);padding:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-color-medium);margin:0}.text-example.svelte-1p4267z{padding:var(--space-6);background:var(--surface-secondary);border-radius:var(--radius-sm);text-align:center}.trigger-text.svelte-1p4267z{color:var(--primary);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--primary) 40%,transparent);cursor:pointer;transition:var(--transition-fast)}.trigger-text.svelte-1p4267z:hover{text-decoration-color:var(--primary)}.popover-content.svelte-1p4267z{min-width:200px;max-width:300px;display:flex;flex-direction:column;gap:var(--space-2)}.popover-content.svelte-1p4267z span:where(.svelte-1p4267z):first-child{font-weight:var(--font-medium)}.popover-content.svelte-1p4267z span:where(.svelte-1p4267z):not(:first-child){font-size:var(--text-sm);color:var(--text-color-medium)}.option-menu.svelte-1p4267z{display:flex;flex-direction:column}.menu-item.svelte-1p4267z{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-color);font-size:var(--text-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.menu-item.svelte-1p4267z:hover{background:var(--surface-secondary);color:var(--text-color-strong)}