.login-page[data-v-4695adcc]{justify-content:center;align-items:center;min-height:80vh;display:flex}.login-card[data-v-4695adcc]{text-align:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:380px;padding:48px 40px;animation:.4s both fadeIn}.login-logo[data-v-4695adcc]{margin-bottom:8px;font-size:3rem}.login-title[data-v-4695adcc]{letter-spacing:-.02em;margin-bottom:4px;font-size:1.4rem;font-weight:700}.login-subtitle[data-v-4695adcc]{color:var(--c-text-soft);margin-bottom:24px;font-size:.9rem}.login-btn[data-v-4695adcc]{justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:.95rem;text-decoration:none;display:inline-flex}.login-loading[data-v-4695adcc]{color:var(--c-text-soft);font-size:.9rem}.login-denied[data-v-4695adcc]{margin-top:16px}.login-denied__icon[data-v-4695adcc]{margin-bottom:8px;font-size:2rem}.login-denied__hint[data-v-4695adcc]{color:var(--c-text-soft);margin-top:4px;font-size:.85rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg:#f8f9fb;--c-surface:#fff;--c-border:#e2e6ed;--c-text:#1e2330;--c-text-soft:#6b7280;--c-primary:#4f6ef7;--c-primary-hover:#3b5de7;--c-primary-light:#eef1fe;--c-danger:#ef4444;--c-danger-hover:#dc2626;--c-success:#22c55e;--c-warning:#f59e0b;--c-error-bg:#fef2f2;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--transition:.2s ease}body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-in{animation:.3s both fadeIn}.app-container{max-width:1600px;margin:0 auto;padding:0 32px}.app-nav{border-bottom:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding:16px 0;display:flex}.app-nav__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-nav__brand{color:var(--c-primary);letter-spacing:-.02em;white-space:nowrap;font-size:1.15rem;font-weight:700}.app-nav__links{flex-wrap:wrap;gap:4px;list-style:none;display:flex}.app-nav__links a{border-radius:var(--radius-sm);color:var(--c-text-soft);transition:color var(--transition), background var(--transition);padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:block}.app-nav__links a:hover,.app-nav__links a.router-link-active{color:var(--c-primary);background:var(--c-primary-light)}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;animation:.3s both fadeIn;display:flex}.page-header h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4;display:inline-flex}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-hover);box-shadow:0 2px 8px #4f6ef74d}.btn-ghost{color:var(--c-text-soft);border:1px solid var(--c-border);background:0 0}.btn-ghost:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-light)}.btn-danger{color:var(--c-danger);border:1px solid var(--c-border);background:0 0}.btn-danger:hover{border-color:var(--c-danger);background:var(--c-error-bg)}.btn-sm{padding:5px 12px;font-size:.8rem}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:.35s both fadeIn}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-soft);border-bottom:2px solid var(--c-border);white-space:nowrap;resize:horizontal;padding:10px 14px;font-size:.7rem;font-weight:600;position:relative;overflow:hidden}.data-table td{border-bottom:1px solid var(--c-border);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;max-width:0;padding:10px 14px;font-size:.825rem;overflow:hidden}.data-table td.col-fixed{white-space:nowrap;max-width:none;overflow:visible}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--c-primary-light)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .actions{white-space:nowrap;gap:6px;display:flex;overflow:visible}.cell-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cell-mono{color:var(--c-text-soft);font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:.78rem}.cell-date{color:var(--c-text-soft);white-space:nowrap;font-size:.78rem}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;animation:.3s .1s both fadeIn;display:flex}.filter-input{border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);background:var(--c-surface);transition:border-color var(--transition);min-width:200px;padding:8px 12px;font-family:inherit;font-size:.875rem}.filter-input:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #4f6ef726}.filter-input::placeholder{color:var(--c-text-soft)}.filter-select{border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);background:var(--c-surface);cursor:pointer;appearance:none;transition:border-color var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.2 2.4 5.6h11.2z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:160px;padding:8px 32px 8px 12px;font-family:inherit;font-size:.875rem}.filter-select:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #4f6ef726}.badge{letter-spacing:.02em;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:#059669;background:#ecfdf5}.badge-warning{color:#d97706;background:#fffbeb}.badge-error{color:#dc2626;background:#fef2f2}.badge-info{color:#2563eb;background:#eff6ff}.badge-enabled{color:#059669;background:#ecfdf5}.badge-disabled{color:#9ca3af;background:#f3f4f6}.danger-banner{color:#dc2626;border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;justify-content:space-between;align-items:center;margin-bottom:20px;padding:8px 16px;font-size:.85rem;font-weight:500;animation:.25s both fadeIn;display:flex}.danger-banner__close{cursor:pointer;color:#dc2626;background:0 0;border:none;padding:0 4px;font-size:1rem;line-height:1}.alert-error{border-radius:var(--radius-sm);background:var(--c-error-bg);color:var(--c-danger);margin-bottom:16px;padding:12px 16px;font-size:.875rem;animation:.25s both fadeIn}.alert-success{border-radius:var(--radius-sm);color:#059669;background:#ecfdf5;margin-bottom:16px;padding:12px 16px;font-size:.875rem;animation:.25s both fadeIn}.empty-state{text-align:center;color:var(--c-text-soft);padding:48px 24px;font-size:.95rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0000004d;justify-content:center;align-items:center;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:520px;max-height:90vh;animation:.3s both slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:1.1rem;font-weight:600}.modal-close{cursor:pointer;color:var(--c-text-soft);transition:color var(--transition);background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1}.modal-close:hover{color:var(--c-text)}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-label{color:var(--c-text-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--c-border);border-radius:var(--radius-sm);width:100%;color:var(--c-text);background:var(--c-surface);transition:border-color var(--transition), box-shadow var(--transition);padding:10px 14px;font-family:inherit;font-size:.9rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #4f6ef71f}.form-textarea{resize:vertical;min-height:100px}.toggle{cursor:pointer;align-items:center;gap:10px;font-size:.9rem;display:flex}.toggle input{display:none}.toggle-track{width:44px;height:24px;transition:background var(--transition);background:#d1d5db;border-radius:12px;flex-shrink:0;position:relative}.toggle input:checked+.toggle-track{background:var(--c-primary)}.toggle-track:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.pagination-bar__size{align-items:center;gap:6px;display:flex}.pagination-bar__size-label{color:var(--c-text-soft);font-size:.8rem}.pagination-bar__size-select{border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);background:var(--c-surface);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.2 2.4 5.6h11.2z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;padding:4px 24px 4px 8px;font-family:inherit;font-size:.8rem}.pagination-bar__pages{align-items:center;gap:2px;display:flex}.pg-btn{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--c-text-soft);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-family:inherit;font-size:.85rem;font-weight:500;display:flex}.pg-btn:hover:not(:disabled){background:var(--c-primary-light);color:var(--c-primary);border-color:var(--c-border)}.pg-btn:disabled{opacity:.3;cursor:not-allowed}.pg-btn--active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.pg-btn--active:hover:not(:disabled){background:var(--c-primary-hover);color:#fff}.pg-dots{text-align:center;width:32px;color:var(--c-text-soft);font-size:.85rem}.pagination-bar__info{color:var(--c-text-soft);white-space:nowrap;font-size:.8rem}.detail-row{margin-bottom:16px}.detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-soft);margin-bottom:4px;font-size:.75rem;font-weight:600}.detail-value{font-size:.9rem;line-height:1.5}.detail-value pre{white-space:pre-wrap;word-break:break-word;background:var(--c-bg);border-radius:var(--radius-sm);margin:4px 0 0;padding:12px;font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.5}.detail-meta{border-bottom:1px solid var(--c-border);flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.row-clickable{cursor:pointer}.row-new{background:#f9fafb}.row-replied{background:#f0fdf4}.row-marked{background:#eff6ff}.data-table tbody tr.row-new:hover{background:#f3f4f6}.data-table tbody tr.row-replied:hover{background:#dcfce7}.data-table tbody tr.row-marked:hover{background:#dbeafe}.card-new{background:#f9fafb}.card-replied{background:#f0fdf4;border-color:#bbf7d0}.card-marked{background:#eff6ff;border-color:#bfdbfe}.mark-btn{border:2px solid var(--c-border);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d1d5db' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px 14px;border-radius:50%;flex-shrink:0;width:26px;height:26px;padding:0;font-size:0;transition:background-color .15s,border-color .15s}.mark-btn:hover{border-color:var(--c-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234f6ef7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 5'/%3E%3C/svg%3E")}.mark-btn--active{border-color:var(--c-primary);background-color:var(--c-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 5'/%3E%3C/svg%3E")}.mobile-cards{display:none}.msg-card{border:1px solid var(--c-border);border-radius:var(--radius);cursor:pointer;transition:box-shadow var(--transition), border-color var(--transition);margin-bottom:10px;padding:14px 16px;animation:.3s both fadeIn}.msg-card:not(.card-new):not(.card-replied):not(.card-marked){background:var(--c-surface)}.msg-card:active{border-color:var(--c-primary);box-shadow:var(--shadow-sm)}.msg-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.msg-card__meta{color:var(--c-text-soft);gap:12px;font-size:.8rem;display:flex}.msg-card__text{color:var(--c-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.msg-card__response{color:var(--c-text-soft);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;font-size:.8rem;display:-webkit-box;overflow:hidden}.icard__top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.icard__user{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.icard__name{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.icard__username{color:var(--c-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.icard__date{color:var(--c-text-soft);margin-bottom:6px;font-size:.7rem}.cfg-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);margin-bottom:10px;padding:14px 16px;animation:.3s both fadeIn}.cfg-card__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cfg-card__ids{color:var(--c-text-soft);word-break:break-all;margin-bottom:8px;font-size:.8rem}.cfg-card__actions{gap:8px;margin-top:10px;display:flex}.desktop-only{display:block}table.desktop-only{display:table}.app-version{color:var(--c-text-soft);opacity:.5;cursor:pointer;transition:opacity var(--transition);font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:.7rem;position:fixed;bottom:12px;left:16px}.app-version:hover{opacity:1}.changelog-modal{max-width:600px;max-height:80vh}.translating-hint{text-align:center;color:var(--c-text-soft);padding:8px;font-size:.8rem;animation:.3s both fadeIn}.changelog-list{max-height:60vh;overflow-y:auto}.changelog-item{border-bottom:1px solid var(--c-border);padding:12px 0}.changelog-item:last-child{border-bottom:none}.changelog-item__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.changelog-sha{background:var(--c-bg);color:var(--c-primary);border-radius:4px;padding:1px 6px;font-size:.75rem}.changelog-date{color:var(--c-text-soft);font-size:.75rem}.changelog-translation{color:var(--c-text);margin-bottom:4px;font-size:.85rem;line-height:1.5}.changelog-msg{color:var(--c-text-soft);font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.4}@media (width<=768px){.app-container{padding:0 12px;overflow-x:hidden}.app-nav{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:16px;padding:12px 0}.app-nav__top{width:100%}.app-nav__brand{font-size:.95rem}.app-nav__links{flex-wrap:wrap;gap:2px;width:100%}.app-nav__links li{flex:1;min-width:0}.app-nav__links a{text-align:center;white-space:nowrap;padding:6px 8px;font-size:.75rem}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header h2{font-size:1.15rem}.btn{padding:7px 14px;font-size:.8rem}.btn-sm{padding:4px 10px;font-size:.75rem}.filters-bar{flex-direction:column;align-items:stretch;gap:8px}.filter-select,.filter-input{min-width:unset;width:100%;padding:7px 10px;font-size:16px}.filter-select{padding-right:28px}.form-input,.form-textarea,.form-select{font-size:16px}.desktop-only,table.desktop-only{display:none!important}.mobile-cards{display:block}.msg-card{margin-bottom:8px;padding:10px 12px}.msg-card__header{flex-wrap:wrap;gap:6px;margin-bottom:6px}.msg-card__meta{flex-wrap:wrap;flex:1;gap:6px;min-width:0;font-size:.75rem}.msg-card__text{font-size:.8rem;line-height:1.35}.msg-card__response{font-size:.75rem}.cfg-card{margin-bottom:8px;padding:10px 12px}.cfg-card__header{margin-bottom:4px}.cfg-card__header code{font-size:.8rem}.cfg-card__ids{margin-bottom:6px;font-size:.72rem}.cfg-card__actions{margin-top:8px}.badge{padding:1px 7px;font-size:.68rem}.mark-btn{background-size:12px 12px;border-width:1.5px;width:24px;height:24px}.modal-card{border-radius:var(--radius-sm);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:8px}.modal-header{padding:12px 14px}.modal-header h3{font-size:.95rem}.modal-body{padding:14px}.detail-meta{flex-direction:column;gap:6px;margin-bottom:14px;padding-bottom:12px}.detail-row{margin-bottom:12px}.detail-label{font-size:.68rem}.detail-value{font-size:.82rem}.detail-value pre{padding:8px;font-size:.78rem}.pagination-bar{flex-direction:column;align-items:center;gap:10px;padding:12px 0}.pagination-bar__pages{gap:1px}.pg-btn{min-width:28px;height:28px;font-size:.78rem}.pagination-bar__size{order:2}.pagination-bar__info{order:3;font-size:.75rem}.danger-banner{padding:6px 12px;font-size:.78rem}.alert-error,.alert-success{padding:10px 12px;font-size:.8rem}.empty-state{padding:32px 16px;font-size:.85rem}.changelog-modal{max-width:calc(100vw - 16px)}}