:root{background:#f4f6f8;color:#20242a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{align-items:center;background:#20242a;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:.45rem;justify-content:center;min-height:42px;padding:.65rem .85rem}button:disabled{background:#aab4bd;cursor:not-allowed}input{border:1px solid #cbd4dc;border-radius:8px;min-height:42px;padding:.65rem .75rem}a{align-items:center;color:#0f6b8f;display:inline-flex;gap:.35rem;text-decoration:none}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #d8e0e6;display:grid;gap:1.1rem;grid-template-rows:auto auto 1fr auto;padding:1rem}.eyebrow{color:#9b4056;font-size:.76rem;font-weight:800;letter-spacing:0;margin:0 0 .5rem;text-transform:uppercase}h1{font-size:2.35rem;line-height:.95;margin:0}h2,h3{margin:0 0 .75rem}nav,.sidebar section,.notification-list,.account-list{display:grid;gap:.55rem}.nav-button,.source-button{background:#eef2f4;color:#20242a;justify-content:flex-start}.nav-button.active,.source-button.active,.chip.active{background:#20242a;color:#fff}.logout,.danger{background:#8e3249}.content{min-width:0;padding:1.1rem}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.chip{background:#e8edf1;color:#20242a;min-height:34px;padding:.45rem .7rem}.filters label{align-items:center;display:inline-flex;gap:.45rem}.filters input{min-height:auto}.notification-card,.connector,.login-panel,.account-row{background:#fff;border:1px solid #d8e0e6;border-radius:8px;padding:.9rem}.notification-card.unread{background:#fff0f4;box-shadow:inset 4px 0 #b53d5a}.notification-card>div,.notification-card footer,.account-row{align-items:center;display:flex;gap:.7rem;justify-content:space-between}.notification-card p,.connector p,.empty,time,.account-row span,.hero p{color:#66737f}.notification-card footer{justify-content:flex-start;margin-top:.8rem}.notice{background:#fff8e5;border:1px solid #e4c97a;border-radius:8px;color:#715b10;padding:.75rem}.banner{background:#fff0f0;border:1px solid #e2a0a0;border-radius:8px;padding:.75rem}.connector-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:1.25rem}.custom-form{display:grid;gap:.55rem}.public-page{align-content:center;display:grid;justify-items:center;min-height:100vh;padding:1.25rem;text-align:center}.hero{max-width:760px}.hero h1{font-size:clamp(3rem,10vw,7rem)}.login-panel{display:grid;gap:.7rem;margin-top:1rem;max-width:420px;width:100%}.error{color:#a62e2e;margin:0}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d8e0e6}.topbar,.notification-card>div,.account-row{align-items:flex-start;flex-direction:column}}