:root{--bg: #f4f5f7;--panel: #fff;--border: #e2e4e8;--text: #1a1d24;--muted: #6b7280;--primary: #2563eb;--danger: #dc2626;--ok: #059669}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:1px solid var(--border);background:#fff;padding:.45rem .8rem;border-radius:6px;font-size:.9rem}button:hover:not(:disabled){border-color:var(--primary)}button:disabled{opacity:.5;cursor:default}button[type=submit],.row button:first-child{background:var(--primary);color:#fff;border-color:var(--primary)}.ghost{background:#f0f2f5}input,textarea,select{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;font:inherit}.center{display:flex;align-items:center;justify-content:center;min-height:100vh}.error{color:var(--danger);background:#fef2f2;padding:.5rem .75rem;border-radius:6px;margin:.5rem 0}.muted{color:var(--muted)}.layout{min-height:100vh}.topbar{display:flex;align-items:center;gap:1.5rem;background:var(--panel);border-bottom:1px solid var(--border);padding:0 1.25rem;height:56px}.brand{font-weight:700}.topbar nav{display:flex;gap:.25rem;flex:1}.topbar nav a{padding:.4rem .7rem;border-radius:6px;color:var(--text)}.topbar nav a.active{background:#eef2ff;color:var(--primary)}.topbar .user{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--muted)}main{padding:1.25rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.login{width:340px;display:flex;flex-direction:column;gap:.9rem}.login h1{margin:0 0 .5rem;font-size:1.3rem}.login label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:start}.kcol{background:#ebecf0;border-radius:10px;padding:.6rem;min-height:200px}.kcol.over{outline:2px dashed var(--primary)}.kcol h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:.2rem .3rem .7rem;display:flex;justify-content:space-between}.count{background:#d1d5db;border-radius:10px;padding:0 .5rem}.kcol-body{display:flex;flex-direction:column;gap:.5rem;min-height:40px}.kcard{background:#fff;border:1px solid var(--border);border-radius:8px;padding:.6rem;box-shadow:0 1px 2px #0000000d;cursor:grab}.kcard.dragging{opacity:.8;box-shadow:0 6px 16px #0000002e}.kcard-top{display:flex;gap:.35rem;font-size:.9rem;font-weight:500}.kcard-meta{display:flex;gap:.4rem;align-items:center;margin-top:.4rem;font-size:.75rem;color:var(--muted)}.badge{background:#eef2ff;color:var(--primary);border-radius:4px;padding:0 .3rem}.detail{display:grid;grid-template-columns:1fr 320px;gap:1.25rem}.detail h1{font-size:1.3rem;margin:.5rem 0}.chips,.status-btns,.row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.chip{background:#eef2ff;border-radius:6px;padding:.2rem .6rem;font-size:.8rem}.messages{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.msg{border:1px solid var(--border);border-radius:8px;padding:.6rem;background:#fff}.msg.out{background:#eff6ff;margin-left:2rem}.msg.in{margin-right:2rem}.msg-head{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:.3rem}.msg-body{white-space:pre-wrap;font-size:.9rem}.detail-side{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem;height:fit-content}.detail-side h2{font-size:.9rem;margin:1rem 0 .5rem}.detail-side h2:first-child{margin-top:0}.edit-fields{display:flex;flex-direction:column;gap:.7rem;margin-bottom:.5rem}.edit-fields label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:500}.time-add{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.time-add input[type=number]{width:80px}.time-list,.log{list-style:none;padding:0;margin:.5rem 0;font-size:.8rem;display:flex;flex-direction:column;gap:.35rem}.log li{display:flex;flex-direction:column;border-left:2px solid var(--border);padding-left:.5rem}.log-time{color:var(--muted);font-size:.72rem}textarea{resize:vertical}.page h1{font-size:1.3rem}.grid{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.grid th,.grid td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--border);font-size:.88rem}.grid th{background:#f8f9fb;color:var(--muted);font-weight:600}.over{color:var(--danger)}.ok{color:var(--ok)}.cards{display:flex;gap:1rem;margin:1rem 0}.stat{text-align:center;min-width:140px}.stat-num{font-size:2rem;font-weight:700;color:var(--primary)}.bars{display:flex;flex-direction:column;gap:.5rem;max-width:640px}.bar-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.bar-label{width:160px;text-align:right;color:var(--muted)}.bar{flex:1;background:#e5e7eb;border-radius:4px;height:18px}.bar-fill{background:var(--primary);height:100%;border-radius:4px}.bar-val{width:60px}.toast{position:fixed;top:70px;right:20px;z-index:10}.page-head{display:flex;align-items:center;justify-content:space-between}.actions{display:flex;gap:.4rem}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.danger{color:var(--danger)}button.sm{padding:.2rem .5rem;font-size:.78rem}button.icon{border:none;background:none;font-size:1rem;padding:.2rem .4rem;color:var(--muted)}.grid tr.inactive{opacity:.5}.grid td.actions{white-space:nowrap}code{background:#f0f2f5;padding:.1rem .3rem;border-radius:4px;font-size:.85em}.sm{font-size:.8rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem;z-index:100}.modal{background:#fff;border-radius:12px;width:520px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.modal-body label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:500}.modal-body label.chk{flex-direction:row;align-items:center;gap:.5rem;font-weight:400}.modal-body label.chk input{width:auto}.modal-foot{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.6rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.form-row{display:flex;gap:.5rem;align-items:center}.subhead{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.85rem;margin-top:.3rem}.keybox{background:#1a1d24;color:#6ee7b7;padding:.8rem;border-radius:6px;word-break:break-all;white-space:pre-wrap;font-size:.82rem}.report-controls{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.5rem 0 1rem}.report-controls select,.report-controls input{width:auto}.report-result{margin-top:1rem}.ai-summary{background:#eef2ff;border-color:#c7d2fe;margin:.5rem 0 1rem;line-height:1.5}.editable-h1{cursor:pointer}.editable-h1:hover .edit-hint{opacity:1}.edit-hint{opacity:.3;font-size:.8rem}.side-field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted);margin-bottom:.7rem}.side-field select{font-size:.9rem;color:var(--text)}.notes-block{margin:1rem 0}.notes-head{display:flex;align-items:center;gap:.6rem}.notes-head h2{margin:0}.saved-hint{color:var(--ok);font-size:.8rem}.notes-area{width:100%;min-height:140px;resize:vertical;font-family:inherit;line-height:1.5;background:#fffdf5;border-color:#eadfae}.board-bar{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.82rem;color:var(--muted)}.live{display:inline-flex;align-items:center;gap:.4rem;color:var(--ok);font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:livepulse 2s ease-in-out infinite}@keyframes livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.refresh-time{font-variant-numeric:tabular-nums}.danger-zone{margin-top:2rem;padding-top:1rem;border-top:1px solid #f0d0d0}.danger-btn{background:var(--danger);color:#fff;border-color:var(--danger);font-weight:600}.danger-btn:hover{background:#b91c1c;border-color:#b91c1c}.upload-btn{display:inline-flex;align-items:center;gap:.4rem;background:#eef2ff;color:var(--primary);border:1px solid #c7d2fe;border-radius:6px;padding:.5rem .7rem;cursor:pointer;font-size:.85rem}.upload-btn:hover{background:#e0e7ff}.att-list{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.35rem;font-size:.82rem}.linklike{background:none;border:none;color:var(--primary);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.req{color:var(--danger);font-size:.75rem}.card-move{display:none;width:100%;margin-top:.5rem;font-size:.8rem;padding:.35rem}@media(max-width:720px){main{padding:.75rem}.topbar{height:auto;flex-wrap:wrap;gap:.5rem .75rem;padding:.5rem .75rem}.topbar nav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.topbar nav a{white-space:nowrap}.topbar .user{font-size:.78rem}.board{grid-template-columns:1fr;gap:.6rem}.card-move{display:block}.kcard{padding:.7rem}.kcard-top span{font-size:.95rem}.detail{grid-template-columns:1fr}.detail-side{order:2}.msg.out{margin-left:.5rem}.msg.in{margin-right:.5rem}.grid{display:block;overflow-x:auto;white-space:nowrap}.modal{width:100%}.modal-backdrop{padding:1rem .5rem}.form-grid{grid-template-columns:1fr}button,.upload-btn,input,select,textarea{min-height:42px}.btn-sm,button.sm,.board-bar button{min-height:34px}.report-controls select,.report-controls input{width:100%}.report-controls{flex-direction:column;align-items:stretch}}.sum-label{font-weight:600;min-width:46px}.sum-total td{border-top:2px solid var(--border)}.group-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:.75rem}.group-toggle button{border:none;border-radius:0;background:#fff;padding:.45rem .9rem}.group-toggle button.active{background:var(--primary);color:#fff}