:root{--bg: #0f1419;--card: #1a2332;--card-done: #1a2e22;--card-done-border: #3d6b4f;--border: #2d3a4f;--text: #e6edf3;--muted: #8b9cb3;--accent: #3b82f6;--ok: #4ade80;--ok-bg: rgba(74, 222, 128, .12);--err: #ef4444}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}#root{min-height:100vh}.muted{color:var(--muted)}.error{color:var(--err)}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.header h1{margin:0;font-size:1.25rem}.sub{color:var(--muted);font-size:.9rem;margin-top:.25rem}.header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.main{padding:1.5rem;max-width:1600px;margin:0 auto}button,select,input,textarea{font:inherit}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.45rem .85rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.btn-secondary{background:#475569}button.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.btn-danger{background:#7f1d1d}button.btn-ok{background:#15803d}select,input,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.45rem .65rem;width:100%}textarea{resize:vertical;min-height:4rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;width:min(100%,360px);display:flex;flex-direction:column;gap:.75rem}.login-card h1{margin:0}.banner{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.banner.error{background:#ef444426;border:1px solid rgba(239,68,68,.4)}.board-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-bottom:.75rem}.col-title{font-weight:600;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;min-width:0}.board-rows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1rem;row-gap:.75rem}.board-row{display:contents}.board-row>.card{min-width:0;width:100%;max-width:100%;height:100%}.board-divider{grid-column:1 / -1;text-align:center;color:var(--ok);font-size:.85rem;padding:.5rem 0;border-top:1px dashed var(--card-done-border);margin-top:.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;min-height:120px;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--muted);justify-content:space-between;flex-shrink:0;min-width:0}.card-meta>span{min-width:0;overflow-wrap:anywhere}.badge-done{color:var(--ok);font-size:125%;font-weight:600}.card-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;flex:1 1 auto;min-height:0;max-height:14rem;overflow-x:hidden;overflow-y:auto}.card-people{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--muted);flex-shrink:0;min-width:0;overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;flex-shrink:0;padding-top:.5rem}.exec-empty{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}.exec-card.readonly .card-text{color:#b8e6c8}.empty-hint{color:var(--muted);text-align:center;padding:2rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;width:min(100%,480px);display:flex;flex-direction:column;gap:.75rem}.modal h2{margin:0}.modal-hint{margin:0;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}@media(max-width:900px){.board-head,.board-rows,.mail-layout .mail-panels{grid-template-columns:1fr}}.btn-link{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:8px;border:1px solid var(--border);color:var(--text);text-decoration:none;background:transparent}.btn-link:hover{border-color:var(--accent);color:var(--accent)}.btn-link.mail-link-alert{border-color:#22c55e;color:#16a34a;background:#22c55e24;box-shadow:0 0 0 2px #22c55e40;animation:mail-link-pulse 2.4s ease-in-out infinite}@keyframes mail-link-pulse{0%,to{box-shadow:0 0 0 2px #22c55e40}50%{box-shadow:0 0 0 4px #22c55e66}}.mail-search{min-width:min(280px,100%);padding:.45rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.mail-search:focus{outline:none;border-color:var(--accent)}.mail-layout .mail-panels{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:1rem;min-height:60vh}.mail-list,.mail-detail{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.mail-list{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto}.mail-item{display:block;width:100%;text-align:left;padding:.85rem 1rem;border:none;border-bottom:1px solid var(--border);background:transparent;color:inherit;cursor:pointer}.mail-item.active{background:#3b82f614}.mail-item-new{background:#3b82f60d}.mail-item-new.active{background:#3b82f61f}.mail-badge-new{display:inline-block;margin-right:.4rem;padding:.1rem .45rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;vertical-align:middle}.mail-article-head{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.mail-article-head h2{margin:0;flex:1}.mail-delete-btn{flex-shrink:0}.mail-item:hover,.mail-item.active{background:#3b82f614}.mail-item-top{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem}.mail-from{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-date{flex-shrink:0}.mail-subject{margin-top:.25rem;font-weight:500}.mail-preview{margin-top:.35rem;font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-detail{padding:1rem 1.25rem;overflow-y:auto;max-height:70vh}.mail-article h2{margin:0 0 .5rem;font-size:1.1rem;line-height:1.35}.mail-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.mail-body-formatted{display:flex;flex-direction:column;gap:.85rem;font-size:.95rem;line-height:1.6}.mail-paragraph .mail-line,.mail-quote .mail-line{margin:0 0 .35rem}.mail-paragraph .mail-line:last-child,.mail-quote .mail-line:last-child{margin-bottom:0}.mail-quote{border-left:3px solid var(--border);padding:.65rem .9rem;background:#8b9cb314;border-radius:0 8px 8px 0;color:var(--muted)}.mail-separator{border:none;border-top:1px dashed var(--border);margin:.25rem 0}.mail-body-formatted a,.mail-body-html a{color:var(--accent);word-break:break-all}.mail-body-html{font-size:.95rem;line-height:1.6;word-break:break-word}.mail-body-html p,.mail-body-html div{margin:0 0 .75rem}.mail-body-html table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.9rem}.mail-body-html td,.mail-body-html th{border:1px solid var(--border);padding:.4rem .55rem;vertical-align:top}.mail-body-html blockquote{margin:.75rem 0;padding:.5rem .9rem;border-left:3px solid var(--border);color:var(--muted)}.mail-body-html img{max-width:100%;height:auto}.mail-body-html pre{white-space:pre-wrap;background:#0003;padding:.75rem;border-radius:8px;overflow-x:auto}