:root{--c-ink-50:#faf8f4;--c-ink-100:#f6f3ee;--c-ink-200:#ece7dd;--c-ink-300:#d6cfc1;--c-ink-400:#a39c8e;--c-ink-500:#6b6557;--c-ink-600:#3f3a31;--c-ink-700:#26231d;--c-ink-800:#171612;--c-ink-900:#0e0d0b;--c-accent:#e8542c;--c-accent-hi:#ff6a3d;--c-accent-lo:#c3431e;--bg:var(--c-ink-100);--bg-elev:var(--c-ink-50);--bg-sunk:var(--c-ink-200);--fg:var(--c-ink-900);--fg-soft:#25231e;--fg-mute:#474239;--line:rgba(14, 13, 11, 0.14);--line-strong:rgba(14, 13, 11, 0.24);--accent:var(--c-accent);--accent-fg:#fff;--shadow-color:14 13 11;--ff-display:"Cormorant Garamond", "Times New Roman", Georgia, serif;--ff-sans:system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--ff-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-xs:0.25rem;--r-sm:0.5rem;--r-md:0.75rem;--r-lg:1rem;--r-xl:1.5rem;--r-pill:999px;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--d-base:320ms;--sh-1:0 4px 20px rgba(14, 13, 11, 0.03);--sh-2:0 10px 40px rgba(14, 13, 11, 0.08)}[data-theme="dark"]{--bg:var(--c-ink-900);--bg-elev:var(--c-ink-800);--bg-sunk:#070605;--fg:var(--c-ink-50);--fg-soft:var(--c-ink-300);--fg-mute:var(--c-ink-400);--line:rgba(246, 243, 238, 0.1);--line-strong:rgba(246, 243, 238, 0.22);--shadow-color:0 0 0;--sh-1:0 4px 20px rgba(0, 0, 0, 0.2);--sh-2:0 10px 40px rgba(0, 0, 0, 0.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ff-sans);font-size:1rem;line-height:1.5;color:var(--fg);background:var(--bg);padding:var(--sp-6);min-height:100vh;overflow-x:hidden;transition:background var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out);-webkit-font-smoothing:antialiased}.container{max-width:1400px;margin:0 auto;display:none}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-6);flex-wrap:wrap;gap:var(--sp-4)}.header-title-wrap h1{font-family:var(--ff-display);font-size:2.5rem;font-weight:500;font-style:italic;margin-bottom:var(--sp-1);letter-spacing:-.02em}.subtitle{color:var(--fg-mute);font-size:.95rem;border-left:2px solid var(--accent);padding-left:var(--sp-4)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}.stat-card{background:var(--bg-elev);border:1px solid var(--line);padding:var(--sp-5);border-radius:var(--r-md);box-shadow:var(--sh-1);position:relative;overflow:hidden}.stat-card h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-mute);margin-bottom:var(--sp-2)}.stat-card .val{font-family:var(--ff-display);font-style:italic;font-size:2.25rem;color:var(--fg);font-weight:500}.stat-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent)}.filter-section{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center}.filter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute);margin-right:var(--sp-2)}.chip{padding:.45rem 1rem;border-radius:var(--r-pill);background:var(--bg-elev);border:1px solid var(--line);font-size:.8rem;font-weight:500;color:var(--fg-soft);cursor:pointer;transition:all 0.2s}.chip:hover,.chip.active{background:var(--fg);color:var(--bg-elev);border-color:var(--fg)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap}.search-wrapper{position:relative;flex:1;max-width:320px}.search-input{width:100%;padding:.85rem 1.2rem .85rem 3rem;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg-elev);color:var(--fg);outline:none;font-size:.95rem;transition:border-color 0.2s,box-shadow 0.2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(232 84 44 / .1)}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--fg-mute);pointer-events:none;display:flex;align-items:center}.controls-group{display:flex;gap:var(--sp-2);flex-wrap:wrap}.sort-wrapper{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-elev);border:1px solid var(--line);padding:.45rem 1rem;border-radius:var(--r-pill)}.sort-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute)}.sort-select{border:none;background:#fff0;color:var(--fg-soft);font-size:.85rem;font-weight:500;outline:none;cursor:pointer}.action-btns{display:flex;gap:var(--sp-3)}button{background:var(--fg);color:var(--bg-elev);border:none;padding:.75rem 1.5rem;border-radius:var(--r-pill);cursor:pointer;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all 0.2s}button:hover{transform:translateY(-2px);box-shadow:var(--sh-1)}.export-btn{background:#2c7a4d}.export-btn:hover{background:#225c38}.clear-btn{background:#9e2a2a}.clear-btn:hover{background:#7c2121}.logout-btn{background:var(--fg-soft)}.table-wrap{background:var(--bg-elev);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1);overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:1.2rem 1.5rem;border-bottom:1px solid var(--line)}th{background:rgb(14 13 11 / .02);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute)}tbody tr{cursor:pointer;transition:background 0.15s}tbody tr:hover{background:rgb(232 84 44 / .02)}tbody tr.selected{background:rgb(232 84 44 / .04)}.status-cell{width:20px;padding-right:0;text-align:center}.dot-unread{width:8px;height:8px;background:var(--accent);border-radius:50%;display:inline-block;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.2);opacity:1}100%{transform:scale(.9);opacity:.6}}.truncate{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem;color:var(--fg-soft)}.tag-badge{background:rgb(14 13 11 / .04);padding:.25rem .65rem;border-radius:20px;font-size:.8rem;display:inline-block;margin:2px}[data-theme="dark"] .tag-badge{background:rgb(246 243 238 / .06)}.theme-btn{background:var(--bg-elev);color:var(--fg);border:1px solid var(--line);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}.theme-btn:hover{background:var(--bg-sunk);transform:scale(1.05)}.theme-btn svg{width:18px;height:18px;display:block}.theme-btn .i-moon{display:none}.theme-btn .i-sun{display:block}[data-theme="dark"] .theme-btn .i-sun{display:none}[data-theme="dark"] .theme-btn .i-moon{display:block}.drawer{position:fixed;top:0;right:0;width:500px;height:100%;background:var(--bg-elev);box-shadow:-10px 0 40px rgb(0 0 0 / .06);z-index:500;transform:translateX(100%);transition:transform 0.35s cubic-bezier(.16,1,.3,1);border-left:1px solid var(--line);display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-header{padding:2.25rem 2rem 1.75rem 2rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-header h2{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:1.5rem}.close-drawer{background:none;color:var(--fg);font-size:1.8rem;padding:.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;width:36px;height:36px}.close-drawer:hover{background:var(--bg);transform:none}.drawer-body{padding:2rem;overflow-y:auto;flex:1}.detail-group{margin-bottom:1.75rem;position:relative}.detail-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-mute);margin-bottom:.45rem;font-weight:600}.detail-val{font-size:1.05rem;font-weight:500;color:var(--fg);display:flex;align-items:center;justify-content:space-between;gap:1rem}.copy-utility-btn{background:none;color:var(--accent);border:none;padding:2px 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:var(--r-xs);display:none}.detail-group:hover .copy-utility-btn{display:inline-block}.copy-utility-btn:hover{background:rgb(232 84 44 / .08);transform:none}.detail-val.msg-text{background:var(--bg);padding:1.5rem;border-radius:var(--r-md);font-size:.95rem;line-height:1.65;white-space:pre-wrap;border:1px solid var(--line);display:block}.drawer-actions{padding:1.75rem 2rem;border-top:1px solid var(--line);background:rgb(14 13 11 / .01);display:flex;gap:1rem}.drawer-actions button{flex:1;justify-content:center}.auth-overlay{background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;height:max-content}.auth-card{background:var(--bg-elev);padding:3.5rem;border-radius:var(--r-lg);box-shadow:var(--sh-2);width:100%;max-width:440px;text-align:center;border:1px solid var(--line);z-index:10;margin-bottom:2.5rem}.auth-card h2{font-family:var(--ff-display);font-style:italic;font-weight:500;margin-bottom:1.5rem;font-size:1.8rem}.error-desc{margin-bottom:1.5rem}.auth-card input{width:100%;padding:.95rem 1.25rem;border:1px solid var(--line);border-radius:var(--r-pill);margin-bottom:1.5rem;font-size:1rem;outline:none;background:var(--bg);color:var(--fg)}.auth-card input:focus{border-color:var(--accent)}.auth-card button{width:100%;padding:.95rem;border-radius:var(--r-pill);background:var(--fg);color:var(--bg-elev);font-size:1rem;font-weight:600;display:inline;text-align:center}.empty{padding:5rem;text-align:center;color:var(--fg-mute);font-size:1rem}footer{margin-top:2.5rem}@media (max-width:900px){body{padding:var(--sp-4)}.drawer{width:100%}}