:root{color-scheme:light dark;--navy: #212d4d;--navy-deep: #161d36;--brass: #d7b25b;--brass-deep: #8f7231;--cream: #f4ead2;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--r-xs: 5px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--bg: #efe7d3;--bg-2: #f4ecda;--surface: #fffdf9;--surface-2: #f6efdf;--surface-hover: #f1e9d5;--border: #e6dcc2;--border-strong: #d6c8a3;--shadow: 0 1px 2px rgba(33, 45, 77, .06), 0 6px 20px rgba(33, 45, 77, .08);--shadow-lg: 0 12px 40px rgba(33, 45, 77, .18);--text: #212d4d;--text-muted: #6a6552;--text-subtle: #948d76;--accent: #a67d24;--accent-hover: #8f6c1e;--accent-ink: #2b2205;--accent-surface: #d7b25b;--focus: #b98f2a;--ok-bg: #e2efe0;--ok-fg: #2f6b3d;--ok-bd: #c9e3c6;--warn-bg: #f6ebcc;--warn-fg: #8a6510;--warn-bd: #ebd9a8;--danger-bg: #f7e1dd;--danger-fg: #a3352b;--danger-bd: #eecac3;--info-bg: #f3e8c8;--info-fg: #7f5f18;--info-bd: #e7d5a4;--muted-bg: #ece4d1;--muted-fg: #6a6552;--muted-bd: #ddd2b8}@media(prefers-color-scheme:dark){:root{--bg: #10162a;--bg-2: #141b32;--surface: #1d2745;--surface-2: #23305a;--surface-hover: #283461;--border: #33406b;--border-strong: #44528a;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 26px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--text: #f1e9d4;--text-muted: #b5b6c4;--text-subtle: #838aa6;--accent: #dcb85f;--accent-hover: #e7c576;--accent-ink: #201a06;--accent-surface: #d7b25b;--focus: #dcb85f;--ok-bg: #1c3a2b;--ok-fg: #86d69f;--ok-bd: #2d5540;--warn-bg: #3a321d;--warn-fg: #e7c569;--warn-bd: #564b29;--danger-bg: #3d2421;--danger-fg: #f0958c;--danger-bd: #5c3733;--info-bg: #34301b;--info-fg: #e8ca77;--info-bd: #524826;--muted-bg: #283256;--muted-fg: #b5b6c4;--muted-bd: #3a4570}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);background-image:radial-gradient(1200px 700px at 100% -10%,var(--bg-2),transparent 60%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column}h1,h2,h3,p{margin:0}button{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(button,a,[role=tab],input):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}.app{display:flex;flex-direction:column;min-height:100%}.app__top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:saturate(1.2) blur(10px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) clamp(var(--sp-4),4vw,var(--sp-6));border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:center;gap:var(--sp-3)}.topbar__logo{display:block;border-radius:9px;box-shadow:var(--shadow)}.topbar__word{display:flex;flex-direction:column;line-height:1.1}.topbar__name{font-weight:700;letter-spacing:.2px}.topbar__sub{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);font-weight:600}.topbar__user{display:flex;align-items:center;gap:var(--sp-3)}.topbar__id{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.topbar__uname{font-weight:600;max-width:22ch}@media(max-width:640px){.topbar__uname{display:none}}.tabs{display:flex;gap:var(--sp-1);padding:0 clamp(var(--sp-4),4vw,var(--sp-6));border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;appearance:none;border:0;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;padding:var(--sp-3) var(--sp-3);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--sp-2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.tab:hover{color:var(--text)}.tab--active{color:var(--text);border-bottom-color:var(--accent-surface)}.tab__badge{font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--accent-surface);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(var(--sp-4),3vw,var(--sp-6)) clamp(var(--sp-4),4vw,var(--sp-6)) var(--sp-7)}.section{display:flex;flex-direction:column;gap:var(--sp-4)}.section+.section{margin-top:var(--sp-6)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.section__title{font-size:18px;font-weight:700;letter-spacing:.2px}.section__hint{color:var(--text-subtle);font-size:13px}.section__count{color:var(--text-subtle);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:var(--sp-4)}.stat{position:relative;text-align:left;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);min-width:0}.stat__label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--text-subtle)}.stat__value{font-size:30px;font-weight:700;line-height:1.05;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat__hint{font-size:12.5px;color:var(--text-muted)}button.stat{appearance:none;font:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}button.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.stat--accent{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-surface) 16%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent-surface) 45%,var(--border))}.stat--accent .stat__label{color:var(--accent)}.stat--accent:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:var(--r-md) 0 0 var(--r-md);background:var(--accent-surface)}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;line-height:1.7;border-radius:var(--r-pill);border:1px solid transparent;white-space:nowrap;text-transform:capitalize}.pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.pill--ok{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-bd)}.pill--warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bd)}.pill--danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-bd)}.pill--info,.pill--accent{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-bd)}.pill--muted{background:var(--muted-bg);color:var(--muted-fg);border-color:var(--muted-bd)}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px 15px;font-size:14px;font-weight:600;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .05s ease,opacity .14s ease}.btn:hover{background:var(--surface-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.btn--sm{padding:6px 11px;font-size:13px}.btn--block{width:100%}.btn--accent{background:var(--accent-surface);border-color:transparent;color:var(--accent-ink);box-shadow:0 1px 2px #212d4d24}.btn--accent:hover{background:color-mix(in srgb,var(--accent-surface) 88%,#000)}.btn--ghost{background:transparent}.btn--ghost:hover{background:var(--surface-hover)}.btn--danger{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--danger-fg)}.btn--danger:hover{background:color-mix(in srgb,var(--danger-bg) 82%,var(--danger-fg))}.btn--google{background:var(--surface);border-color:var(--border-strong);color:var(--text);padding:11px 18px;font-size:15px}.btn--google:hover{background:var(--surface-hover)}.btn__spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;opacity:.8}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden}.table-wrap{width:100%;overflow-x:auto}table.table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}table.table thead th{position:sticky;top:0;z-index:1;text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--text-subtle);background:var(--surface-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);white-space:nowrap}table.table tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}table.table tbody tr:last-child td{border-bottom:0}table.table tbody tr{transition:background .1s ease}table.table tbody tr:hover{background:var(--surface-2)}th.col-num,td.col-num{text-align:right;font-variant-numeric:tabular-nums}td.col-strong{font-weight:600}.row-link{cursor:pointer}.row-link:hover{background:var(--surface-hover)!important}.cell-title{display:flex;flex-direction:column;gap:1px;min-width:0}.cell-title small{color:var(--text-subtle);font-size:12px}.cell-title--pill{align-items:flex-start;gap:4px}.cell-user{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.cell-user__meta{display:flex;flex-direction:column;min-width:0}.cell-user__meta small{color:var(--text-subtle);font-size:12px}.actions{display:flex;gap:var(--sp-2);justify-content:flex-end;flex-wrap:wrap}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.self-tag{font-size:11px;color:var(--text-subtle);font-weight:600}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:var(--cream);font-weight:700;letter-spacing:.3px;border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.auth{flex:1;min-height:100%;display:grid;place-items:center;padding:var(--sp-5);background:radial-gradient(900px 500px at 50% -10%,color-mix(in srgb,var(--brass) 12%,transparent),transparent 60%)}.auth__card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-6) var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.auth__logo{border-radius:14px;box-shadow:var(--shadow)}.auth__title{font-size:24px;font-weight:700;margin-top:var(--sp-2)}.auth__subtitle{color:var(--text-muted);font-size:14px}.auth__email{color:var(--text-subtle);font-size:13px}.auth__foot{color:var(--text-subtle);font-size:12.5px;margin-top:var(--sp-1)}.auth .btn{margin-top:var(--sp-3)}.banner{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);font-size:13.5px;font-weight:500;border:1px solid transparent;text-align:left}.banner--warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bd)}.banner--info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-bd)}.banner--danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-bd)}.viewstate{display:grid;place-items:center;text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--text-muted)}.viewstate .btn{margin-top:var(--sp-4)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.empty__logo{opacity:.7;margin-bottom:var(--sp-2)}.empty__title{font-weight:600;color:var(--text);font-size:15px}.empty__detail{color:var(--text-subtle);font-size:13.5px;max-width:42ch}.spinner{display:inline-flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--text-muted)}.spinner__ring{width:26px;height:26px;border:3px solid var(--border-strong);border-right-color:var(--accent-surface);border-radius:50%;animation:spin .75s linear infinite}.spinner__label{font-size:13.5px}@keyframes spin{to{transform:rotate(360deg)}}.fullscreen{flex:1;min-height:100%;display:grid;place-items:center}.drawer{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}.drawer__backdrop{position:absolute;inset:0;background:#0f142680;backdrop-filter:blur(2px);animation:fade .18s ease}.drawer__panel{position:relative;width:min(560px,100%);height:100%;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slide-in .22s cubic-bezier(.22,1,.36,1)}.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);background:var(--surface-2)}.drawer__title{font-size:17px;font-weight:700}.drawer__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2);align-items:center}.drawer__meta small{color:var(--text-subtle);font-size:12.5px}.drawer__close{appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);width:32px;height:32px;border-radius:var(--r-sm);font-size:20px;line-height:1;cursor:pointer;flex:none}.drawer__close:hover{background:var(--surface-hover);color:var(--text)}.drawer__body{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-5)}.transcript{display:flex;flex-direction:column;gap:var(--sp-3)}.msg{display:flex;flex-direction:column;gap:3px}.msg__meta{display:flex;align-items:baseline;gap:var(--sp-2)}.msg__sender{font-weight:600;font-size:13.5px}.msg__time{color:var(--text-subtle);font-size:12px;font-variant-numeric:tabular-nums}.msg__edited{color:var(--text-subtle);font-size:11px;font-style:italic}.msg__body{background:var(--surface-2);border:1px solid var(--border);border-radius:4px var(--r-sm) var(--r-sm) var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.msg__media{color:var(--text-muted);font-style:italic}.request-list{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.request{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow)}.request__top{display:flex;align-items:center;gap:var(--sp-3)}.request__meta{flex:1;min-width:0;display:flex;flex-direction:column}.request__name{font-weight:600}.request__email{color:var(--text-subtle);font-size:12.5px}.request__time{color:var(--text-subtle);font-size:12px;margin-top:2px}.request__actions{display:flex;gap:var(--sp-2)}.toast-stack{position:fixed;right:var(--sp-4);bottom:var(--sp-4);z-index:80;display:flex;flex-direction:column;gap:var(--sp-2);max-width:min(360px,calc(100vw - 2 * var(--sp-4)))}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-lg);animation:toast-in .22s cubic-bezier(.22,1,.36,1)}.toast__dot{width:8px;height:8px;border-radius:50%;flex:none}.toast--info .toast__dot{background:var(--accent-surface)}.toast--success .toast__dot{background:var(--ok-fg)}.toast--error .toast__dot{background:var(--danger-fg)}.toast__msg{flex:1;font-size:13.5px}.toast__close{appearance:none;border:0;background:transparent;color:var(--text-subtle);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}.toast__close:hover{color:var(--text)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.version-badge{position:fixed;right:10px;bottom:8px;z-index:60;pointer-events:none;color:var(--text-subtle);opacity:.6;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em;user-select:none}