:root{--bg:#f4f5f7;--panel:#fff;--border:#e2e4e9;--text:#1a1d23;--muted:#6b7280;--accent:#1d4ed8;--accent-soft:#dbeafe;--danger:#b91c1c;--radius:8px;--shadow:0 1px 2px #1018280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111318;--panel:#1a1d24;--border:#2a2e37;--text:#e7e9ee;--muted:#9aa1ad;--accent:#60a5fa;--accent-soft:#1e3a5f;--danger:#f87171;--shadow:none}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;font-weight:650}h1{font-size:1.35rem}h2{font-size:1.05rem}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.45rem .6rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--muted);margin-bottom:.25rem;font-size:.8rem;font-weight:550;display:block}button{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.45rem .9rem}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{opacity:.9}.shell{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:.25rem;height:100vh;padding:1rem .75rem;display:flex;position:sticky;top:0}.sidebar .brand{padding:.25rem .6rem 1rem;font-size:1rem;font-weight:700}.sidebar a{color:var(--text);border-radius:var(--radius);padding:.45rem .6rem}.sidebar a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar .spacer{flex:1}.sidebar .who{color:var(--muted);padding:0 .6rem .5rem;font-size:.78rem}.content{min-width:0;padding:1.25rem 1.5rem}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem}td{border-bottom:1px solid var(--border);padding:.55rem .75rem}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--accent-soft)}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.stat .label{color:var(--muted);font-size:.78rem}.stat .value{font-size:1.4rem;font-weight:700}.tabs{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:3px;display:inline-flex}.tabs button{border-radius:calc(var(--radius) - 3px);color:var(--muted);background:0 0;border:none;padding:.35rem .8rem}.tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.kanban{grid-auto-columns:minmax(200px,1fr);grid-auto-flow:column;align-items:start;gap:.75rem;display:grid;overflow-x:auto}.kanban .col{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-height:300px;padding:.5rem}.kanban .col.drag-over{border-color:var(--accent)}.kanban .col h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);justify-content:space-between;padding:.25rem .35rem;font-size:.78rem;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:grab;margin-bottom:.5rem;padding:.6rem .7rem}.card .title{font-weight:600}.card .meta{color:var(--muted);justify-content:space-between;margin-top:.25rem;font-size:.78rem;display:flex}.badge{background:var(--accent-soft);color:var(--accent);text-transform:capitalize;border-radius:99px;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.badge.won{color:#15803d;background:#dcfce7}.badge.lost{color:#b91c1c;background:#fee2e2}@media (prefers-color-scheme:dark){.badge.won{color:#4ade80;background:#143322}.badge.lost{color:#f87171;background:#3b1a1a}}.form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-grid .full{grid-column:1/-1}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);width:min(520px,90vw);padding:1.25rem}dialog::backdrop{background:#00000073}.dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--border);margin-left:.4rem;padding:0 0 .9rem .9rem;position:relative}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:-5px}.timeline .when{color:var(--muted);font-size:.75rem}.inbox{grid-template-columns:280px 1fr;align-items:start;gap:.75rem;display:grid}.thread-list{padding:.25rem}.thread-list .item{border-radius:var(--radius);cursor:pointer;padding:.6rem .7rem}.thread-list .item:hover{background:var(--bg)}.thread-list .item.active{background:var(--accent-soft)}.thread-list .who{font-weight:600}.thread-list .subject{color:var(--muted);font-size:.8rem}.messages{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.msg{border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);max-width:75%;padding:.5rem .75rem}.msg.mine{background:var(--accent-soft);border-color:#0000;align-self:flex-end}.msg .who{color:var(--muted);margin-bottom:.1rem;font-size:.72rem;font-weight:600}.composer{gap:.5rem;display:flex}.auth{gap:.6rem;max-width:360px;margin:14vh auto;display:grid}.error{color:var(--danger);font-size:.85rem}.empty{color:var(--muted);text-align:center;padding:1.5rem}