.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:flex-end;align-items:stretch;z-index:1050;animation:fadeIn .3s ease}.sessions-modal{background-color:#fff;width:100%;max-width:500px;height:100vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #dee2e6;background-color:#f8f9fa;position:sticky;top:0;z-index:10}.modal-header h5{margin:0;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:.25rem;border-radius:4px}.close-btn:hover{color:#000;background-color:#f0f0f0}.modal-body{flex:1;padding:1rem;overflow-y:auto}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-item{padding:.75rem;border-radius:.375rem;background-color:#f8f9fa;position:relative}.session-item.active{border-left:4px solid #28a745}.session-item.inactive{border-left:4px solid #dc3545}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.session-status{display:flex;align-items:center;font-weight:500;flex:1}.session-actions{display:flex;align-items:center;gap:.75rem}.session-date{font-size:.875rem;color:#6c757d;white-space:nowrap}.session-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;align-items:center;font-size:.875rem}.device-info{word-break:break-all}.ip-address{font-family:monospace}.delete-session-btn{color:#dc3545;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.delete-session-btn:hover{background-color:#dc35451a}.session-btn{min-width:60px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 576px){.sessions-modal{max-width:100%}.session-header{flex-direction:column;align-items:flex-start;gap:.5rem}.session-actions{width:100%;justify-content:space-between}.modal-header,.modal-body{padding:.75rem}}.sessions-modal::-webkit-scrollbar{width:8px}.sessions-modal::-webkit-scrollbar-track{background:#f1f1f1}.sessions-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.sessions-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}