:root{--bg:#f6f7fb;--text:#111827;--muted:#6b7280;--primary:#2563eb;--sidebar:#1f2937;--sidebar-text:#e5e7eb;--border:#e5e7eb;--card:#ffffff}:root[data-theme=dark]{--bg:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--primary:#60a5fa;--sidebar:#0b1220;--sidebar-text:#cbd5e1;--border:#1f2937;--card:#0b1220}*{box-sizing:border-box}html,body,#root{height:100%}html,body,#root,main{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;background:var(--bg);color:var(--text)}aside{background:var(--sidebar)}aside h2{color:var(--sidebar-text);margin:0 0 12px}aside nav{display:grid;gap:8px}aside nav a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--sidebar-text);background:#ffffff0f}aside nav a:hover{background:#ffffff1f}aside nav a.active{background:var(--primary)}main{background:transparent}h1,h2{margin:0 0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.card,.card .card{max-width:100%}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border)}.table-scroll table{table-layout:fixed}thead th{font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);background:#f3f4f6}tbody td{padding:10px 12px;border-bottom:none}tbody tr{border-bottom:1px solid var(--border)}tbody tr:nth-child(odd){background:#fafafa}button{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;background:var(--primary);color:#fff}button.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}input,select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff}.error{color:#ef4444}.hint{color:var(--muted)}.notice{padding:10px 12px;border-radius:8px;margin:8px 0}.notice-info{background:#eef2ff;color:#1e3a8a}.notice-success{background:#ecfdf5;color:#065f46}.notice-error{background:#fee2e2;color:#991b1b}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.actions{display:flex;gap:8px}.icon-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;color:#111}.icon-btn:hover{border-color:#cbd5e1}.tabs{display:flex;align-items:center;gap:8px;margin:8px 0}.tabs button{padding:6px 10px;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:6px}.tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tabs select{padding:6px 10px}.custom-range{display:inline-flex;align-items:center;gap:8px;margin-left:8px}.calendar-header{display:grid;gap:2px;align-items:stretch;margin-top:8px;position:sticky;top:0;z-index:5;background:#fff}.calendar-header .gantt-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.calendar-header .gantt-cell>div:first-child{font-weight:600}.calendar-header .day-total{margin-top:4px}.gantt-row{display:grid;gap:2px;align-items:center}.gantt-label{background:#f8fafc;border:1px solid var(--border);padding:8px;border-radius:6px;position:sticky;left:0;z-index:4}.gantt-cell{background:#fff;border:1px solid var(--border);min-height:36px;display:flex;align-items:flex-start;justify-content:flex-start;font-size:12px;padding:4px}.gantt-bar{width:80%;height:10px;background:#22c55e;border-radius:6px}.gantt-bar.today{background:#2563eb}.gantt-bar.overdue{background:#ef4444}.gantt-bar.future{background:#22c55e}.gantt-cell.overdue-cell{background:#fee2e2;border-color:#ef4444}.gantt-events{display:flex;flex-direction:column;gap:4px;width:100%}.chip{display:flex;align-items:center;gap:6px;padding:2px 6px;border-radius:10px;background:#22c55e;color:#fff}.chip.today{background:#2563eb}.chip.overdue{background:#ef4444}.chip.future{background:#22c55e}.chip .sum{font-weight:600}.chip .chip-action{margin-left:auto;font-size:12px;padding:2px 6px;border:1px solid rgba(255,255,255,.7);background:transparent;color:#fff;border-radius:8px}.day-total{font-size:11px;color:var(--muted)}.calendar-scroll{display:block;overflow-x:auto;overflow-y:hidden;width:100%}.table-scroll{display:block;overflow-x:auto;width:100%}@media (max-width: 1024px){.card{padding:12px}table thead th,tbody td{padding:8px 10px}}@media (max-width: 768px){.actions{flex-wrap:wrap}input,select{width:100%}.tabs{flex-wrap:wrap}}.calendar-summary{display:flex;gap:12px;margin:8px 0}.calendar-summary .box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px}.calendar-summary .box .title{font-size:12px;color:var(--muted)}.calendar-summary .box .value{font-size:16px;font-weight:600}.gantt-cell.has-events{background:#22c55e;border-color:#16a34a}.gantt-cell.has-events.overdue-cell{background:#ef4444;border-color:#dc2626}.gantt-cell.has-events:hover{filter:brightness(.95)}.status-stepper{display:flex;align-items:center;gap:8px;margin:8px 0}.status-stepper button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.footer-bar{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.loading{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.spinner{width:16px;height:16px;border:2px solid var(--muted);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-timeline{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;margin:12px 0;padding:16px 0}.status-track{position:absolute;left:6%;right:6%;top:50%;transform:translateY(-50%);height:8px;background:linear-gradient(90deg,#e5e7eb,#e5e7eb);border-radius:12px;z-index:0}.status-progress{position:absolute;left:6%;top:50%;transform:translateY(-50%);height:8px;border-radius:12px;z-index:0}.status-progress.status-progress-done{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 10px #22c55e66}.status-progress.status-progress-current{background:linear-gradient(90deg,var(--primary),#60a5fa);box-shadow:0 0 10px #60a5fa80;opacity:.7}.status-node{position:relative;display:flex;align-items:center;gap:8px}.status-node{z-index:2}.status-timeline .btn-outline{background:var(--card)}.status-line{position:absolute;left:-16px;right:100%;height:4px;background:var(--border);border-radius:4px}.status-line.done{background:var(--primary)}.status-node.done button{opacity:.9}.status-node.current button{background:var(--primary);color:#fff;border-color:var(--primary)}.status-marker{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.status-marker.done{background:radial-gradient(circle at 50% 50%,#a7f3d0,#22c55e 70%);box-shadow:0 0 12px #22c55e80;color:#064e3b}.status-marker.current{background:#dbeafe;box-shadow:0 0 12px #60a5fa99;color:#2563eb}.status-marker.future{background:#eef2f7;color:#6b7280}