.rich-text-message-editor{position:relative;width:100%;overflow:visible;border:1px solid var(--color-border, #d0d5dd);border-radius:var(--radius-md, .5rem);background:var(--color-surface, #ffffff)}.rich-text-message-editor:focus-within{border-color:var(--color-primary, #475467);box-shadow:0 0 0 3px #4754671f}.rich-text-message-editor.has-error{border-color:var(--color-danger, #b42318)}.rich-text-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;padding:.5rem;border-bottom:1px solid var(--color-border, #d0d5dd);background:var(--color-background, #f9fafb);border-radius:inherit;border-bottom-right-radius:0;border-bottom-left-radius:0}.rich-text-font-select{min-width:9rem;min-height:2.5rem;padding:.375rem 2rem .375rem .625rem;border:1px solid var(--color-border, #d0d5dd);border-radius:.375rem;background:#fff;color:var(--color-text, #101828);font:inherit}.rich-text-toolbar-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid transparent;border-radius:.375rem;background:transparent;color:var(--color-text, #101828);cursor:pointer;font-size:1rem}.rich-text-toolbar-button:hover{background:#eaecf0}.rich-text-toolbar-button:focus-visible,.rich-text-font-select:focus-visible,.rich-text-emoji-button:focus-visible{outline:3px solid rgb(71 84 103 / 25%);outline-offset:2px}.rich-text-toolbar-button.is-active{border-color:var(--color-primary, #475467);background:#e4e7ec}.rich-text-message-content{min-height:10rem;padding:.875rem;outline:none;color:var(--color-text, #101828);line-height:1.6;overflow-wrap:anywhere}.rich-text-message-content p{margin:0 0 .75rem}.rich-text-message-content p:last-child{margin-bottom:0}.rich-text-emoji-wrapper{position:relative}.rich-text-emoji-picker{position:absolute;z-index:20;top:calc(100% + .5rem);right:0;display:grid;grid-template-columns:repeat(6,2.5rem);gap:.25rem;width:max-content;max-width:min(19rem,calc(100vw - 2rem));padding:.5rem;border:1px solid var(--color-border, #d0d5dd);border-radius:.5rem;background:#fff;box-shadow:0 .75rem 2rem #10182829}.rich-text-emoji-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:.375rem;background:transparent;cursor:pointer;font-size:1.25rem}.rich-text-emoji-button:hover{background:#f2f4f7}.character-counter{display:block;padding:0 .75rem .625rem;color:var(--color-text-muted, #667085);font-size:.8125rem;line-height:1.4;text-align:right}@media (max-width: 480px){.rich-text-toolbar{align-items:stretch}.rich-text-font-select{width:100%}.rich-text-emoji-picker{position:fixed;right:1rem;bottom:1rem;top:auto;left:1rem;grid-template-columns:repeat(6,minmax(2.25rem,1fr));width:auto;max-width:none}.rich-text-emoji-button{width:100%}}:root{--color-primary: #2f5233;--color-primary-dark: #1f3a22;--color-primary-contrast: #ffffff;--color-text: #1f2421;--color-text-muted: #5a6660;--color-background: #f6f7f5;--color-surface: #ffffff;--color-border: #dde3de;--color-danger: #b3261e;--color-danger-bg: #fbeceb;--color-success: #1e6b3c;--color-success-bg: #e8f5ec;--color-warning: #8a6100;--color-warning-bg: #fdf3d9;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--radius-sm: 6px;--radius-md: 12px;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--max-content-width: 1080px;--touch-target: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-background);font-size:var(--font-size-base);line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--color-primary)}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:3px solid #1a5cff;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:100;transition:top .15s ease-in}.skip-link:focus{top:8px}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--font-size-base);font-weight:600;cursor:pointer;background:var(--color-primary);color:var(--color-primary-contrast);text-decoration:none;line-height:1.2}.btn:hover{background:var(--color-primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-background)}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:#8f1e17}.btn-block{width:100%}.btn-sm{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.field{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-weight:600;font-size:var(--font-size-sm)}.field .hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=password],.field input[type=date],.field input[type=datetime-local],.field input[type=number],.field textarea,.field select{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.field textarea{min-height:140px;resize:vertical}.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:var(--color-danger)}.field-error{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:600}.checkbox-field{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4)}.checkbox-field input{width:22px;height:22px;flex-shrink:0;margin-top:2px}.form-grid{display:grid;grid-template-columns:1fr;gap:0 var(--space-4)}@media (min-width: 640px){.form-grid.two-columns{grid-template-columns:1fr 1fr}}.error-summary{border:1px solid var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.error-summary h2{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.error-summary ul{margin:0;padding-left:var(--space-4)}.textarea-with-counter{display:flex;flex-direction:column;width:100%}.textarea-with-counter textarea{width:100%;min-height:160px;resize:vertical}.character-counter{align-self:flex-end;margin-top:.375rem;color:var(--color-text-muted, #667085);font-size:.8125rem;line-height:1.4}.character-counter.is-near-limit{color:var(--color-danger, #b42318);font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.cluster-between{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;background:var(--color-border)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-printed{background:var(--color-success-bg);color:var(--color-success)}.badge-cancelled{background:var(--color-danger-bg);color:var(--color-danger)}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-neutral{background:var(--color-border);color:var(--color-text)}.alert{border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--color-border)}.alert-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.alert-error{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.alert-info{background:#eaf1fb;border-color:#b8d0f2;color:#1a4a8f}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.app-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3)}.app-brand{font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);text-decoration:none}.app-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.app-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);min-height:var(--touch-target);display:inline-flex;align-items:center}.app-nav a[aria-current=page]{background:var(--color-primary);color:var(--color-primary-contrast)}.app-main{flex:1;padding:var(--space-4) 0 var(--space-6)}.nav-toggle{display:none}@media (max-width: 720px){.app-header-inner{flex-wrap:wrap}.app-nav{width:100%;display:none;flex-direction:column}.app-nav.open{display:flex}.nav-toggle{display:inline-flex}.app-nav a{width:100%}}.data-table{width:100%;border-collapse:collapse}.data-table caption{text-align:left;font-weight:600;margin-bottom:var(--space-2)}.data-table th,.data-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}@media (max-width: 720px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface)}.data-table td{border-bottom:none;padding:var(--space-1) 0;display:flex;justify-content:space-between;gap:var(--space-3);text-align:right}.data-table td[data-label]:before{content:attr(data-label);font-weight:600;text-align:left;color:var(--color-text-muted)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1418158c;display:flex;align-items:center;justify-content:center;padding:var(--space-3);z-index:50}.modal{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);width:100%;max-width:520px;max-height:calc(100vh - 2 * var(--space-3));overflow-y:auto;box-shadow:var(--shadow-md)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.public-page{max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-3) var(--space-6)}.public-header{text-align:center;margin-bottom:var(--space-4)}.public-photo{width:128px;height:128px;border-radius:50%;object-fit:cover;margin:0 auto var(--space-3);border:3px solid var(--color-border)}.spinner{display:inline-block;width:22px;height:22px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-6) var(--space-3);color:var(--color-text-muted)}.login-page{max-width:420px;margin:var(--space-6) auto;padding:0 var(--space-3)}.letter-preview-frame{container-type:inline-size;max-width:360px;margin:0 auto}.letter-preview{position:relative;aspect-ratio:129.5 / 189;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:3cqw;overflow:hidden}.letter-preview-heart{position:absolute;pointer-events:none}.letter-preview-heart-top-1{width:8.5cqw;top:2.3cqw;left:84.7cqw}.letter-preview-heart-top-2{width:6cqw;top:.8cqw;left:94cqw}.letter-preview-heart-bottom-1{width:18.5cqw;top:125.6cqw;left:2.3cqw}.letter-preview-heart-bottom-2{width:10.2cqw;top:133.9cqw;left:13.9cqw}.letter-preview-event{font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:2.1cqw;color:#756f6a;width:78%;margin:0 0 .6cqw}.letter-preview-participant{font-family:Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:4.7cqw;line-height:1.15;color:#33312f;margin:0 0 .9cqw}.letter-preview-sender{font-family:Times New Roman,Georgia,Times,serif;font-style:italic;font-size:2.5cqw;color:#756f6a;margin:0 0 .3cqw}.letter-preview-date{font-family:Helvetica,Arial,sans-serif;font-size:2.1cqw;color:#756f6a;margin:0 0 2cqw}.letter-preview-divider{border-top:1px solid #d6ccc5;margin-bottom:2.5cqw}.letter-preview-body{font-family:Times New Roman,Georgia,Times,serif;font-size:3.2cqw;line-height:1.5;color:#33312f;white-space:pre-wrap;overflow-wrap:break-word;margin:0}.letter-preview-body--with-photo{padding-bottom:38cqw}.letter-preview-photo{position:absolute;right:0;bottom:5.8cqw;max-width:29.3cqw;max-height:27cqw;padding-right:3cqw}.letter-preview-photo img{display:block;width:100%;height:100%;object-fit:contain;border:1px solid #d6ccc5;border-radius:3px}.letter-preview-caption{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-3)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;margin-bottom:var(--space-4)}.filters .field{margin-bottom:0;min-width:180px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.stat-card .value{font-size:var(--font-size-l);font-weight:700}.stat-card .label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.event-header{margin-bottom:var(--space-4)}.event-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);overflow-x:auto}.event-tabs a{display:inline-flex;align-items:center;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);text-decoration:none;color:var(--color-text-muted);font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}.event-tabs a:hover{color:var(--color-text)}.event-tabs a[aria-current=page]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.print-bar{position:sticky;bottom:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);margin-top:var(--space-3)}