:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}button{font-family:inherit;cursor:pointer}.app{width:100%;min-height:100vh}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2em;color:#888}header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}header h1{font-size:1.2em;margin:0;white-space:nowrap}header nav{display:flex;gap:.5rem;flex-wrap:wrap}header nav button{padding:.3em .8em;font-size:.85em;border-radius:4px;background:#fff;border:1px solid #ccc;cursor:pointer}header nav button.active{background:#4e79a7;color:#fff;border-color:#4e79a7}.import-flow{max-width:700px;margin:2rem auto;padding:1.5rem}.import-flow h2{margin-top:0}.import-flow label{display:block;margin-bottom:1rem;font-weight:600;font-size:.95em}.import-flow label input[type=text]{display:block;width:100%;margin-top:.3rem;padding:.5em;font-size:1em;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.import-flow label input[type=file]{display:block;margin-top:.3rem}.import-flow label small{display:block;color:#888;margin-top:.2rem}.import-flow .actions{display:flex;gap:.5rem;margin-top:1.5rem}.import-flow .error{color:#c0392b;font-weight:600}.preview-section{margin-bottom:1.5rem}.preview-section table{width:100%;border-collapse:collapse;font-size:.85em}.preview-section th,.preview-section td{text-align:left;padding:.3em .5em;border-bottom:1px solid #eee}.preview-section th{background:#f0f0f0;font-weight:600}.gantt-container{padding:1rem}.gantt-container h2{margin:0 0 .75rem;font-size:1.1em}.gantt-scroll{border:1px solid #e0e0e0;border-radius:4px}.gantt-loading,.gantt-error{padding:2rem;text-align:center;color:#888}.gantt-error{color:#c0392b}.gantt-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem;font-size:.8em}.legend-item{display:flex;align-items:center;gap:.3em}.legend-swatch{display:inline-block;width:12px;height:12px;border-radius:2px}