html{font-size:14px}@media(min-width:768px){html{font-size:16px}}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem white,0 0 0 .25rem #258cfb}html{position:relative;min-height:100%}body{margin-bottom:60px;background-image:url('../images/bg.jpg');background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat}.navbar{background-color:transparent!important}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 240px)}.login-card{width:100%;max-width:450px;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;background-color:rgba(255,255,255,.95)}.login-header{padding:20px;background-color:#007bff;color:#fff;text-align:center}.login-body{padding:30px}.login-footer{padding:15px;background-color:#f8f9fa;border-top:1px solid #dee2e6;text-align:center}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:16px;margin-bottom:20px}.table{background-color:#fff;margin-bottom:0}.search-input{min-width:150px}.note-content-detail img{max-width:100%;height:auto;border-radius:4px;margin:10px 0}.sticky-top{z-index:999!important}.editor-container{position:relative}#editor-loading{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.html-preview{max-height:150px;overflow-y:hidden;overflow-x:auto;width:100%}.html-preview table{width:auto;max-width:100%}.html-preview img{max-width:100%;height:auto}.html-preview pre,.html-preview code{white-space:pre;overflow-x:auto;max-width:100%}.html-preview>*{max-width:100%;word-wrap:normal}.col-md-4.collapsed{width:0!important;min-width:0;padding:0;margin:0;overflow:hidden;transition:all .3s ease}.col-md-8.expanded{width:100%!important;transition:width .3s ease;padding-right:15px}.float-toggle-btn{position:fixed;top:80px;right:20px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1030;opacity:0;visibility:hidden;transform:scale(.8);transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}.float-toggle-btn.visible{opacity:1;visibility:visible;transform:scale(1)}.float-toggle-btn i{font-size:1.2rem}.side-panel-container{transition:all .3s ease;overflow:hidden}@media(max-width:767.98px){.col-md-4,.col-md-4.collapsed,.col-md-8,.col-md-8.expanded{width:100%!important}.float-toggle-btn{display:none!important}}.col-md-4.collapsed .card{display:none}.row{--bs-gutter-x:1.5rem}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.page-loader.fade-out{opacity:0}.loader-container{text-align:center;padding:20px;border-radius:8px;background-color:rgba(255,255,255,.9);box-shadow:0 4px 8px rgba(0,0,0,.1)}.page-content{opacity:0;transition:opacity .5s ease}.page-content.fade-in{opacity:1}main{min-height:60vh}.bottom-pagination{margin-top:30px;margin-bottom:30px;background-color:rgba(255,255,255,.95);padding:15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.bottom-pagination .pagination{margin-bottom:0}.bottom-pagination .page-link{border-radius:4px;margin:0 2px;border:1px solid #dee2e6;transition:all .2s}.bottom-pagination .page-link:hover{background-color:#f8f9fa;z-index:2}.bottom-pagination .page-item.active .page-link{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-info{font-size:.9rem;color:#6c757d;text-align:center;margin-bottom:5px}.container main{min-height:calc(100vh - 180px);display:flex;flex-direction:column}.row.mt-4{margin-top:auto!important}.back-to-top{position:fixed;bottom:25px;right:0;display:none;width:40px;height:40px;border-radius:50% 0 0 50%;background-color:#007bff;color:#fff;border:0;padding:0;text-align:center;font-size:20px;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}.back-to-top:hover{background-color:#0056b3;width:45px}.back-to-top:focus{outline:0}.back-to-top i{line-height:40px;margin-left:-3px}