/* Floating messages */
.floating-messages {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
}
.alert {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    color: #fff;
}
.alert-success { background-color: #4CAF50; }
.alert-danger { background-color: #f44336; }
.alert-info { background-color: #2196F3; }

/* Modal */
.modal {
    position: fixed;
    z-index: 9998;
    left: 0; top: 0;
    width: 100%; height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    width: 60%;
    border-radius: 5px;
    position: relative;
}
.modal .close {
    position: absolute;
    top: 5px; right: 10px;
    font-size: 20px;
    cursor: pointer;
}

/* Sidebar */
.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 250px;
    background-color: #f1f1f1;
    overflow-y: auto;
    padding: 20px;
    z-index: 9997;
}
.sidebar.left { left: 0; }
.sidebar.right { right: 0; }