:root{color-scheme:light}html{scroll-behavior:smooth}body{min-width:320px}.logo-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#c9f24d;color:#172329;font-weight:800;letter-spacing:-1px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;border-radius:.65rem;color:rgba(255,255,255,.58);transition:.2s}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.09);color:#fff}.nav-item.active:after{content:'';width:5px;height:5px;border-radius:50%;background:#c9f24d;margin-left:auto}.btn-primary,.btn-secondary,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.7rem;font-size:.875rem;font-weight:600;transition:.18s}.btn-primary{background:#172329;color:#fff;padding:.65rem 1rem}.btn-primary:hover{background:#2c3c43;transform:translateY(-1px)}.btn-secondary{border:1px solid #dfe4df;background:#fff;padding:.65rem 1rem}.btn-secondary:hover,.icon-btn:hover{border-color:#98a39f;background:#f5f6f3}.icon-btn{height:2.3rem;min-width:2.3rem;border:1px solid #dfe4df;background:#fff}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:#6f7d83}.metric{background:#fff;border:1px solid #dfe4df;border-radius:1rem;padding:1.2rem;min-height:142px;display:flex;flex-direction:column;align-items:flex-start}.metric p{font-size:.78rem;color:#6f7d83}.metric strong{font-size:2rem;line-height:1.1;margin-top:.75rem}.metric>span:last-child{font-size:.7rem;color:#6f7d83;margin-top:auto}.badge{font-size:.65rem!important;padding:.25rem .45rem;border-radius:99px}.badge.positive{background:#e9f8ee;color:#237642!important}.badge.warn{background:#fff2df;color:#a05a00!important}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:.64rem;color:#7c888c;font-weight:600;padding:.75rem 1rem;background:#fafbf9;border-bottom:1px solid #e5e9e5}td{padding:1rem;border-bottom:1px solid #edf0ed}tbody tr{transition:.15s}tbody tr:hover{background:#fafbf9}.client-dot{--client:#999;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--client) 14%,white);color:var(--client);display:grid;place-items:center;font-size:.7rem;font-weight:800;text-transform:uppercase}.source-chip{width:29px;height:29px;border:1px solid #dfe4df;border-radius:8px;display:grid;place-items:center;font-size:.65rem;font-weight:700;background:#fff}.status{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .5rem;border-radius:99px;font-size:.65rem;font-weight:600}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.on{background:#e9f8ee;color:#237642}.status.off{background:#eef0ee;color:#6f7d83}.avatar{width:28px;height:28px;border:2px solid #fff;background:#e9eeea;border-radius:50%;display:grid;place-items:center;font-size:.6rem;color:#536159}.search{height:2.3rem;border:1px solid #dfe4df;border-radius:.7rem;display:flex;align-items:center;gap:.4rem;padding:0 .7rem;color:#87928e}.search input{outline:none;width:140px;background:transparent;font-size:.8rem;color:#172329}.todo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;background:rgba(255,255,255,.04)}.todo strong{font-size:.78rem;font-weight:600}.todo p{font-size:.68rem;color:rgba(255,255,255,.48);margin-top:.2rem}.todo>span:last-child{font-size:.6rem;color:rgba(255,255,255,.45)}.priority{font-size:.58rem;font-weight:700;padding:.25rem .4rem;border-radius:.3rem}.priority.high{background:#ffddd8;color:#a42d20}.priority.med{background:#fff0c7;color:#8b6100}.connection{display:flex;align-items:center;gap:.8rem}.connection strong{font-size:.82rem}.connection p{font-size:.68rem;color:#6f7d83;margin-top:.15rem}.source-logo{height:36px;width:36px;display:grid;place-items:center;border-radius:9px;font-weight:700}.source-logo.google{background:#eef4ff;color:#2671dc}.source-logo.sistrix{background:#fff0ea;color:#e66027}.modal{position:fixed;inset:0;z-index:50;background:rgba(9,17,20,.55);backdrop-filter:blur(3px);display:flex;justify-content:flex-end}.modal.hidden{display:none}.modal-panel{height:100%;width:min(660px,100%);background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.14);display:flex;flex-direction:column;animation:slidein .25s ease-out}@keyframes slidein{from{transform:translateX(30px);opacity:.4}}.field,.label{display:block;font-size:.74rem;font-weight:600;color:#4f5d62}.field input,.field select,.source-option select{display:block;width:100%;height:42px;border:1px solid #dfe4df;border-radius:.65rem;padding:0 .75rem;margin-top:.4rem;background:#fff;font-size:.82rem;outline:none;color:#172329}.field input:focus,.field select:focus,.tag-input:focus-within{border-color:#172329;box-shadow:0 0 0 3px rgba(23,35,41,.08)}.source-option{border:1px solid #dfe4df;border-radius:.8rem;padding:.8rem;display:grid;grid-template-columns:auto auto 1fr;gap:.65rem;align-items:center}.source-option>span strong,.source-option>span small{display:block;font-size:.72rem}.source-option>span small{color:#6f7d83;margin-top:.15rem}.source-option select{grid-column:1/-1;margin:0}.tag-input{min-height:46px;border:1px solid #dfe4df;border-radius:.7rem;padding:.35rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.tag-input input{border:0;outline:0;min-width:230px;flex:1;padding:.35rem;font-size:.8rem}.recipient-tag{display:inline-flex;align-items:center;gap:.3rem;background:#edf1ed;padding:.35rem .5rem;border-radius:.45rem;font-size:.7rem}.recipient-tag button{color:#7b8883}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#172329;color:#fff;border-radius:.7rem;padding:.75rem 1rem;font-size:.8rem;z-index:70;transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast.show{transform:translate(-50%,0);opacity:1}.is-readonly input:not(#recipientInput),.is-readonly select,.is-readonly .source-option input{pointer-events:none;opacity:.6;background:#f5f6f3}@media(max-width:1023px){aside{min-height:68px;position:sticky;top:0;z-index:30}header{top:68px}}@media(max-width:640px){.modal-panel{width:100%}.todo{grid-template-columns:auto 1fr}.todo>span:last-child{display:none}}