*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#f1f5f9;background:#0f172a;height:100%;font-family:system-ui,-apple-system,sans-serif}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header h1{font-size:18px;font-weight:600}.header-info{color:#94a3b8;font-size:13px}.header-right{align-items:center;gap:10px;display:flex}.save-indicator{color:#94a3b8;text-align:right;min-width:60px;font-size:12px}.btn{color:#f1f5f9;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .15s}.btn:hover{background:#334155}.btn-primary{background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-danger{color:#ef4444;border-color:#ef4444}.btn-danger:hover{color:#fff;background:#ef4444}.gantt-wrapper{flex:1;position:relative;overflow:auto}.gantt{min-width:max-content;display:grid}.label-col{z-index:2;background:#0f172a;width:180px;min-width:180px;position:sticky;left:0}.day-col{text-align:center;width:40px;min-width:40px}.gantt-header{display:contents}.gantt-header-cell{color:#94a3b8;z-index:3;-webkit-user-select:none;user-select:none;background:#1e293b;border-bottom:1px solid #334155;justify-content:center;align-items:center;height:44px;font-size:11px;display:flex;position:sticky;top:0}.gantt-header-cell.label-col{color:#f1f5f9;z-index:4;justify-content:flex-start;padding-left:12px;font-size:12px;font-weight:600}.gantt-header-cell.today-col{color:#3b82f6;font-weight:700}.task-row{display:contents}.task-label{z-index:2;background:#0f172a;border-bottom:1px solid #1e293b;align-items:center;gap:6px;height:44px;padding:0 8px 0 12px;font-size:13px;display:flex;position:sticky;left:0}.task-name{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;overflow:hidden}.task-name:hover{color:#3b82f6}.task-delete{color:#64748b;visibility:hidden;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1}.task-label:hover .task-delete{visibility:visible}.task-delete:hover{color:#ef4444}.task-cell{border-bottom:1px solid #1e293b;height:44px;position:relative}.task-cell.today-col{background:#3b82f60f}.task-bar{cursor:grab;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;z-index:1;border-radius:4px;justify-content:center;align-items:center;min-width:8px;height:28px;font-size:11px;font-weight:500;display:flex;position:absolute;top:8px}.task-bar:active{cursor:grabbing}.task-bar-edge{cursor:ew-resize;z-index:2;width:8px;height:100%;position:absolute;top:0}.task-bar-edge.left{border-radius:4px 0 0 4px;left:0}.task-bar-edge.right{border-radius:0 4px 4px 0;right:0}.today-line{z-index:1;pointer-events:none;background:#3b82f6;width:2px;position:absolute;top:0;bottom:0}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#1e293b;border:1px solid #334155;border-radius:10px;width:380px;max-width:90vw;padding:24px}.modal h2{margin-bottom:16px;font-size:16px;font-weight:600}.modal-field{margin-bottom:12px}.modal-field label{color:#94a3b8;margin-bottom:4px;font-size:13px;display:block}.modal-field input{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}.modal-field input:focus{border-color:#3b82f6;outline:none}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.toast{color:#fff;z-index:200;background:#ef4444;border-radius:8px;padding:10px 18px;font-size:14px;animation:.2s fadeIn;position:fixed;bottom:20px;right:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}