.circle-wrap{position:relative;aspect-ratio:1/1;width:100%;min-height:300px;border-radius:.375rem;background:#f8f9fa;border:1px solid #dee2e6;margin:0 auto}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 100px);height:calc(100% - 100px);border:2px dashed #dee2e6;border-radius:50%;background:rgba(255,255,255,.5)}.center-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #dee2e6;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;min-width:120px;z-index:10}.center-card h4{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#495057}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.current-pill{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.center-next{font-size:.8rem;color:#6c757d;margin-bottom:.5rem}.next-name{font-weight:500;color:#495057}.cycle-info{font-size:.75rem;color:#6c757d;margin-top:.5rem}.node{position:absolute;width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #dee2e6;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);cursor:grab;transition:all .2s ease;font-size:.75rem;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:5}.node:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15)}.node.current{background:#d1ecf1;border-color:#17a2b8;color:#0c5460;font-weight:600}.node.next{background:#fff3cd;border-color:#ffc107;color:#856404;font-weight:500}.num{font-size:.7rem;font-weight:600;line-height:1;margin-bottom:2px}.zone-label{font-size:.65rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}.remove{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:#dc3545;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);opacity:0;transition:opacity .2s ease}.node:hover .remove{opacity:1}.remove:hover{background:#c82333;transform:scale(1.1)}.injection-sites-simple{padding:1rem;background:#f8f9fa;border-radius:.375rem;border:1px solid #dee2e6}.injection-sites-simple .current-site{margin-bottom:.5rem}.injection-sites-simple .next-site{margin-bottom:.5rem}.injection-sites-simple .site-name{padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.injection-sites-simple .site-name.current{background:#d1ecf1;color:#0c5460}.injection-sites-simple .site-name.next{background:#fff3cd;color:#856404}@media(max-width:768px){.circle-wrap{min-height:250px}.node{width:50px;height:50px;font-size:.7rem}.zone-label{font-size:.6rem;max-width:45px}.center-card{padding:.75rem;min-width:100px}.center-card h4{font-size:.8rem}}.injection-sites-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6c757d}.injection-sites-empty{text-align:center;padding:2rem;color:#6c757d}.dashboard-injection-sites{margin:1rem 0}.dashboard-injection-sites .circle-wrap{min-height:250px;max-width:300px}.dashboard-injection-sites .center-card{padding:.75rem}.dashboard-injection-sites .node{width:45px;height:45px;font-size:.7rem}.dir-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.dir-arc{fill:none;stroke:#0d6efd;stroke-width:2.5;stroke-linecap:round;opacity:.9}@media(max-width:768px){.dir-arc{stroke-width:2}}