.side-menu[data-v-6cf801d7]{position:fixed;top:0;left:0;height:98vh;width:220px;z-index:1100;box-shadow:2px 0 8px var(--color-shadow-strong);padding-top:24px;transition:left .3s;display:flex;flex-direction:column;justify-content:flex-start}.close-btn[data-v-6cf801d7]{position:absolute;top:10px;left:10px;background:transparent;color:var(--menu-fg);border:none;font-size:1.5rem;cursor:pointer;z-index:1201}.side-menu ul[data-v-6cf801d7]{list-style:none;padding:0;margin:2.5rem 0 0;flex:1 1 auto;overflow-y:auto}.side-menu li[data-v-6cf801d7]{padding:1rem}.side-menu a[data-v-6cf801d7]{color:var(--menu-fg);text-decoration:none;cursor:pointer}.side-menu-bottom[data-v-6cf801d7]{width:auto;padding:1rem .5rem;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.settings-btn[data-v-6cf801d7]{background:#ffffff26;color:var(--menu-fg);border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer}.settings-btn[data-v-6cf801d7]:hover{background:#ffffff40}.slide-enter-active[data-v-6cf801d7],.slide-leave-active[data-v-6cf801d7]{transition:opacity .3s,transform .3s}.slide-enter-from[data-v-6cf801d7],.slide-leave-to[data-v-6cf801d7]{opacity:0;transform:translate(-100%)}.main-content-shell[data-v-c905a1e5]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.welcome-text[data-v-c905a1e5]{font-size:.75rem;word-break:break-all;color:var(--color-text-secondary)}.centered-content[data-v-c905a1e5]{align-items:center;justify-content:center;padding:1.5rem}.login-title[data-v-c905a1e5]{font-size:1.25rem;margin-bottom:1rem;color:var(--color-heading)}.login-button[data-v-c905a1e5]{padding:.5rem 1rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-light{color-scheme:light;--bg: #ffffff;--fg: #111827;--header-bg: #f3f4f6;--menu-bg: #1f2430;--menu-fg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-surface-hover: #f3f4f6;--color-surface-sunken: #f5f5f5;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-heading: #111827;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-text-faint: #9ca3af;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-fg: #ffffff;--color-accent-soft: #f0f9ff;--color-accent-soft-border: #bae6fd;--color-accent-soft-text: #0369a1;--color-accent-alt: #7c3aed;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-bg: #fee2e2;--color-danger-border: #fca5a5;--color-danger-text: #991b1b;--color-success: #16a34a;--color-success-bg: #d1fae5;--color-success-border: #6ee7b7;--color-success-text: #065f46;--color-overlay: rgba(0, 0, 0, .45);--color-shadow: rgba(0, 0, 0, .1);--color-shadow-strong: rgba(0, 0, 0, .25);--input-bg: #ffffff;--input-border: #d1d5db;--input-text: #111827;--input-disabled-bg: #f5f5f5;--input-disabled-text: #9ca3af;--table-header-bg: #f3f4f6;--table-row-bg: #ffffff;--table-row-alt-bg: #fafafa;--table-row-hover-bg: #f9fafb;color:var(--fg);background-color:var(--bg)}.theme-dark{color-scheme:dark;--bg: #1a1a1a;--fg: #f2f2f2;--header-bg: #202020;--menu-bg: #1a1d24;--menu-fg: #f2f2f2;--color-surface: #262626;--color-surface-alt: #202020;--color-surface-hover: #333333;--color-surface-sunken: #1c1c1c;--color-border: #3f3f46;--color-border-strong: #52525b;--color-text: #f2f2f2;--color-heading: #fafafa;--color-text-secondary: #d4d4d8;--color-text-muted: #a1a1aa;--color-text-faint: #71717a;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-fg: #ffffff;--color-accent-soft: #17253d;--color-accent-soft-border: #1e40af;--color-accent-soft-text: #93c5fd;--color-accent-alt: #a78bfa;--color-danger: #f87171;--color-danger-hover: #fca5a5;--color-danger-bg: #3f1414;--color-danger-border: #7f1d1d;--color-danger-text: #fca5a5;--color-success: #4ade80;--color-success-bg: #0f2a1a;--color-success-border: #166534;--color-success-text: #86efac;--color-overlay: rgba(0, 0, 0, .65);--color-shadow: rgba(0, 0, 0, .4);--color-shadow-strong: rgba(0, 0, 0, .6);--input-bg: #262626;--input-border: #3f3f46;--input-text: #f2f2f2;--input-disabled-bg: #1c1c1c;--input-disabled-text: #71717a;--table-header-bg: #202020;--table-row-bg: #262626;--table-row-alt-bg: #202020;--table-row-hover-bg: #2e2e2e;color:var(--fg);background-color:var(--bg)}a{font-weight:500;color:var(--color-accent);text-decoration:inherit}a:hover{color:var(--color-accent-hover)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--fg)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface-hover);color:var(--color-text);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:var(--color-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0 auto;padding:0;text-align:center;color:var(--fg);background:var(--bg);min-height:100vh}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}header,.header{flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;border-bottom:1px solid var(--color-border);box-sizing:border-box;min-height:38px;background:var(--header-bg);color:var(--fg)}.header-user{display:flex;flex-direction:column;align-items:flex-start;flex:1}.header-logout{display:flex;align-items:center}.burger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;margin-right:1rem;z-index:1200}.burger-bar{width:24px;height:3px;background:var(--color-text);margin:3px 0;border-radius:2px;transition:all .3s}.main-content{flex:1 1 auto;width:100%;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:var(--bg);color:var(--fg)}.centered-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.main-content-box{width:100%;min-height:400px;flex:1 1 auto;margin:0;display:flex;flex-direction:column;align-items:stretch}.side-menu{background:var(--menu-bg);color:var(--menu-fg)}.iframe-center{width:100%;height:60%;display:flex;align-items:flex-start;justify-content:center}.jelly-iframe{width:90vw;height:75vh;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:0 2px 8px var(--color-shadow)}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px var(--color-shadow)}.surface-panel{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px}.btn-primary,.btn-secondary,.btn-danger,.btn-cancel{padding:.45rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;font-size:.875rem;border:1px solid transparent;transition:background-color .2s,border-color .2s,color .2s}.btn-primary{background-color:var(--color-accent);color:var(--color-accent-fg)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:transparent;color:var(--color-text-muted);border-color:var(--color-border-strong)}.btn-cancel:hover{background-color:var(--color-surface-hover)}.btn-small{padding:.3rem .75rem;font-size:.8rem}.status-banner,.modal-message,.submit-status{padding:.6rem .9rem;border-radius:4px;font-size:.875rem;border:1px solid transparent}.status-banner.success,.msg-success,.submit-status.success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.status-banner.error,.msg-error,.submit-status.error{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:var(--color-surface);color:var(--color-text);border-radius:8px;box-shadow:0 20px 60px var(--color-shadow-strong)}.data-table{width:100%;border-collapse:collapse;background:var(--table-row-bg);color:var(--color-text)}.data-table .table-header{background-color:var(--table-header-bg);border:1px solid var(--color-border);padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:var(--color-text-secondary);white-space:nowrap}.data-table .table-row{background:var(--table-row-bg);color:var(--color-text);transition:background-color .2s}.data-table .table-row:hover{background-color:var(--table-row-hover-bg)}.data-table .table-row:nth-child(2n){background-color:var(--table-row-alt-bg)}.data-table .table-row:nth-child(2n):hover{background-color:var(--table-row-hover-bg)}.data-table .table-cell{border:1px solid var(--color-border);padding:12px 16px;font-size:14px;color:var(--color-text);word-break:break-word}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-heading)}.panel{padding:1.5rem}.mt-panel{margin-top:2rem}.panel-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--color-heading)}.form-stack{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.checkbox-row{display:flex;align-items:center;gap:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.actions-row{display:flex;gap:1rem}.result-banner{margin-top:1.5rem;padding:1rem}.result-title{margin:0;font-weight:500}.result-message{margin:.25rem 0 0;font-size:.875rem}.result-details{margin-top:.5rem;font-size:.875rem}.empty-state{text-align:center;padding:1rem 0;color:var(--color-text-muted)}.recent-list{display:flex;flex-direction:column;gap:.75rem}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-surface-alt);border-radius:6px}.recent-item-main{flex:1}.recent-item-subject{font-weight:500;margin:0;color:var(--color-heading)}.recent-item-to{font-size:.875rem;color:var(--color-text-muted);margin:.15rem 0 0}.recent-item-time{font-size:.75rem;color:var(--color-text-faint);margin:.15rem 0 0}.open-link{color:var(--color-accent);font-size:.875rem;text-decoration:underline}.open-link:hover{color:var(--color-accent-hover)}.status-pill{padding:.25rem .6rem;font-size:.75rem;border-radius:999px;font-weight:500}.status-pill.success{background:var(--color-success-bg);color:var(--color-success-text)}.status-pill.error{background:var(--color-danger-bg);color:var(--color-danger-text)}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.template-card{padding:1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);text-align:left;cursor:pointer}.template-card:hover{background:var(--color-surface-hover)}.template-title{font-weight:500;margin:0}.template-desc{font-size:.875rem;color:var(--color-text-muted);margin:.25rem 0 0}.accent-blue{color:var(--color-accent)}.accent-green{color:var(--color-success)}.accent-purple{color:var(--color-accent-alt)}.btn-debug{padding:.5rem 1rem;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500}.btn-debug.blue{background:var(--color-accent)}.btn-debug.blue:hover{background:var(--color-accent-hover)}.btn-debug.gray{background:var(--color-text-muted)}.btn-debug.gray:hover{background:var(--color-text-secondary)}.btn-debug.green{background:var(--color-success)}.btn-debug.green:hover{filter:brightness(.9)}.btn-debug.red{background:var(--color-danger)}.btn-debug.red:hover{background:var(--color-danger-hover)}.btn-debug.purple{background:var(--color-accent-alt)}.btn-debug.purple:hover{filter:brightness(.9)}.btn-debug.small{padding:.3rem .7rem;font-size:.8rem}.debug-pre{background:var(--color-surface-alt);color:var(--color-text);padding:.5rem;border-radius:4px;font-size:.75rem;overflow-x:auto}.debug-error{color:var(--color-danger)}.field-input{border:1px solid var(--input-border);border-radius:4px;font-size:14px;background-color:var(--input-bg);color:var(--input-text)}.field-input:focus{outline:none;border-color:var(--color-accent)}.field-input:disabled,.field-input:read-only{background-color:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed}