@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");:root{--bg:#fafafa;--surface:#ffffff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--primary:#000000;--primary-hover:#374151;--discord:#5865F2}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--surface:#121212;--text-main:#f3f4f6;--text-muted:#9ca3af;--border:#27272a;--primary:#ffffff;--primary-hover:#e5e5e5}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.landing-card{max-width:400px;width:100%;text-align:center}h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem}.btn-discord{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem;background-color:var(--discord);color:white;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-discord:hover{opacity:.9}.layout{max-width:1200px;margin:0 auto;padding:2rem}header{justify-content:space-between;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.user-nav,header{display:flex;align-items:center}.user-nav{gap:1rem}.btn-logout,.user-nav{font-size:.9rem;color:var(--text-muted)}.btn-logout{background:none;border:none;cursor:pointer}.btn-logout:hover{color:var(--text-main)}.controls{display:flex;gap:1rem;margin-bottom:1.5rem}.input,.select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-main);font-family:inherit;font-size:.9rem;outline:none}.input{flex:1 1;max-width:300px}.input:focus,.select:focus{border-color:var(--text-muted)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}td,th{padding:.875rem 1rem;border-bottom:1px solid var(--border)}th{font-weight:500;color:var(--text-muted)}tr:last-child td{border-bottom:none}.row-clickable:hover{background-color:var(--bg);cursor:pointer}.time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tag,.time{color:var(--text-muted)}.tag{display:inline-block;padding:.125rem .5rem;border-radius:9999px;background:var(--bg);border:1px solid var(--border);font-size:.75rem}.msg{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:4rem;text-align:center;color:var(--text-muted);font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--surface);width:100%;max-width:600px;border-radius:8px;border:1px solid var(--border);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.detail{margin-bottom:1rem}.detail-lbl{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.detail-val{font-size:.95rem;word-break:break-word}.detail-pre{background:var(--bg);padding:1rem;border-radius:6px;border:1px solid var(--border);font-family:monospace;font-size:.85rem;overflow-x:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);text-align:right;background:var(--bg)}.btn-delete{padding:.5rem 1rem;background:#ef4444;color:white;border:none;border-radius:6px;font-size:.85rem;cursor:pointer}.btn-delete:hover{background:#dc2626}.btn-close{background:none;border:none;cursor:pointer;font-size:1.25rem}.btn-close,.pagination{color:var(--text-muted)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg);border-top:1px solid var(--border);font-size:.85rem}.page-controls{display:flex;gap:.5rem}.btn-page{padding:.25rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-main);cursor:pointer}.btn-page:disabled{opacity:.5;cursor:not-allowed}