.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000}.side-modal{position:fixed;top:0;right:-500px;width:500px;max-width:90%;height:100%;background-color:white;z-index:1001;overflow-y:auto;transition:right 0.3s ease-out;box-shadow:-2px 0 10px rgba(0,0,0,0.2)}.side-modal-header{position:sticky;top:0;background:white;padding:15px;border-bottom:1px solid #eee;z-index:1}.side-modal-close{position:absolute;top:15px;right:15px;width:30px;height:30px;font-size:24px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.side-modal-content{padding:20px}.side-modal-footer{padding:15px;text-align:right;border-top:1px solid #eee}.button-row{display:flex;gap:10px;margin-top:20px}.btn{padding:8px 16px;border:1px solid #ddd;background:white;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.btn-outline-primary{border-color:#95c121;color:var(--gruen-text)}.btn-outline-primary:hover{background:var(--gruen-cta);color:white}.btn .icon{margin-right:5px}.btn-default{border-color:#ddd;color:#333}.btn-default:hover{background:#f8f8f8}@media (max-width:767px){.side-modal{width:100%;max-width:100%}}