:root{color-scheme:light;--app-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-bg: #f8fafc;--app-surface: #ffffff;--app-surface-soft: #eef4fd;--app-text: #0f172a;--app-muted: #64748b;--app-border: #dbe4f3;--app-primary: #2563eb;--app-primary-strong: #1d4ed8;--app-primary-soft: #e6eefd;--app-accent: #38bdf8;--app-success: #1f9d63;--app-warning-soft: #fff8e6;--app-warning-border: #f3dfa8;--app-shadow: 0 1px 3px rgba(26, 62, 103, .05), 0 8px 24px rgba(26, 62, 103, .06);--app-shadow-sm: 0 1px 2px rgba(26, 62, 103, .05);--app-shadow-lg: 0 10px 30px -10px rgba(26, 62, 103, .12), 0 1px 3px rgba(26, 62, 103, .05);--app-radius-xs: .35rem;--app-radius-sm: .5rem;--app-radius-md: .75rem;--app-radius-lg: .9rem;--app-radius-xl: 1.25rem;--app-radius-pill: 9999px;--app-panel-radius: .9rem;--app-panel-padding: 1.25rem;--app-control-height: 2.7rem;--app-h1-hero: clamp(2.2rem, 4vw, 3.4rem);--app-h1-page: 1.45rem;--app-h1-form: 1.35rem;--app-tracking-tight: -.015em;--app-tracking-wide: .1em;--app-eyebrow-size: .72rem;--app-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--app-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--app-glass-bg: rgba(255, 255, 255, .75);--app-glass-border: rgba(255, 255, 255, .6);--app-card-bg-gradient: linear-gradient(135deg, var(--app-surface), color-mix(in srgb, var(--app-surface) 96%, var(--app-primary-soft)))}[data-theme=dark]{color-scheme:dark;--app-bg: #0f172a;--app-surface: #1e293b;--app-surface-soft: #1e293b;--app-text: #f8fafc;--app-muted: #94a3b8;--app-border: #334155;--app-primary: #38bdf8;--app-primary-strong: #7dd3fc;--app-primary-soft: rgba(56, 189, 248, .1);--app-accent: #2dd4bf;--app-success: #34d399;--app-warning-soft: #2d2613;--app-warning-border: #4d3f18;--app-shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--app-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--app-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--app-glass-bg: rgba(30, 41, 59, .75);--app-glass-border: rgba(255, 255, 255, .05);--app-card-bg-gradient: linear-gradient(135deg, var(--app-surface), color-mix(in srgb, var(--app-surface) 97%, #121b2a))}[data-theme=green-wellness]{--app-bg: #f4f9f6;--app-surface: #ffffff;--app-surface-soft: #eaf5ee;--app-text: #0f241a;--app-muted: #526b5e;--app-border: #cfe6d9;--app-primary: #15803d;--app-primary-strong: #166534;--app-primary-soft: #f0fdf4;--app-accent: #0f766e;--app-success: #16a34a;--app-shadow: 0 1px 3px rgba(21, 128, 61, .04), 0 8px 24px rgba(21, 128, 61, .05);--app-shadow-sm: 0 1px 2px rgba(21, 128, 61, .05);--app-shadow-lg: 0 10px 30px -10px rgba(21, 128, 61, .1), 0 1px 3px rgba(21, 128, 61, .04);--app-glass-bg: rgba(255, 255, 255, .75);--app-glass-border: rgba(255, 255, 255, .6);--app-card-bg-gradient: linear-gradient(135deg, var(--app-surface), color-mix(in srgb, var(--app-surface) 97%, var(--app-primary-soft)))}[data-theme=purple-premium]{--app-bg: #f9f8fc;--app-surface: #ffffff;--app-surface-soft: #f3f0fa;--app-text: #1e1333;--app-muted: #645c73;--app-border: #e2dcf0;--app-primary: #7c3aed;--app-primary-strong: #6d28d9;--app-primary-soft: #f5f3ff;--app-accent: #c084fc;--app-success: #0d9488;--app-shadow: 0 1px 3px rgba(124, 58, 237, .04), 0 8px 24px rgba(124, 58, 237, .05);--app-shadow-sm: 0 1px 2px rgba(124, 58, 237, .05);--app-shadow-lg: 0 10px 30px -10px rgba(124, 58, 237, .1), 0 1px 3px rgba(124, 58, 237, .04);--app-glass-bg: rgba(255, 255, 255, .75);--app-glass-border: rgba(255, 255, 255, .6);--app-card-bg-gradient: linear-gradient(135deg, var(--app-surface), color-mix(in srgb, var(--app-surface) 97%, var(--app-primary-soft)))}[data-theme=black-gold]{color-scheme:dark;--app-bg: #0c0b08;--app-surface: #14120f;--app-surface-soft: #1b1914;--app-text: #fefcf0;--app-muted: #a8a08d;--app-border: #2e2a22;--app-primary: #eab308;--app-primary-strong: #ca8a04;--app-primary-soft: rgba(234, 179, 8, .08);--app-accent: #f59e0b;--app-success: #ca8a04;--app-warning-soft: #2e2608;--app-warning-border: #4d3d0c;--app-shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--app-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--app-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--app-glass-bg: rgba(20, 18, 15, .75);--app-glass-border: rgba(255, 255, 255, .04);--app-card-bg-gradient: linear-gradient(135deg, var(--app-surface), color-mix(in srgb, var(--app-surface) 97%, #1a1813))}*{box-sizing:border-box}html{min-height:100%;background:var(--app-bg);scroll-behavior:smooth}body{min-height:100vh;margin:0;background:var(--app-bg);color:var(--app-text);font-family:var(--app-font-family);font-size:.95rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--app-text);letter-spacing:var(--app-tracking-tight);line-height:1.2}button,input,select,textarea{font:inherit}button{cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select,textarea{min-height:var(--app-control-height);border:1px solid var(--app-border);border-radius:var(--app-radius-md);padding:.65rem .9rem;background:var(--app-surface);color:var(--app-text);font-size:.95rem;line-height:1.4;outline:none;transition:border-color var(--app-transition-fast),box-shadow var(--app-transition-fast),background var(--app-transition-fast)}textarea{min-height:5.5rem;resize:vertical}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--app-primary);background:var(--app-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary) 18%,transparent)}::placeholder{color:color-mix(in srgb,var(--app-muted) 65%,transparent)}a{color:inherit;transition:color var(--app-transition-fast)}.eyebrow{margin:0 0 .4rem;color:var(--app-primary-strong);font-size:var(--app-eyebrow-size);font-weight:700;letter-spacing:var(--app-tracking-wide);text-transform:uppercase}.panel{border:1px solid var(--app-border);border-radius:var(--app-panel-radius);padding:var(--app-panel-padding);background:var(--app-card-bg-gradient);box-shadow:var(--app-shadow);transition:transform var(--app-transition-normal),box-shadow var(--app-transition-normal);animation:slide-up var(--app-transition-normal) ease-out}.premium-card{border:1px solid var(--app-border);border-radius:var(--app-panel-radius);padding:var(--app-panel-padding);background:var(--app-card-bg-gradient);box-shadow:var(--app-shadow);transition:transform var(--app-transition-normal),box-shadow var(--app-transition-normal),border-color var(--app-transition-normal);animation:slide-up var(--app-transition-normal) ease-out}.premium-card:hover{transform:translateY(-2px);box-shadow:var(--app-shadow-lg);border-color:color-mix(in srgb,var(--app-primary) 30%,var(--app-border))}.glass-panel{background:var(--app-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--app-glass-border);border-radius:var(--app-panel-radius);padding:var(--app-panel-padding);box-shadow:var(--app-shadow)}.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--app-control-height);border:0;border-radius:var(--app-radius-md);padding:.65rem 1.25rem;background:var(--app-primary);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 2px 4px #0000000d;transition:background var(--app-transition-fast),transform var(--app-transition-fast),box-shadow var(--app-transition-fast)}.primary-action:hover:not(:disabled),.primary-action:focus-visible:not(:disabled){background:var(--app-primary-strong);transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.primary-action:active:not(:disabled){transform:translateY(0)}.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--app-control-height);border:1px solid color-mix(in srgb,var(--app-primary) 35%,var(--app-border));border-radius:var(--app-radius-md);padding:.65rem 1.2rem;background:var(--app-primary-soft);color:var(--app-primary-strong);font-weight:700;font-size:.95rem;text-decoration:none;transition:background var(--app-transition-fast),transform var(--app-transition-fast),border-color var(--app-transition-fast)}.secondary-action:hover:not(:disabled),.secondary-action:focus-visible:not(:disabled){background:color-mix(in srgb,var(--app-primary-soft) 85%,var(--app-primary));transform:translateY(-1px);border-color:var(--app-primary)}.secondary-action:active:not(:disabled){transform:translateY(0)}.ghost-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--app-control-height);border:1px solid var(--app-border);border-radius:var(--app-radius-md);padding:.65rem 1.15rem;background:var(--app-surface);color:var(--app-text);font-weight:600;font-size:.92rem;text-decoration:none;transition:background var(--app-transition-fast),transform var(--app-transition-fast),border-color var(--app-transition-fast)}.ghost-action:hover:not(:disabled),.ghost-action:focus-visible:not(:disabled){background:var(--app-surface-soft);border-color:color-mix(in srgb,var(--app-muted) 35%,var(--app-border));color:var(--app-text)}.ghost-action.compact,.secondary-action.compact,.primary-action.compact{min-height:2.2rem;padding:.35rem .8rem;font-size:.85rem;border-radius:var(--app-radius-sm)}button:disabled,.primary-action:disabled,.secondary-action:disabled,.ghost-action:disabled{cursor:not-allowed;opacity:.55;transform:none!important;box-shadow:none!important}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .3s ease-out forwards}.photo-manager,.photo-field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:center;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);padding:1.25rem;background:var(--app-card-bg-gradient)}.photo-frame,.photo-placeholder{width:6.5rem;height:6.5rem;border-radius:var(--app-radius-pill)}.photo-frame{overflow:hidden;border:3px solid var(--app-surface);box-shadow:var(--app-shadow)}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:grid;place-items:center;background:var(--app-primary-soft);color:var(--app-primary-strong);font-size:2.3rem;font-weight:700}.photo-copy{display:grid;gap:.5rem}.photo-copy p{margin:0;color:var(--app-muted);font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}input[type=file]:not(.visually-hidden){width:100%;min-height:4.5rem;box-sizing:border-box;border:1.5px dashed color-mix(in srgb,var(--app-primary) 45%,var(--app-border));border-radius:var(--app-radius-lg);padding:.75rem;background:color-mix(in srgb,var(--app-primary-soft) 45%,var(--app-surface));color:var(--app-muted);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}input[type=file]:not(.visually-hidden):hover{border-color:var(--app-primary);background:var(--app-primary-soft)}input[type=file]:not(.visually-hidden):focus-visible{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary) 20%,transparent)}input[type=file]:not(.visually-hidden)::file-selector-button{margin-right:.8rem;border:0;border-radius:var(--app-radius-pill);padding:.62rem 1rem;background:var(--app-primary);color:#fff;font:inherit;font-weight:700;cursor:pointer}.actions-card .destructive-verification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.actions-card .destructive-verification-grid label{display:grid;align-content:start;gap:.42rem;color:var(--app-text);font-size:.8rem;font-weight:700}.actions-card .destructive-verification-grid input,.actions-card .destructive-verification-grid textarea{width:100%;min-height:2.8rem;border:1px solid var(--app-border);border-radius:var(--app-radius-md);padding:.7rem .8rem;background:var(--app-surface);color:var(--app-text);font:inherit}.actions-card .destructive-verification-grid input:hover,.actions-card .destructive-verification-grid textarea:hover{border-color:var(--app-primary)}.actions-card .destructive-verification-grid input:focus,.actions-card .destructive-verification-grid textarea:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary) 16%,transparent)}.actions-card .destructive-verification-grid .full-width-field{grid-column:1/-1}@media(max-width:680px){.actions-card .destructive-verification-grid{grid-template-columns:1fr}.actions-card .destructive-verification-grid .full-width-field{grid-column:auto}.photo-manager,.photo-field{grid-template-columns:1fr;justify-items:center;text-align:center}}
