*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#0d0f14;color:#e7e9ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.app{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-header h1{font-size:20px;margin:0}.wa-badge{font-size:12px;padding:6px 10px;border-radius:999px;text-decoration:none;background:#1c2028;color:#9aa3b2;border:1px solid #2a2f3a}.wa-badge.connected{color:#5eead4;border-color:#245b52;background:#0f2521}.wa-badge.waiting_for_scan{color:#fbbf24;border-color:#5c4a13;background:#241f0f}.quick-capture{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.quick-capture.expanded{flex-direction:column}.quick-capture input,.quick-capture select,.quick-capture textarea{flex:1;min-width:160px}.quick-capture .row{display:flex;gap:8px}input,select,textarea,button{background:#171a21;border:1px solid #2a2f3a;color:#e7e9ee;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit}textarea{resize:vertical;min-height:60px;width:100%}button{cursor:pointer;background:#5eead4;color:#0d0f14;border:none;font-weight:600}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:#9aa3b2;border:1px solid #2a2f3a;font-weight:400}button.ghost.small{padding:4px 8px;font-size:12px}button.danger{background:#f87171;color:#1a0d0d}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:800px){.board{grid-template-columns:1fr}}.column{background:#12151c;border:1px solid #1f2430;border-radius:12px;padding:12px;min-height:120px}.column-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:10px;color:#c7cbd6}.column-header .count{color:#6b7280;font-weight:400}.column-body{display:flex;flex-direction:column;gap:8px}.empty{color:#4b5563;font-size:13px;padding:8px 0}.task-card{display:flex;gap:10px;background:#171a21;border:1px solid #232836;border-radius:10px;padding:10px 12px;cursor:pointer}.task-card:hover{border-color:#3a4152}.task-card.done{opacity:.6}.complete-dot{width:18px;height:18px;border-radius:50%;border:2px solid #3a4152;background:transparent;flex:none;margin-top:2px;padding:0}.complete-dot:hover{border-color:#5eead4}.task-title{font-size:14px;margin-bottom:6px}.task-meta{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#1f2430;color:#9aa3b2}.badge.priority-high{background:#3a1414;color:#f87171}.badge.priority-medium{background:#2a2410;color:#fbbf24}.badge.priority-low{background:#12261f;color:#6ee7b7}.badge.due.overdue{background:#3a1414;color:#f87171}.badge.sent{background:#12261f;color:#6ee7b7}.badge.auto{background:#17202e;color:#7dd3fc}.done-toggle{margin-top:20px}.done-column{margin-top:12px}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:flex-end;z-index:50}.panel{width:min(420px,100%);height:100%;background:#12151c;border-left:1px solid #232836;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.panel-header{display:flex;justify-content:space-between;align-items:center}.saving{font-size:12px;color:#6b7280}.panel-title{font-size:18px;font-weight:600;border:none;background:transparent;padding:0}.panel-notes{background:#171a21}.field-row{display:flex;gap:12px}.field-row label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9aa3b2}label.field-row{flex-direction:row;align-items:center;justify-content:space-between}.reminders{border-top:1px solid #232836;padding-top:12px;display:flex;flex-direction:column;gap:8px}.reminders-header{font-size:12px;color:#9aa3b2}.reminder-row{display:flex;align-items:center;gap:8px;font-size:13px}.reminder-row span:first-child{flex:1}.panel-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #232836}