:root{--font-display:serif;--font-body:sans-serif;--radius:0}*,:after,:before{box-sizing:border-box}body{font-family:var(--font-body)}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}:root{--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--ink-50:#f7f7f8;--ink-100:#eceef0;--ink-200:#d5d9de;--ink-300:#b1b8c1;--ink-400:#8892a0;--ink-500:#667085;--ink-600:#4b5566;--ink-700:#363e4c;--ink-800:#232833;--ink-900:#14171d;--ink-950:#0a0c0f;--surface-0:#fff;--surface-100:#f7f7f8;--surface-200:#eceef0;--accent-400:#4f7cff;--accent-500:#3660e6;--accent-600:#2a4bc0;--status-pending:#b8860b;--status-approved:#1a7f4e;--status-rejected:#b3261e;--radius:.375rem}body{color:var(--ink-800);background-color:var(--surface-100);margin:0;font-size:.9375rem;line-height:1.5}h1,h2,h3{font-family:var(--font-display);margin:0}p{margin:0}.app-shell{min-height:100vh;display:flex}.app-shell__main{flex:1;padding:2rem}.sidebar{background-color:var(--surface-0);border-right:1px solid var(--ink-200);flex-direction:column;flex-shrink:0;width:15rem;padding:1.5rem 1rem;display:flex}.sidebar__site{font-family:var(--font-display);color:var(--ink-900);margin-bottom:2rem;font-size:1.0625rem;font-weight:600}.sidebar__nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar__link{border-radius:var(--radius);color:var(--ink-600);align-items:center;gap:.625rem;padding:.5rem .75rem;font-weight:500;display:flex}.sidebar__link:hover{background-color:var(--surface-100);color:var(--ink-900)}.sidebar__link--active{background-color:var(--accent-400);color:var(--surface-0)}.sidebar__icon{font-size:1rem}.sidebar__footer{border-top:1px solid var(--ink-200);justify-content:space-between;align-items:center;gap:.5rem;padding-top:1rem;display:flex}.sidebar__user{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__signout,.sidebar__user{color:var(--ink-500);font-size:.8125rem}.sidebar__signout{cursor:pointer;background:0 0;border:none;padding:0}.sidebar__signout:hover{color:var(--ink-900)}.login{justify-content:center;min-height:100vh}.login,.login__card{align-items:center;display:flex}.login__card{background-color:var(--surface-0);border:1px solid var(--ink-200);border-radius:var(--radius);flex-direction:column;gap:1.5rem;padding:2.5rem}.login__site{font-family:var(--font-display);color:var(--ink-900);font-size:1.125rem;font-weight:600}.login__button{background-color:var(--ink-900);color:var(--surface-0);border-radius:var(--radius);align-items:center;padding:.625rem 1.25rem;font-weight:500;display:inline-flex}.login__button:hover{background-color:var(--ink-800)}.comments-page__title{margin-bottom:1.5rem;font-size:1.375rem}.state-empty,.state-error,.state-loading{color:var(--ink-500)}.comments-table{border-collapse:collapse;background-color:var(--surface-0);border:1px solid var(--ink-200);border-radius:var(--radius);width:100%;overflow:hidden}.comments-table td,.comments-table th{text-align:left;border-bottom:1px solid var(--ink-200);vertical-align:top;padding:.75rem 1rem}.comments-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-500);background-color:var(--surface-100);font-size:.75rem}.comments-table tr:last-child td{border-bottom:none}.comments-table__actions{white-space:nowrap;gap:.5rem;display:flex}.status-badge{color:var(--surface-0);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge--pending{background-color:var(--status-pending)}.status-badge--approved{background-color:var(--status-approved)}.status-badge--rejected{background-color:var(--status-rejected)}.btn{border-radius:var(--radius);cursor:pointer;color:var(--surface-0);border:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.btn--approve{background-color:var(--status-approved)}.btn--reject{background-color:var(--status-rejected)}