.close-button[data-v-db8824c6]{position:absolute;bottom:1rem;right:1rem;background:transparent;border:none;color:#6c757d;cursor:pointer;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:10;width:36px;height:36px}.close-button[data-v-db8824c6]:hover{background-color:#f8f9fa;color:#495057}.close-button[data-v-db8824c6]:active{background-color:#e9ecef}.close-button svg[data-v-db8824c6]{width:20px;height:20px}.systems-grid[data-v-db8824c6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1.5rem 0;max-height:70vh;overflow-y:auto}.system-card[data-v-db8824c6]{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;aspect-ratio:3/2;min-height:110px}.system-card[data-v-db8824c6]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#10a0d0}.system-card[data-v-db8824c6]:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.system-card-inner[data-v-db8824c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:1rem;gap:.5rem}.system-logo[data-v-db8824c6]{max-width:100%;max-height:50px;-o-object-fit:contain;object-fit:contain;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.system-card:hover .system-logo[data-v-db8824c6]{-webkit-transform:scale(1.05);transform:scale(1.05)}.system-name[data-v-db8824c6]{font-size:.8rem;font-weight:500;color:#495057;text-align:center;line-height:1.3}.modal-footer-text[data-v-db8824c6]{border-top:1px solid #e9ecef;padding-top:1.5rem;margin-top:1rem;text-align:center}.modal-footer-text p[data-v-db8824c6]{color:#6c757d;font-size:.875rem;margin:0}.logout-link[data-v-db8824c6]{color:#10a0d0;text-decoration:none;font-weight:500;-webkit-transition:color .2s ease;transition:color .2s ease}.logout-link[data-v-db8824c6]:hover{color:#0d8ab8;text-decoration:underline}@media (max-width:768px){.systems-grid[data-v-db8824c6]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:1rem 0;max-height:50vh}.system-card[data-v-db8824c6]{min-height:120px}.system-card-inner[data-v-db8824c6]{padding:1rem;gap:.75rem}.system-logo[data-v-db8824c6]{max-height:45px}.system-name[data-v-db8824c6]{font-size:.75rem}}@media (max-width:480px){.systems-grid[data-v-db8824c6]{grid-template-columns:repeat(2,1fr);gap:.75rem}.system-card[data-v-db8824c6]{min-height:100px}.system-card-inner[data-v-db8824c6]{padding:.75rem}.system-logo[data-v-db8824c6]{max-height:35px}}.systems-grid[data-v-db8824c6]::-webkit-scrollbar{width:8px}.systems-grid[data-v-db8824c6]::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.systems-grid[data-v-db8824c6]::-webkit-scrollbar-thumb{background:#ced4da;border-radius:4px}.systems-grid[data-v-db8824c6]::-webkit-scrollbar-thumb:hover{background:#adb5bd}