body{padding:12px;background-color:#c4c4c4}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-icon{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}ul{list-style:none;margin:0;padding:0}li{margin:16px 0;border:1px solid;padding:10px}.highlight{color:#fff}.search-section{margin-bottom:20px}.pagination{justify-content:center}#content{width:100%;min-height:150px}.edit_btn{padding:6px;min-width:80px;border-radius:4px;background-color:gray;color:#fff;margin:0 10px 0 0}button,input{font-family:Arial,sans-serif;font-size:14px;padding:8px;margin:5px;border-radius:4px;border:1px solid #ccc;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}input[type=text]{width:200px;max-width:200%}input:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5);outline:none}button{background-color:#007bff;color:#fff;border:none;cursor:pointer}button:hover{background-color:#0056b3}button:active{background-color:#003f7f;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.textarea-container{width:100%}.textarea-container textarea{width:100%;height:15em}.search-bar{margin-bottom:20px}.search-bar input{margin-right:10px}table{width:100%;border-collapse:collapse;margin-top:20px}td,th{border:1px solid #ddd;padding:8px}th{background-color:#f4f4f4}.pagination{margin-top:20px;display:flex;align-items:center;gap:10px}.highlight{background-color:red}pre{background-color:#f4f4f4;border:1px solid #ddd;padding:10px;white-space:pre-wrap;word-wrap:break-word}