@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;color:#ffffffde;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{min-width:320px;place-items:center}h1{font-size:3.2em;line-height:1.1}button{background-color:#1a1a1a;border:1px solid #0000;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html{background-color:#f0f4f8;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}#root,.app-container,body,html{height:100%;width:100%}.app-container{display:flex;flex-direction:column}.header-container{align-items:center;background-color:#108292;display:flex;flex-direction:row;font-family:Poppins,sans-serif;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;width:96.3%;z-index:1000}.site-title{font-size:1.8rem}.nav-menu ul{gap:1.5rem}.nav-menu a{font-size:1.2rem}.sign-in-btn{background-color:#e3f2fd;border:none;border-radius:20px;color:#108292;cursor:pointer;font-family:Poppins,sans-serif;padding:.5rem 1rem}.sign-in-btn:hover{background-color:#c0e0f7}.main-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-top:80px;padding:2rem;text-align:center;width:100%}.main-content h1{color:#108292;font-size:2.5rem;font-weight:700}.main-content p{color:#333;font-size:1.2rem;margin-top:1rem;max-width:800px}@media (max-width:768px){.header-container{align-items:center;flex-direction:column;padding:1rem}.nav-menu ul{flex-direction:column;gap:1rem}.main-content h1{font-size:2rem}.main-content p{font-size:1rem}}.sign-up-container{flex-direction:row}.form-image{margin-right:50px;width:100%}.sign-up-form{border-radius:15px;box-shadow:0 0 20px #0000001a;margin-left:50px;max-width:800px;padding:60px}.sign-up-form h2{color:#333;font-size:36px;margin-bottom:20px}.sign-up-form p{color:#333;font-size:18px;margin-bottom:20px}.sign-up-form form label{color:#555;font-size:18px;margin-bottom:15px}.sign-up-form form input{border-radius:8px;font-size:16px;margin-bottom:25px;padding:18px}.sign-up-form form button{border-radius:8px;font-size:18px;margin-bottom:30px;padding:18px}.sign-up-form form a{color:#007bff;display:block;font-size:14px;margin-bottom:20px;text-align:right;text-decoration:none}.social-icons{justify-content:space-evenly;margin-top:20px}.social-icons button{border-radius:8px;gap:8px;margin:0 10px}.social-icons button img{height:12px;width:12px}.sign-up-container{align-items:center;background-color:#bdf2f5;display:flex;height:100vh;justify-content:center;padding:0}.form-image{margin-right:20px;max-width:250px}.sign-up-form{background:#fff;border-radius:12px;box-shadow:0 0 8px #0000001a;display:flex;flex-direction:column;max-width:500px;padding:15px}.sign-up-form h2{font-size:20px;margin-bottom:8px}.sign-up-form p{font-size:14px;margin-bottom:10px}.sign-up-form form{display:flex;flex-direction:column;gap:8px}.sign-up-form form label{font-size:14px;font-weight:600;margin-bottom:4px}.sign-up-form form input,.sign-up-form form select{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:6px;padding:6px}.sign-up-form form button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.social-icons{margin-top:10px}.social-icons button{border-radius:6px;gap:6px;margin:0 5px;padding:8px}.social-icons img{height:20px;width:20px}.advokat-info{font-size:12px;margin-top:15px}.advokat-info ul{font-size:12px;list-style-type:none;padding-left:0}.advokat-info ul li{margin-bottom:6px}@media (max-width:768px){.sign-up-container{flex-direction:column;padding:10px}.form-image{margin-bottom:20px;margin-right:0;width:100%}.sign-up-form{max-width:100%;padding:15px}}.sign-in-container{align-items:center;background-color:#bdf2f5;display:flex;flex-direction:200px;height:100vh;justify-content:center}.form-image{border-radius:24px;height:auto;margin-right:80px;max-width:530px;width:35%}.sign-in-form{background:#fff;border-radius:15px;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;margin-left:30px;max-width:700px;padding:85px}.sign-in-form h2{font-size:30px;margin-bottom:20px}.sign-in-form form{display:flex;flex-direction:column}.sign-in-form form label{font-size:18px;font-weight:600;margin-bottom:10px}.sign-in-form form input{border:1px solid #ccc;border-radius:8px;margin-bottom:25px;padding:14px}.sign-in-form form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:30px;padding:14px;width:100%}.social-icons{display:flex;justify-content:space-between;margin-top:15px}.social-icons button{align-items:center;background:#f0f0f0;border:none;border-radius:5px;cursor:pointer;display:flex;flex:1 1;gap:5px;justify-content:center;margin:0 6px;padding:12px}.social-icons button i{font-size:18px}.social-icon{height:20px;width:20px}.main-section{box-sizing:border-box}.section-content{padding:0 20px}.main-title{margin:0;padding:0}.main-title,.main-title-small{font-size:48px;line-height:1.2}.main-title-small{margin-top:-10px}.main-description{font-size:24px;padding:0 10px}.primary-button{border-radius:8px;font-size:100px;padding:25px 50px}.modul-container{box-sizing:border-box}@media (max-width:768px){.main-section{padding:60px 20px}.section-content{padding:0 20px}.main-title{font-size:45px}.main-title-small{font-size:40px}.service-container{align-items:center;flex-direction:column;gap:30px}.service-box{width:80%}.modul-container{flex-direction:column;text-align:center}.modul-image{margin-bottom:30px;margin-right:0;width:80%}.modul-buttons{flex-direction:column;gap:20px}}@media (max-width:480px){.main-section{padding:40px 10px}.section-content{padding:0 10px}.main-title{font-size:35px}.main-title-small{font-size:30px}.main-description{font-size:20px;margin-bottom:40px}.service-title{font-size:28px;margin-bottom:30px}.service-container{flex-direction:column;gap:20px}.service-box{padding:20px;width:100%}.service-box h3{font-size:18px;margin-bottom:15px}.service-button{font-size:14px;padding:10px 20px}.modul-container{flex-direction:column;padding:50px 10px;text-align:center}.modul-image{margin-bottom:20px;width:100%}.modul-title{font-size:40px}.modul-text{font-size:16px}.modul-buttons{flex-direction:column;gap:15px}}footer{background-color:#108292;color:#fff;font-family:Poppins,sans-serif;letter-spacing:.5px;padding:50px 20px}.footer-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section{flex:1 1;margin-right:30px;padding:15px}.footer-section h4{font-size:22px;font-weight:600;letter-spacing:1px;margin-bottom:18px;text-transform:uppercase}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{font-size:16px;margin-bottom:12px}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s ease,transform .3s ease}.footer-section ul li a:hover{color:#fc0;text-decoration:underline;transform:scale(1.05)}.footer-logo{margin-right:20px;width:70px}.logo-section{align-items:center;display:flex;justify-content:flex-start;margin-bottom:25px}.logo-text{color:#fff;font-size:30px;font-weight:700;letter-spacing:3px;margin-left:0}.contact-info p{font-size:16px;line-height:1.5;margin-bottom:10px}.footer-bottom{border-top:1px solid #ffffff4d;color:#ffffffb3;font-size:14px;margin-top:40px;padding-top:20px;text-align:center}@media (max-width:768px){.footer-container{align-items:center;flex-direction:column}.footer-section{margin-bottom:30px;margin-right:0}.logo-section{justify-content:flex-start;margin-left:20px}.logo-text{font-size:28px;text-align:center}.footer-bottom{font-size:14px;margin-top:30px}}.bibliotek-update-section{margin:0 auto;max-width:1200px;padding:50px 20px}.section-title{color:#0a5465;font-size:36px;font-weight:700;margin-bottom:40px;text-align:left}.updates-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.update-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.update-card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-10px)}.update-image{height:200px;object-fit:cover;width:100%}.update-content{padding:20px}.update-meta{display:flex;justify-content:space-between;margin-bottom:10px}.update-meta span{color:#7d7d7d;font-size:14px}.update-title{color:#0a5465;font-size:20px;margin-bottom:15px}.update-description{color:#555;font-size:16px;line-height:1.6;margin-bottom:20px}.update-footer{justify-content:space-between}.update-author,.update-footer{align-items:center;display:flex}.author-image{border-radius:50%;height:30px;margin-right:10px;width:30px}.author-name{color:#7d7d7d;font-size:14px}.read-more-button{background-color:#0a5465;border-radius:5px;padding:10px 20px;transition:background-color .3s ease}.read-more-button:hover{background-color:#083b4c}.navbar-container{background-color:#108292;border-radius:10px;font-family:Poppins,sans-serif;justify-content:space-between;padding:1rem 2rem}.logo,.navbar-container{align-items:center;display:flex}.logo-image{height:auto;margin-right:.5rem;width:40px}.site-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;margin-top:12px;position:relative;top:6px}.nav-menu ul{display:flex;gap:2rem;list-style:none;margin:0;padding-left:0}.nav-menu a{color:#fff;font-size:1rem;text-decoration:none}.nav-menu .dropdown{position:relative}.nav-menu .dropdown-content{background-color:#108292;border-radius:5px;display:none;left:0;min-width:200px;padding:.5rem;position:absolute;top:100%;z-index:1}.nav-menu .dropdown:hover .dropdown-content{display:block}.nav-menu .dropdown-content li{padding:.5rem}.nav-menu .dropdown-content a{color:#fff;display:block;padding:.5rem 1rem;text-decoration:none}.nav-menu .dropdown-content a:hover{background-color:#007bff}.sign-in-btn,.sign-out-btn{background-color:#e3f2fd;border:none;border-radius:10px;color:#108292;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;min-width:120px;padding:.2rem .5rem;text-align:center;width:auto}.sign-in-btn:hover,.sign-out-btn:hover{background-color:#c0e0f7;font-size:.75rem;padding:.2rem .5rem;transform:scale(1)}.user-auth,.user-info{align-items:center;display:flex}.user-name{color:#fff;font-size:1rem;margin-right:1rem}.main-section{align-items:center;background-position:50%;background-size:cover;color:#0a5465;display:flex;justify-content:flex-start;min-height:100vh;padding:80px 20px}.section-content{max-width:1000px;padding:60px;text-align:left}.main-title{font-weight:700}.main-title,.main-title-small{font-size:65px;margin-bottom:10px}.main-description{font-size:30px;line-height:1.6;margin-bottom:60px}.primary-button{background-color:#fb7b05;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:15px 30px;transition:background-color .3s ease}.primary-button:hover{background-color:#0056b3}.service-section{background-color:#f8f9fa;padding:80px 20px}.service-title{color:#0a5465;font-size:36px;margin-bottom:50px;text-align:center}.service-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-around}.service-box{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px #00000026;padding:40px;text-align:left;transition:transform .3s ease;width:300px}.service-box:hover{transform:scale(1.05)}.service-box h3{color:#0a5465;font-size:22px;margin-bottom:25px}.service-button{background-color:#fb7b05;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:15px 25px;transition:background-color .3s ease;width:100%}.service-button:hover{background-color:#0a5465}.modul-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;padding:100px 20px}.modul-image{border-radius:26px;margin-right:50px;width:40%}.modul-description{max-width:700px}.modul-title{font-size:55px;font-weight:700;margin-bottom:30px}.modul-text{font-size:18px;margin-bottom:40px}.modul-buttons{display:flex;gap:30px}.modul-button{background-color:#17a2b8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:15px 25px;transition:background-color .3s ease}.modul-button:hover{background-color:#117a8b}@media (max-width:768px){.main-section{padding:60px 20px}.section-content{padding:40px}.main-title{font-size:45px}.main-title-small{font-size:40px}.modul-container{flex-direction:column;text-align:center}.modul-image{margin-bottom:30px;margin-right:0;width:80%}.modul-buttons{flex-direction:column;gap:20px}}.report-form-container{background-color:#f4faff;border-radius:10px;box-shadow:0 0 15px #0000001a;margin:0 auto;max-width:1000px;padding:40px}h1{color:#0a5465}.form-box{background-color:#fff;border:1px solid #ccc;border-radius:10px;padding:30px}.info-box{background-color:#e8f1fc;border-left:4px solid #007bff;border-radius:5px;color:#333;font-size:16px;padding:15px}.form-row,.info-box{margin-bottom:20px}.form-group{margin-right:20px}.form-group:last-child{margin-right:0}.form-group label{display:block;font-size:18px;margin-bottom:10px}.form-group input{border-radius:5px;width:100%}.submit-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:15px 30px;transition:background-color .3s ease;width:100%}.submit-btn:hover{background-color:#0056b3}.confirmation-container{margin:0 auto;max-width:800px;padding:20px;text-align:center}.confirmation-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:20px;padding:20px}.confirmation-status{color:#555;font-size:18px;font-weight:700;margin-bottom:20px}.go-to-chat-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.go-to-chat-btn:hover{background-color:#0056b3}.broadchat-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;padding:20px}.profile-section{background-color:#f8f8f8;box-shadow:0 4px 8px #0000001a;width:35%}.profile-description{color:#666;font-size:14px;margin-top:10px}.button-group{margin-top:20px}.view-documents-btn,.view-history-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:10px;padding:10px 20px}.view-documents-btn:hover,.view-history-btn:hover{background-color:#0056b3}.chat-section{box-shadow:0 4px 8px #0000001a;flex:1 1;width:60%}.chat-box{margin-bottom:20px;max-height:300px;overflow-y:scroll}.chat-message{margin:5px 0}.chat-message.sent{text-align:right}.chat-message.received{text-align:left}.timestamp{color:#888;display:block;font-size:12px}.typing-indicator{color:#007bff}.chat-input-section{align-items:center}.chat-input-section input{border:1px solid #ddd;border-radius:5px;flex:1 1;padding:10px}.file-section{display:flex;gap:15px;justify-content:center;margin-top:20px}.file-icon-btn,.file-image-btn{background:none;border:none;cursor:pointer}.folder-icon,.sample-image{border-radius:5px;height:40px;object-fit:cover;width:40px}.folder-icon{align-items:center;background-color:#f0f0f0;color:#4caf50;display:flex;font-size:20px;justify-content:center}.sample-image{border:2px solid #ddd}@media (max-width:768px){.broadchat-container{flex-direction:column;gap:20px}.chat-section,.profile-section{width:100%}.chat-input-section input{padding:8px}.view-documents-btn,.view-history-btn{font-size:12px;padding:8px 16px}.send-button{font-size:14px;padding:8px 12px}}.advokat-container{background-color:#f8f9fa;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.page-title{color:#0a5465;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.search-filter-section{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;display:flex;gap:15px;justify-content:flex-start;margin-bottom:30px;padding:20px}.search-input{border-radius:6px;color:#333;max-width:350px;padding:12px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#007bff}.availability-filter{border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;margin-left:10px;max-width:180px;padding:12px}.search-button{border-radius:6px;max-width:120px;padding:12px 20px;transition:background-color .3s ease}.advokat-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:10px 0}.advokat-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:350px;min-width:320px;padding:20px;transition:transform .3s ease}.advokat-card:hover{transform:translateY(-5px)}.advokat-image{border-radius:50%;height:80px;margin-bottom:20px;object-fit:cover;width:80px}.advokat-details h3{color:#0a5465;font-size:18px;margin-bottom:10px}.advokat-details p{color:#555;font-size:14px;margin-bottom:6px}.advokat-details strong{color:#007bff}.availability{background-color:#28a745;border-radius:4px;display:inline-block;padding:5px 10px}.availability,.report-case-button{color:#fff;font-size:14px;margin-top:10px}.report-case-button{background-color:#007bff;border:none;border-radius:6px;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}.report-case-button:hover{background-color:#0056b3}.pagination{align-items:center;gap:5px;margin-top:20px}.pagination button{background-color:#f1f1f1;border:none;border-radius:5px;color:#333;cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.pagination button:hover{background-color:#ddd}.pagination .active{background-color:#007bff;color:#fff}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.profile-container{background-color:#f4faff;border-radius:15px;box-shadow:0 10px 25px #0000001a;display:flex;margin:40px auto;max-width:1200px;padding:40px}.profile-title-container{margin-bottom:40px;margin-top:20px;text-align:center}.profile-title{color:#0a5465;font-size:36px;font-weight:700}.profile-subtitle{color:#666;font-size:18px}.profile-left{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;margin-right:40px;padding:40px;width:35%}.profile-picture{border-radius:50%;height:150px;margin-bottom:20px;object-fit:cover;width:150px}.profile-name{color:#333;font-size:24px;font-weight:700;text-align:center}.profile-right{background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:40px;width:65%}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.profile-header h4{color:#333;font-size:22px;font-weight:700}.profile-actions{display:flex;gap:15px}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .3s ease}.cancel-button{background-color:#f0f0f0;color:#333}.save-button{background-color:#fb7b05;color:#fff}.cancel-button:hover{background-color:#e0e0e0}.save-button:hover{background-color:#d65e00}.profile-form{display:flex;flex-direction:column;gap:30px}.form-row{display:flex;gap:20px;justify-content:space-between}.form-group{display:flex;flex:1 1;flex-direction:column;gap:10px}.form-group label{color:#333;font-size:16px;font-weight:700}.form-group input{border:1px solid #ccc;border-radius:8px;font-size:16px;padding:15px;transition:border-color .3s ease}.form-group input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.form-group input::placeholder{color:#999}@media (max-width:768px){.profile-container{flex-direction:column;padding:20px}.profile-left{margin-bottom:20px;margin-right:0;width:100%}.profile-right{width:100%}.form-row{flex-direction:column;gap:20px}}.manualbook-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;min-height:100vh;padding:0 5vw;width:100%}.manualbook-title{font-size:5vw;margin:2vh 0}.manualbook-subtitle{font-size:2.5vw;margin-bottom:4vh}.search-bar{margin-bottom:4vh}.search-bar input{font-size:2vw;padding:1.5vh}.search-bar .search-button{font-size:2vw;padding:1.5vh 3vw}.book-grid{grid-gap:2vw;flex-grow:1;gap:2vw;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 3vw}.book-card{padding:1.5vw}.book-cover{height:13vw;margin-bottom:1.5vh}.book-title{font-size:2.5vw;margin-bottom:2vh}.book-author{font-size:1.5vw;margin-bottom:2.5vh}.read-now-button{font-size:2vw;padding:1vh 2.5vw}.no-results{font-size:2.5vw;margin-top:4vh}.pagination{margin:4vh 0}.pagination-button{font-size:2vw;margin:0 1.5vw;padding:1.5vh 3vw}.wiki-summary-popup{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:80%;overflow-y:auto;padding:2.5vw;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.wiki-summary-header{background-color:#0a5465;border-radius:5px;color:#fff;font-size:2.5vw;margin-bottom:2.5vw;padding:1.5vw;text-align:center;width:100%}.wiki-summary-text{color:#333;font-size:2vw;line-height:1.6;margin-bottom:2.5vw;text-align:justify;width:100%}.popup{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:40%;overflow-y:auto;padding:2vw;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.popup-content button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem 0;padding:.8rem 2rem;transition:background-color .3s ease}.popup-content button:first-child{background-color:#007bff}.popup-content button:first-child:hover,.popup-content button:last-child,.popup-content button:last-child:hover{background-color:#0056b3}.popup-content button:hover{background-color:#0069d9}@media (max-width:768px){.manualbook-container{padding:0 5vw}.manualbook-title{font-size:7vw}.manualbook-subtitle{font-size:4vw}.search-bar input{font-size:4vw;width:70%}.search-bar .search-button{font-size:4vw}.book-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.book-card{padding:3vw}.book-title{font-size:4vw}.book-author{font-size:2vw}.no-results,.pagination-button,.read-now-button{font-size:4vw}}@media (max-width:480px){.manualbook-title{font-size:8vw}.manualbook-subtitle{font-size:5vw}.search-bar input{font-size:5vw;width:80%}.search-bar .search-button{font-size:5vw}.book-card{padding:4vw}.book-title{font-size:5vw}.book-author{font-size:3vw}.pagination-button,.read-now-button{font-size:5vw}}.riwayat-list{display:flex;flex-direction:column;gap:40px}.riwayat-item{background-color:#f9fafb;border-radius:12px;box-shadow:0 6px 16px #0000001a;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.riwayat-item:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.riwayat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.riwayat-header h3{color:#34495e;font-size:20px;font-weight:600;margin:0}.timestamp{color:#95a5a6}.status{border-radius:30px;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:15px;padding:10px 20px;text-transform:uppercase}.completed{background-color:#27ae60;color:#fff}.in-progress{background-color:#f39c12;color:#fff}.case-details{border-top:2px solid #ecf0f1;margin-top:30px;padding-top:20px}.case-details h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.case-details p{color:#7f8c8d;font-size:15px;margin-bottom:20px}@media (max-width:768px){.riwayat-container{padding:20px}h1{font-size:28px}.riwayat-header h3{font-size:18px}.case-details h4{font-size:16px}.case-details p{font-size:14px}.case-table td,.case-table th{padding:12px}}.case-table a{color:#007bff;font-size:14px;text-decoration:none}.riwayat-container{background-color:#fff;border-radius:16px;box-shadow:0 12px 24px #0000001a;color:#333;font-family:Poppins,sans-serif;margin:50px auto;max-width:1100px;padding:40px}h1{color:#2c3e50;font-weight:600;margin-bottom:50px}.riwayat-info{display:flex;flex-direction:column;gap:30px}.riwayat-info label{color:#34495e;font-size:16px;font-weight:600}.riwayat-info p,textarea{color:#7f8c8d;font-size:16px}.stage-container{background-color:#f9fafb;border-radius:12px;box-shadow:0 6px 16px #0000001a;margin-top:40px;padding:30px}.stage-container h3{color:#34495e;font-size:20px;font-weight:600;margin-bottom:20px}.stage-description{display:flex;flex-direction:column;gap:20px}.stage-description label{font-size:16px;font-weight:600}textarea{border:1px solid #ecf0f1;font-size:15px}.case-table{background-color:#fff;border-collapse:collapse;border-radius:10px;margin-top:25px;overflow:hidden;width:100%}.case-table td,.case-table th{border-bottom:1px solid #ecf0f1;padding:16px;text-align:left}.case-table th{background-color:#3498db;color:#fff;font-weight:600}.case-table tr:nth-child(2n){background-color:#f7f7f7}.case-table tr:hover{background-color:#ecf0f1}.upload-section{display:flex;flex-direction:column;gap:15px;margin-top:20px}.upload-section label{font-size:16px;font-weight:600}.upload-section input[type=file]{background-color:#fff;border:1px solid #ecf0f1;border-radius:8px;font-size:16px;padding:12px}.upload-section .upload-btn{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}.upload-section .upload-btn:hover{background-color:#2980b9}@media (max-width:768px){.riwayat-container{padding:20px}h1{font-size:28px}.case-details h4,.riwayat-info label,.stage-container h3{font-size:16px}.case-details p{font-size:14px}.case-table td,.case-table th{padding:12px}.upload-section .upload-btn,.upload-section input[type=file],.upload-section label{font-size:14px}}.download-link{color:#007bff;display:inline-block;font-size:16px;margin-top:10px;text-decoration:none;transition:color .3s}.download-link:hover{color:#0056b3}body{background-color:#f4f7fa;margin:0;padding:0}h1,h2{color:#333;font-weight:700}h1{font-size:32px}h2{font-size:24px}.riwayat-ad-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:50px auto;max-width:1200px;padding:30px}.report-info{margin-bottom:40px}.report-info div{margin-bottom:15px}.report-info label{color:#555;display:block;font-weight:700;margin-bottom:8px}.report-info p{color:#666;font-size:16px}textarea{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}textarea:focus{background-color:#fff;border-color:#3498db;outline:none}input[type=text],select{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}input[type=text]:focus,select:focus{background-color:#fff;border-color:#3498db;outline:none}button{background-color:#3498db;border-radius:8px;font-weight:600;margin-top:15px;padding:12px 30px;transition:.3s}button:hover{background-color:#2980b9}.delete-button{background-color:#e74c3c}.delete-button:hover{background-color:#c0392b}.activity-table{border-collapse:collapse;margin-top:30px;width:100%}.activity-table td,.activity-table th{border-bottom:1px solid #ddd;padding:15px;text-align:left}.activity-table th{background-color:#3498db;color:#fff;font-weight:600}.activity-table tr:nth-child(2n){background-color:#f9f9f9}.activity-table tr:hover{background-color:#f1f1f1}.activity-table td button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px;transition:.3s}.activity-table td button:hover{background-color:#2980b9}.activity-table select{border:1px solid #ddd;border-radius:5px;padding:8px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;max-width:800px;padding:30px;width:80%}.close-modal-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:.3s}.close-modal-button:hover{background-color:#c0392b}@media screen and (max-width:768px){.riwayat-ad-container{padding:20px}.activity-table td,.activity-table th{padding:12px}button{padding:12px 25px}}.manualbook-container{background-color:#f4faff;border-radius:10px;margin:20px auto;max-width:1200px;padding:0 20px}.manualbook-title{color:#0a5465;font-size:36px;font-weight:700;margin:20px 0;text-align:center}.manualbook-subtitle{color:#666;font-size:18px;margin-bottom:30px;text-align:center}.search-bar{display:flex;justify-content:center;margin-bottom:40px}.search-bar input{border:1px solid #ccc;border-radius:30px 0 0 30px;font-size:16px;outline:none;padding:15px;width:50%}.search-bar .search-button{background-color:#0a5465;border:none;border-radius:0 30px 30px 0;color:#fff;cursor:pointer;font-size:16px;padding:15px 30px;transition:background-color .3s ease}.search-bar .search-button:hover{background-color:#07505a}.book-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 20px}.book-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.book-card:hover{box-shadow:0 5px 20px #0003;transform:translateY(-10px)}.book-cover{border-radius:10px;height:300px;margin-bottom:15px;object-fit:cover;width:100%}.book-title{color:#0a5465;font-size:18px;font-weight:700;margin-bottom:10px}.book-author{color:#888;font-size:14px;margin-bottom:20px}.read-now-button{background-color:#fb7b05;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.read-now-button:hover{background-color:#d65e00}.no-results{color:#888;font-size:18px;margin-top:30px;text-align:center}.pagination{display:flex;justify-content:center;margin:40px 0}.pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:16px;margin:0 5px;padding:10px 20px;transition:background-color .3s ease}.pagination-button.active{background-color:#fb7b05;color:#fff}.pagination-button:hover{background-color:#f0f0f0}.pagination-button.active:hover{background-color:#d65e00}.report-form-ad-container{background-color:#f4f4f9;color:#333;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:30px}h1{font-size:2.5em;margin-bottom:40px}h1,h2{color:#1e1e1e}h2{font-size:2em}.report-table,h2{margin-bottom:20px}.report-table{border-collapse:collapse;width:100%}.report-table td,.report-table th{border:1px solid #ddd;font-size:1em;padding:12px;text-align:left}.report-table th{background-color:#007bff;color:#fff}.report-table tr:nth-child(2n){background-color:#f2f2f2}.report-table button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;padding:8px 16px}.report-table button:hover{background-color:#218838}.response-form label{color:#333;display:block;font-size:1.1em;font-weight:600;margin-top:20px}.response-form input[type=date],.response-form input[type=file],.response-form textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;color:#333;font-family:Poppins,sans-serif;font-size:1em;margin-bottom:15px;margin-top:8px;padding:12px;width:100%}.response-form textarea{height:150px;resize:vertical}.submit-response-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;margin-top:20px;padding:12px 20px;text-transform:uppercase;transition:background-color .3s ease;width:100%}.submit-response-btn:hover{background-color:#218838}@media (max-width:768px){.report-form-ad-container{padding:20px}h1{font-size:2em}h2{font-size:1.6em}.report-table td,.report-table th{font-size:.9em;padding:8px}.response-form input[type=date],.response-form input[type=file],.response-form label,.response-form textarea,.submit-response-btn{font-size:1em}}.video-simulasi-container{background-color:#f9fafc;min-height:100vh;padding:30px}.video-title{color:#0a5465;font-size:36px;margin-bottom:30px;text-align:center}.video-filter-section{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.search-input{border:1px solid #ccc;border-radius:5px;padding:10px;width:250px}.search-button{border-radius:5px;padding:10px 20px}.filter-dropdown{border-radius:5px;padding:10px}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .3s ease-in-out}.video-card:hover{transform:scale(1.05)}.thumbnail-container{height:180px;position:relative;width:100%}.video-thumbnail{border-radius:10px 10px 0 0;height:100%;object-fit:cover;width:100%}.video-duration{background-color:#000000b3;border-radius:5px;bottom:10px;color:#fff;font-size:12px;padding:5px 8px;position:absolute;right:10px}.hover-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.video-card:hover .hover-overlay{opacity:1}.play-button-small{align-items:center;background-color:initial;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;padding:8px;transition:background-color .3s;width:30px}.play-button-small:hover{background-color:#ffffff4d}.video-info{padding:15px}.video-title{font-size:18px;font-weight:700;margin:10px 0}.video-meta{color:#777;font-size:14px;margin-bottom:10px}.video-description{color:#333;font-size:16px}.load-more-section{margin-top:20px;text-align:center}.load-more-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:auto;padding:6px 12px;width:auto}.load-more-button:hover{background-color:#0056b3}.bibliotek-container{background-color:#fff;border-radius:15px;box-shadow:0 8px 24px #0000000f;margin:0 auto;max-width:1300px;padding:50px 20px}.bibliotek-title{font-family:Poppins,sans-serif;font-size:40px;margin-bottom:40px;text-align:center}.bibliotek-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:40px}.search-input{border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 5px #0000001a;flex:1 1;font-size:16px;padding:14px;transition:all .3s ease-in-out}.search-input:focus{border-color:#0a5465;box-shadow:0 4px 8px #0000001a;outline:none}.search-button{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:14px 30px;transition:all .3s ease-in-out}.search-button:hover{background-color:#0056b3;transform:translateY(-2px)}.filter-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:10px;font-size:16px;padding:14px;transition:border-color .3s}.filter-dropdown:hover{border-color:#007bff}.bibliotek-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.bibliotek-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;padding:20px;position:relative;transition:all .3s ease-in-out}.bibliotek-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-8px)}.bibliotek-thumbnail{border-radius:10px;height:200px;margin-bottom:20px;object-fit:cover;width:100%}.bibliotek-info{display:flex;flex-direction:column}.bibliotek-title{color:#0a5465;font-size:20px;font-weight:700;margin-bottom:10px}.bibliotek-summary{color:#666;font-size:15px;line-height:1.6;margin-bottom:15px}.bibliotek-meta{color:#999;font-size:13px;margin-bottom:15px}.read-more-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px;text-align:center;transition:all .3s ease-in-out}.read-more-button:hover{background-color:#0056b3;transform:translateY(-3px)}@media (max-width:768px){.bibliotek-title{font-size:28px}.bibliotek-filter-section{flex-direction:column}.filter-dropdown,.search-button,.search-input{margin-bottom:15px;width:100%}.bibliotek-thumbnail{height:180px}}@media (max-width:480px){.bibliotek-title{font-size:24px}.bibliotek-card{padding:15px}.bibliotek-thumbnail{height:160px}}.broadchat-ad-container{background-color:#f7f9fc;color:#333;display:flex;font-family:Poppins,sans-serif;gap:20px;height:calc(100vh - 160px);overflow:hidden;padding:20px}.profile-section{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;text-align:center;width:30%}.profile-pic{border-radius:50%;height:100px;margin-bottom:15px;object-fit:cover;width:100px}h3{color:#0a5465;font-size:22px;font-weight:600;margin:10px 0}.profile-description{color:#555;font-size:16px;line-height:1.6;margin-bottom:20px}.view-history-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;padding:12px 24px;transition:background-color .3s}.view-history-btn:hover{background-color:#0056b3}.chat-section{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;flex-grow:1;padding:20px}.chat-section h3{color:#007bff;font-size:20px;font-weight:600;margin-bottom:15px;text-align:center}.chat-box{background-color:#f1f5f8;border:1px solid #ddd;border-radius:10px;flex-grow:1;margin-bottom:15px;overflow-y:auto;padding:15px}.chat-message{word-wrap:break-word;border-radius:20px;font-size:16px;margin-bottom:15px;max-width:75%;padding:12px 18px;position:relative}.chat-message.received{align-self:flex-start;background-color:#e6f7ff;border-radius:15px 15px 15px 0}.chat-message.sent{align-self:flex-end;background-color:#007bff;border-radius:15px 15px 0 15px;color:#fff}.timestamp{color:#999;font-size:14px;margin-top:5px;text-align:right}.typing-indicator{color:#555;font-size:14px;font-style:italic;padding:5px 10px;text-align:left}.chat-input-section{background-color:#fff;border:1px solid #ddd;border-radius:5px;display:flex;overflow:hidden}.chat-input-section input{flex-grow:1;font-size:16px;outline:none;padding:12px}.chat-input-section input,.send-button{border:none;font-family:Poppins,sans-serif}.send-button{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;max-width:150px;min-width:auto;padding:6px 12px;transition:background-color .3s}.send-button:hover{background-color:#0056b3}*{font-family:Poppins,sans-serif}.login-page-wrapper{background-color:#f4f4f9;padding:20px}.login-page{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:600px;max-width:400px;overflow-y:auto;padding:20px}.header{color:#333;font-size:22px;font-weight:600;margin-bottom:10px}.intro-text{color:#555;font-size:14px}.input-label{color:#333;font-weight:600;margin-bottom:6px}.input-field{border-radius:6px;color:#333;font-size:13px}.input-field:focus{border-color:#007bff;outline:none}.icon-lock,.icon-user{margin-right:8px}.icon-eye{right:10px;top:38px}.login-button{background-color:#007bff;border-radius:6px;font-size:14px;font-weight:600;padding:10px}.login-button:hover{background-color:#0056b3}.forgot-password{color:#007bff;display:block;font-size:12px;margin-top:10px;text-align:center}.register-text{color:#555;font-size:14px;margin-top:15px;text-align:center}.register-link{color:#007bff;cursor:pointer;font-weight:600}.register-link:hover{text-decoration:underline}.register-page-wrapper{align-items:center;background-image:url(/static/media/main.2796118967552f21e040.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center}.register-page{background-color:#fffc;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:20px;width:100%}.header{font-weight:700;text-align:center}.container{display:flex;flex-direction:column}.intro-text{font-size:16px;margin-bottom:20px;text-align:center}.input-group{margin-bottom:15px}.input-label{display:block;font-size:14px;margin-bottom:5px}.input-field{border:1px solid #ddd;font-size:14px;padding:10px}.register-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;width:100%}.register-button:hover{background-color:#0056b3}.login-link-text{margin-top:20px;text-align:center}.login-link{color:#007bff;cursor:pointer;font-weight:700}.login-link:hover{text-decoration:underline}.dashboard-page-wrapper{display:flex;flex-direction:column;min-height:100vh}.dashboard-container{display:flex;flex:1 1;margin-top:20px;padding:20px}.dashboard-sidebar{box-shadow:0 2px 10px #0000001a;padding:30px 20px}.dashboard-menu-item{padding:12px 15px}.dashboard-main{background:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a;flex:1 1;margin-left:250px;overflow:auto;padding:30px}.dashboard-header{margin-bottom:20px}.dashboard-title{color:#2c3e50;font-size:28px;font-weight:700}.dashboard-section-title{color:#7d7d7d;font-size:18px;margin-bottom:30px}.dashboard-statistics-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:30px}.statistik-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 15px #0000001a;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.statistik-item:hover{box-shadow:0 4px 20px #0003;transform:translateY(-10px)}.stat-name{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:10px}.stat-value{color:#108292;font-size:36px;font-weight:700}.dashboard-statistics-section{margin-top:30px}.dashboard-statistics-section h2{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px}.footer-ad{background-color:#f1f1f1;border-top:1px solid #0000001a;color:#888;font-size:14px;margin-top:auto;padding:20px;text-align:center}@media (max-width:1024px){.dashboard-container{flex-direction:column}.dashboard-sidebar{height:auto;position:relative;width:100%}.dashboard-main{margin-left:0}.dashboard-statistics-wrapper{grid-template-columns:1fr 1fr}}@media (max-width:768px){.dashboard-sidebar{padding:20px;width:100%}.dashboard-menu-item{font-size:14px;padding:10px}.dashboard-statistics-wrapper{grid-template-columns:1fr}.statistik-item{width:100%}}.user-content{background:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a;flex:1 1;margin-left:250px;overflow:auto;padding:40px}.user-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.user-form input,.user-form select{border:1px solid #ddd;border-radius:5px;font-size:16px;outline:none;padding:12px}.user-form input[type=file]{background-color:#f1f1f1;border:none}.user-form button{background-color:#108292;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background-color .3s ease}.user-form button:hover{background-color:#1a4b57}.user-table{border-collapse:collapse;margin-top:30px;text-align:left;width:100%}.user-table thead{background-color:#f4f4f4}.user-table td,.user-table th{border:1px solid #ddd;padding:15px}.user-table th{background-color:#eaeaea;font-weight:700}.user-table td{color:#555}.user-table button{background-color:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.user-table button:hover{background-color:#e67e22}.user-table img{border-radius:50%;height:40px;width:40px}@media (max-width:1024px){.dashboard-sidebar{padding:20px;width:200px}.user-content{margin-left:200px}.user-form input,.user-form select{font-size:14px}.user-table td,.user-table th{font-size:14px;padding:10px}}@media (max-width:768px){.dashboard-sidebar{padding:15px;width:100%}.user-content{margin-left:0}.dashboard-sidebar-title{font-size:20px}.dashboard-menu-item{font-size:14px}.user-form{gap:10px}.user-form button,.user-form input,.user-form select{font-size:14px}.user-table td,.user-table th{font-size:14px;padding:10px}}.admin-data-page{display:flex;padding:20px}.dashboard-sidebar{background-color:#333;height:100%}.dashboard-menu-item{margin:15px 0}.dashboard-menu-item:hover{background-color:#444;padding-left:10px}.admin-content{background-color:#f9f9f9;margin-left:250px;padding:20px;width:100%}.admin-form input{border:1px solid #ccc;border-radius:4px;margin:10px 0;padding:10px;width:100%}.save-btn{background-color:#108292;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-btn:hover{background-color:#1a4b57}.admin-list table{border-collapse:collapse;width:100%}.admin-list td,.admin-list th{border:1px solid #ddd;padding:10px}button{margin:5px;padding:5px 10px}button:hover{background-color:#f5f5f5}.login-page-wrapper{background:url(/static/media/main.2796118967552f21e040.jpg) no-repeat 50%/cover;background-attachment:fixed;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin:0}.login-page,.login-page-wrapper{align-items:center;display:flex;justify-content:center}.login-page{flex-direction:column;height:100%;width:100%}.header{color:#b3b3b3;font-size:24px;font-weight:300;margin-bottom:20px}.container{background-color:#ffffffe6;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:380px;padding:40px;position:relative;text-align:center;width:100%}.login-card{width:100%}.login-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:30px}.input-group{margin-bottom:20px;position:relative}.input-label{align-items:center;display:flex}.icon-eye,.icon-lock,.icon-user{color:#555;font-size:20px;margin-right:10px}.input-field{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px 15px;transition:border-color .3s;width:100%}.input-field:focus{border-color:#2980b9}.icon-eye{color:#999;cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.login-button{background-color:#2980b9;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 20px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#216a94}.forgot-password{color:#2980b9;display:inline-block;font-size:14px;margin-top:15px;text-decoration:none}.forgot-password:hover{text-decoration:underline}.logo{margin-bottom:20px;width:100px}.rights{color:#108292;font-size:14px;font-weight:700;margin-top:15px;text-align:center}.chat-page-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;padding:0 15px}.form-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;margin:20px auto;max-height:600px;max-width:500px;padding:30px;width:100%}.form-container h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}form{display:flex;flex-direction:column;gap:15px;width:100%}form input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}form input:focus{border-color:#007bff;outline:none}.error-message{color:#d9534f;font-size:14px}button{background-color:#007bff;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;padding:12px;width:100%}button:hover{background-color:#0056b3}@media (max-width:768px){.form-container h2{font-size:20px}button,form input{font-size:14px;padding:10px}}.status-container{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}h1{font-size:2rem;margin-bottom:30px}.status-form{display:flex;justify-content:center;margin-bottom:20px}.report-id-input{font-size:16px;margin-right:10px;padding:12px;width:200px}.check-status-button{font-size:16px;padding:12px 20px}.status-display{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;color:#007bff;font-size:1.2rem;margin-top:20px;padding:10px;text-align:center}.error-message{margin-top:20px}.status-ad-container{font-family:Arial,sans-serif;margin:0 auto;max-width:500px;padding:15px}h1{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center}.status-ad-form{display:flex;justify-content:center;margin-bottom:15px}.report-id-input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-right:8px;padding:10px;width:150px}.check-status-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.check-status-button:hover{background-color:#0056b3}.check-status-button:focus{box-shadow:0 0 5px #007bff80;outline:none}.status-ad-display{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;color:#007bff;font-size:1.1rem;margin-top:15px;padding:8px;text-align:center}.error-message{color:#dc3545;font-size:1rem;margin-top:15px;text-align:center}@media (max-width:768px){.status-ad-container{padding:10px}h1{font-size:1.6rem}.report-id-input{width:100%}.check-status-button{margin-top:10px;width:100%}}.module-data-page{display:flex;flex-direction:row;min-height:100vh}.dashboard-sidebar{padding:20px}.module-content{background:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a;flex:1 1;margin-left:250px;overflow:auto;padding:40px}.module-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.module-form input,.module-form select,.module-form textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;outline:none;padding:12px;transition:border-color .3s ease}.module-form input:focus,.module-form select:focus,.module-form textarea:focus{border-color:#108292}.module-form button{background-color:#108292;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background-color .3s ease}.module-form button:hover{background-color:#1a4b57}.module-list table{border-collapse:collapse;margin-top:30px;text-align:left;width:100%}.module-list thead{background-color:#f4f4f4}.module-list td,.module-list th{border:1px solid #ddd;padding:15px}.module-list th{background-color:#eaeaea;font-weight:700}.module-list td{color:#555}.profile-image-wrapper{align-items:center;display:flex}.profile-image{border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.module-list button{background-color:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s ease}.module-list button:hover{background-color:#e67e22}@media (max-width:1024px){.dashboard-sidebar{padding:20px;width:200px}.module-content{margin-left:200px}.module-form input,.module-form select,.module-form textarea{font-size:14px}.module-list td,.module-list th{font-size:14px;padding:10px}}@media (max-width:768px){.dashboard-sidebar{padding:15px;width:100%}.module-content{margin-left:0}.module-form input,.module-form select,.module-form textarea{font-size:14px}.module-list td,.module-list th{font-size:14px;padding:10px}}.video-data-page{display:flex;flex-direction:row;min-height:100vh}.video-content{background:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a;flex:1 1;margin-left:250px;overflow:auto;padding:40px}.search-container{display:flex;gap:20px}.video-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.video-form input,.video-form select,.video-form textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;outline:none;padding:12px}.video-form button{background-color:#108292;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background-color .3s ease}.video-form button:hover{background-color:#1a4b57}.video-list table{border-collapse:collapse;margin-top:30px;text-align:left;width:100%}.video-list thead{background-color:#f4f4f4}.video-list td,.video-list th{border:1px solid #ddd;padding:15px}.video-list th{background-color:#eaeaea;font-weight:700}.video-list td{color:#555}.video-list button{background-color:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.video-list button:hover{background-color:#e67e22}@media (max-width:1024px){.dashboard-sidebar{padding:20px;width:200px}.video-content{margin-left:200px}.video-form input,.video-form select{font-size:14px}.video-list td,.video-list th{font-size:14px;padding:10px}}@media (max-width:768px){.dashboard-sidebar{padding:15px;width:100%}.video-content{margin-left:0}.video-form input,.video-form select{font-size:14px}.video-list td,.video-list th{font-size:14px;padding:10px}}*{transition:all .3s ease-in-out}body{background-color:#f9f9f9;color:#333;flex-direction:column;font-family:Poppins,sans-serif;line-height:1.6}.dashboard-page,body{display:flex;min-height:100vh}.dashboard-page{flex-direction:row}.dashboard-sidebar{background:linear-gradient(180deg,#2c3e50,#1a262f);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;padding:30px;position:fixed;top:0;width:250px}.dashboard-sidebar-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px;text-transform:uppercase}.dashboard-sidebar-menu{list-style:none;padding:0}.dashboard-menu-item{align-items:center;border-radius:5px;color:#b0c4de;cursor:pointer;display:flex;font-size:16px;margin-bottom:10px;padding:12px;transition:background-color .3s ease,color .3s ease}.dashboard-menu-item.active{background-color:#108292;color:#fff;font-weight:700}.dashboard-menu-item:hover{background-color:#1a4b57;color:#fff}.menu-icon{font-size:18px;margin-right:10px}.bibliotek-content{background:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a;flex:1 1;margin-left:250px;overflow:auto;padding:40px}.title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:30px}.search-container{margin-bottom:20px}.search-container input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:20px;padding:10px;width:300px}.bibliotek-form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.bibliotek-form input,.bibliotek-form select,.bibliotek-form textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;outline:none;padding:12px}.bibliotek-form input[type=file]{background-color:#f1f1f1;border:none}.bibliotek-form button{background-color:#108292;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background-color .3s ease}.bibliotek-form button:hover{background-color:#1a4b57}.bibliotek-table button{background-color:#f39c12}.bibliotek-table button:hover{background-color:#e67e22}.bibliotek-table img{border-radius:5px;height:60px;object-fit:cover;width:60px}@media (max-width:1024px){.dashboard-sidebar{padding:20px;width:200px}.bibliotek-content{margin-left:200px}.bibliotek-form input,.bibliotek-form select,.bibliotek-form textarea{font-size:14px}.bibliotek-table td,.bibliotek-table th{font-size:14px;padding:10px}.search-container input{width:250px}}@media (max-width:768px){.dashboard-sidebar{padding:15px;width:100%}.bibliotek-content{margin-left:0}.bibliotek-form input,.bibliotek-form select,.bibliotek-form textarea{font-size:14px}.bibliotek-table th,body{background-color:#f4f4f9;font-family:Arial,sans-serif;margin:0;padding:0}.bibliotek-page{display:flex}.dashboard-sidebar{background-color:#2f3542;color:#fff;padding-top:20px;width:250px}.dashboard-sidebar h2{color:#fff;font-size:22px;text-align:center}.dashboard-sidebar-menu{list-style-type:none;padding:0}.dashboard-menu-item{align-items:center;color:#dfe4ea;cursor:pointer;display:flex;font-size:18px;padding:15px;transition:background-color .3s ease}.dashboard-menu-item:hover{background-color:#4e5d6b}.menu-icon{margin-right:10px}.dashboard-menu-item.active{background-color:#2d8e94}.bibliotek-content{background-color:#fff;flex:1 1;padding:20px}.title{color:#333;font-size:28px}.search-container,.title{margin-bottom:20px}.search-container input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:100%}.bibliotek-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:30px;padding:20px}.bibliotek-form input,.bibliotek-form textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.bibliotek-form label{display:block;font-size:16px;margin-bottom:5px}.bibliotek-form input[type=file]{padding:5px}.bibliotek-form button{background-color:#4e5d6b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;width:100%}.bibliotek-form button:hover{background-color:#2d8e94}.table-container{margin-top:30px}.bibliotek-table{border-collapse:collapse;margin-top:20px;width:100%}.bibliotek-table td,.bibliotek-table th{border:1px solid #ccc;padding:12px 15px;text-align:left}.bibliotek-table th{background-color:#f1f1f1;color:#333}.bibliotek-table td{background-color:#fafafa}.bibliotek-table .action-buttons{display:flex;gap:10px}.bibliotek-table .action-buttons button{background-color:#ff4757;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.bibliotek-table .action-buttons button:hover{background-color:#e84118}.bibliotek-table .action-buttons button.edit{background-color:#2d8e94}.bibliotek-table .action-buttons button.edit:hover{background-color:#1e5d6a}.bibliotek-table td{font-size:12px;padding:8px}.search-container input{width:200px}}.bibliotek-table{border-collapse:collapse;margin-top:30px;text-align:left;width:100%}.bibliotek-table thead{background-color:#f4f4f4}.bibliotek-table td,.bibliotek-table th{border:1px solid #ddd;padding:15px}.bibliotek-table th{background-color:#eaeaea;font-weight:700}.bibliotek-table td{color:#555}.bibliotek-table td.actions{display:flex;justify-content:space-around}.bibliotek-table button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.bibliotek-table button.valid{background-color:#28a745}.bibliotek-table button.invalid{background-color:#dc3545}.bibliotek-table button:hover{opacity:.8}*{box-sizing:border-box;margin:0;padding:0}.dashboard-su-container{background-color:#f9f9f9;display:flex;min-height:100vh}.dashboard-su-sidebar{background:linear-gradient(180deg,#2c3e50,#1a262f);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;padding:30px 20px;position:fixed;top:0;width:250px}.sidebar-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px;text-transform:uppercase}.sidebar-menu{list-style:none;padding:0}.sidebar-menu li{align-items:center;border-radius:5px;color:#b0c4de;cursor:pointer;display:flex;font-size:16px;margin-bottom:10px;padding:12px 15px;transition:background-color .3s ease,color .3s ease}.sidebar-menu li:hover{background-color:#1a4b57;color:#fff}.sidebar-icon{font-size:18px;margin-right:10px}.dashboard-su-main{background-color:#fff;border-radius:10px;box-shadow:0 2px 15px #0000001a;flex:1 1;margin-left:250px;padding:30px}.dashboard-su-main h1{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:30px}.dashboard-cards{display:flex;gap:20px;margin-top:30px}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 15px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:transform .3s ease;width:200px}.card:hover{transform:translateY(-5px)}.card h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.card-icon{color:#108292;font-size:24px}@media (max-width:768px){.dashboard-su-container{flex-direction:column}.dashboard-su-sidebar{height:auto;position:relative;width:100%}.dashboard-su-main{margin-left:0;padding:20px}.dashboard-cards{align-items:center;flex-direction:column}.card{margin-bottom:20px;width:100%}}
/*# sourceMappingURL=main.b4b688f5.css.map*/