:root{--bg:#f4f6f8;--sf:#fff;--tx:#18222e;--mu:#7b8794;--bd:#e6eaef;--pr:#16a34a;--prs:color-mix(in srgb,var(--pr) 13%,transparent);--sh:0 1px 2px rgba(16,24,40,.05),0 2px 8px rgba(16,24,40,.04);color-scheme:light}
:root[data-theme="dark"]{--bg:#0e1318;--sf:#161c23;--tx:#e8edf2;--mu:#8995a3;--bd:#232b34;--sh:0 1px 2px rgba(0,0,0,.4);color-scheme:dark}
:root[data-theme="light"]{--bg:#f4f6f8;--sf:#fff;--tx:#18222e;--mu:#7b8794;--bd:#e6eaef;color-scheme:light}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
aside{width:232px;padding:18px 12px;background:var(--sf);border-right:1px solid var(--bd)}
.logo{font-weight:800;font-size:17px;padding:6px 10px 18px}.logo b{color:var(--pr)}
.nav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-weight:500;color:var(--mu)}
.nav:hover{background:var(--bg);color:var(--tx)}.nav.on{background:var(--prs);color:var(--pr)}.ic{width:18px;height:18px;flex-shrink:0}
header{background:transparent;border:0;padding:18px 24px 4px}h1{font-size:20px;font-weight:700}section{padding:12px 24px 24px}
.btn,.btn.o{background:var(--pr);border-radius:10px;font-weight:600}.btn.g{background:transparent;color:var(--tx);border:1px solid var(--bd)}
.col,.pn,.form,.row,.ac{border-radius:16px;box-shadow:var(--sh)}
.col{width:268px;background:var(--bg);padding:12px;border-top:3px solid var(--bd)}
.col:nth-child(1){border-top-color:#22c55e}.col:nth-child(2){border-top-color:#eab308}.col:nth-child(3){border-top-color:#f97316}.col:nth-child(4){border-top-color:#3b82f6}.col:nth-child(5){border-top-color:#ef4444}
.card{display:flex;gap:10px;background:var(--sf);border-radius:12px;box-shadow:var(--sh);padding:12px}.card:hover{border-color:var(--pr)}
.av{width:34px;height:34px;border-radius:50%;background:var(--prs);color:var(--pr);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.cb{min-width:0;flex:1}.cb small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag{background:var(--prs);color:var(--pr)}.li{border-left:3px solid transparent}.li.on{background:var(--prs);border-left-color:var(--pr)}
.m{border-radius:14px}.m.me{background:color-mix(in srgb,var(--pr) 20%,var(--sf));color:var(--tx)}.note{border-left-color:var(--pr)}
input,textarea,select{border-radius:10px}input:focus,textarea:focus{outline:2px solid var(--prs);border-color:var(--pr)}
#lg{background:var(--sf);border:1px solid var(--bd);border-radius:18px;box-shadow:var(--sh)}
.sw{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid var(--sf);box-shadow:0 0 0 1px var(--bd)}