.homepage-container{display:flex;min-height:calc(100vh - 200px);max-width:1400px;margin:0 auto;padding:0 1em}.left-column{flex:1;padding:2em 1em 2em 0}.right-column{flex:1;padding:2em 0 2em 1em;position:sticky;top:0;height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;flex-direction:column}.grid-map-container{width:100%;height:100%;position:relative;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;overflow:hidden;transition:all .3s ease}.dark .grid-map-container{background:#0b0b0b;border-color:#495057}.grid-map{width:100%;height:100%;position:relative;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:48px 48px;transition:all .3s ease}.dark .grid-map{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}.node{position:absolute;width:20px;height:20px;background:#6c757d;border-radius:50%;border:2px solid #495057;z-index:5;box-shadow:0 2px 4px #0003;transition:all .3s ease}.dark .node{background:#adb5bd;border-color:#6c757d;box-shadow:0 2px 4px #ffffff1a}.node.connected{background:#28a745;border-color:#1e7e34}.dark .node.connected{background:#20c997;border-color:#0d9488}.node.reserved{background:#ffc107;border-color:#e0a800}.dark .node.reserved{background:#ffc107;border-color:#cc9a06}.connection-line{position:absolute;height:4px;background:#007bff;transform-origin:left center;transition:all .3s ease;border-radius:2px;box-shadow:0 1px 3px #0000004d;z-index:1}.dark .connection-line{background:#0dcaf0;box-shadow:0 1px 3px #fff3}.connection-arrow{position:absolute;z-index:1;pointer-events:none}.connection-arrow:after{content:"";position:absolute;right:-8px;top:-4px;width:0;height:0;border-left:8px solid rgba(0,123,255,.9);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:all .3s ease}.dark .connection-arrow:after{border-left-color:#0dcaf0e6}.path-line{position:absolute;background:#dc3545cc;z-index:2;transition:all .2s ease;height:3px;border-radius:2px}.dark .path-line{background:#ff6b6bcc}.path-line.horizontal{height:3px}.path-line.vertical{width:3px}.robot{position:absolute;width:30px;height:30px;border-radius:50%;background:#007bff;border:2px solid #0056b3;transition:all .2s ease;z-index:10;box-shadow:0 2px 6px #0000004d}.dark .robot{box-shadow:0 2px 6px #fff3}.robot:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.dark .robot:after{background:#e9ecef}.robot:nth-child(1){background:#007bff;border-color:#0056b3}.robot:nth-child(2){background:#28a745;border-color:#1e7e34}.robot:nth-child(3){background:#dc3545;border-color:#c82333}.robot:nth-child(4){background:#ffc107;border-color:#e0a800}.robot:nth-child(5){background:#6f42c1;border-color:#5a2d91}.robot:nth-child(6){background:#fd7e14;border-color:#e55a00}.robot:nth-child(7){background:#20c997;border-color:#0d9488}.robot:nth-child(8){background:#e83e8c;border-color:#c71f6b}.dark .robot:nth-child(1){background:#0d6efd;border-color:#0a58ca}.dark .robot:nth-child(2){background:#198754;border-color:#146c43}.dark .robot:nth-child(3){background:#dc3545;border-color:#b02a37}.dark .robot:nth-child(4){background:#ffc107;border-color:#cc9a06}.dark .robot:nth-child(5){background:#6f42c1;border-color:#5a2d91}.dark .robot:nth-child(6){background:#fd7e14;border-color:#e55a00}.dark .robot:nth-child(7){background:#20c997;border-color:#0d9488}.dark .robot:nth-child(8){background:#e83e8c;border-color:#c71f6b}.robot.waiting{animation:waiting 1s infinite}@keyframes waiting{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.theme-toggle-container{position:absolute;top:10px;right:10px;z-index:20}.warehouse-title{margin-bottom:1rem;font-size:1.2em;font-weight:600;color:var(--heading-color);text-align:center}.linkedin-embed{width:100%;display:flex;justify-content:center;margin:2rem 0}.linkedin-embed iframe{width:100%;max-width:1000px;height:542px}@media (max-width: 768px){.homepage-container{flex-direction:column}.left-column{max-height:none;overflow-y:visible}.right-column{position:static;height:400px;padding:1em 0}}.dark ::-webkit-scrollbar{width:12px;background:#181a1b}.dark ::-webkit-scrollbar-thumb{background:#343a40;border-radius:6px;border:2px solid #181a1b}.dark ::-webkit-scrollbar-thumb:hover{background:#495057}.dark ::-webkit-scrollbar-corner{background:#181a1b}