*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Arial,monospace;height:100vh;width:100vw}.App-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;min-height:70px;padding:1rem 2rem}.header-left h1{font-size:1.8rem;font-weight:600}.header-center{display:flex;flex:1 1;justify-content:center}.view-controls{align-items:center}.header-right,.view-controls{display:flex;gap:1rem}.status-bar{align-items:center;background:#fff3cd;border-bottom:1px solid #ffeaa7;display:flex;justify-content:center;padding:.75rem 2rem}.lasso-info{color:#856404;font-size:.9rem;font-weight:500}.selection-toolbar{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;padding:1rem 2rem}.selection-info{color:#495057;display:flex;font-weight:500;gap:1.5rem;margin-bottom:1rem}.action-controls{flex-wrap:wrap;gap:2rem}.action-controls,.color-group{align-items:center;display:flex}.color-group{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;gap:.75rem;padding:.75rem}.color-group label{color:#495057;font-weight:600;min-width:40px}.btn{border:none;border-radius:6px;color:grey;cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.btn:hover{color:#000;transform:translateY(-1px)}.selection-mode{background:#fff;border:1px solid #ced4da;border-radius:6px;font-size:1rem;min-width:100px;padding:.6rem 1rem}.color-picker{border:2px solid #dee2e6;border-radius:6px;cursor:pointer;height:32px;width:40px}.predefined-colors{display:flex;gap:.5rem}.color-button{border:2px solid #dee2e6;border-radius:50%;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.color-button:hover{border-color:#6c757d;transform:scale(1.1)}.color-button.active{border-color:#495057;box-shadow:0 0 0 2px #49505740}.main-content{display:flex;flex:1 1;min-height:0}.timeline-sidebar{background:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 4px #0000000d;display:flex;flex-direction:column;width:320px}.sidebar-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem}.sidebar-header h3{color:#495057;margin-bottom:.25rem}.sidebar-header small{color:#6c757d;font-style:italic}.timeline-list{flex:1 1;overflow-y:auto;padding:1rem}.timeline-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.timeline-item:hover{background:#e9ecef;transform:translateX(4px)}.timeline-item.active{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px #2196f326}.timeline-description{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.timeline-meta{align-items:center;display:flex;font-size:.75rem;justify-content:space-between}.timeline-type{background:#6c757d;border-radius:12px;color:#fff;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.timeline-time{color:#6c757d}.graph-container{flex:1 1;overflow:hidden;position:relative}.loading-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#6c757d;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lasso-overlay{cursor:crosshair;inset:0;position:absolute;z-index:10}.lasso-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media (max-width:1200px){.action-controls{align-items:stretch;flex-direction:column;gap:1rem}.color-group{justify-content:space-between}}@media (max-width:768px){.App-header{flex-direction:column;gap:1rem;padding:1rem}.header-center,.header-right{justify-content:center;width:100%}.timeline-sidebar{max-height:40vh;width:100%}.main-content{flex-direction:column}}
/*# sourceMappingURL=main.7a70060d.css.map*/