*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a1a2e;color:#e0e0e0;font-family:Arial,sans-serif}.App{text-align:center}button{background-color:#3282b8;color:#fff;border:none;padding:10px 20px;margin:10px;cursor:pointer;font-size:16px;border-radius:5px;transition:background-color .3s}button:hover{background-color:#1b6ca8}.card{background-color:#16213e;border:1px solid #3282b8;border-radius:8px;padding:15px;cursor:move;color:#e0e0e0;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s,transform .3s}.card:hover{box-shadow:0 6px 8px #3282b84d;transform:translateY(-2px)}.card p{margin:0 0 10px}.card button{background-color:#3282b8;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:14px;border-radius:4px;transition:background-color .3s}.card button:hover{background-color:#1b6ca8}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1a1a2ecc;display:flex;justify-content:center;align-items:center}.popup{background-color:#16213e;padding:30px;border-radius:10px;box-shadow:0 0 20px #3282b84d;max-width:500px;width:90%}.popup h2{color:#3282b8;margin-top:0}.popup p{color:#e0e0e0;line-height:1.6}.popup button{background-color:#3282b8;color:#fff;border:none;padding:10px 20px;margin-top:20px;cursor:pointer;font-size:16px;border-radius:5px;transition:background-color .3s}.popup button:hover{background-color:#1b6ca8}.canvas{width:2000px;height:80vh;border:1px solid #16213e;overflow:auto;position:relative;background-color:#0f3460;background-image:linear-gradient(rgba(50,130,184,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(50,130,184,.1) 1px,transparent 1px);background-size:20px 20px}.arrow{stroke:#3282b8;stroke-width:2;fill:none}.arrow-head{fill:#3282b8}