body{height:100%;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#007bff;color:#fff;width:100%;box-sizing:border-box;position:relative;z-index:10}.nav-brand{font-size:1.5rem;font-weight:700}.nav-buttons{display:flex;align-items:center}.desktop-nav-actions{display:flex;gap:10px;margin-right:12px}.desktop-nav-actions button{color:#007bff}.nav-buttons button{margin-left:10px;padding:.5rem 1rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.nav-buttons button:hover{opacity:.85}.content{flex:1;padding:2rem;position:relative}.footer{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:1rem 0;background-color:#f1f1f1;font-size:.9rem;color:#555}.footer-text{margin-left:20px}.footer-actions{display:flex;flex-direction:column;gap:.5rem}.footer-actions button{width:160px;border:none;cursor:pointer;color:#555;font-size:.9rem}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;font-weight:700;color:#555}.selection-wrapper{display:flex;justify-content:center;padding:20px}.selection-container{width:100%;max-width:1200px}.selection-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.selection-card{height:70px;padding:10px;border:1px solid #ccc;border-radius:6px;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;gap:8px;text-align:left;overflow:hidden}.selection-card label{display:inline-flex;flex-direction:row;align-items:center;gap:8px;flex:1;white-space:normal;word-wrap:break-word}.select-all-btn{padding:10px 20px;margin-bottom:10px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;background-color:#007bff;color:#fff;transition:background .2s}.select-all-btn.select-mode{background-color:green;color:#fff}.select-all-btn.unselect-mode{background-color:#dc3545;color:#fff}.section-card:hover{background:#90ee90}.save-btn{display:block;margin:20px auto;padding:10px 20px;border:none;border-radius:6px;background:#007bff;color:#fff;font-size:1rem;cursor:pointer}.save-btn:disabled{background:#ccc;cursor:not-allowed}.form-content{position:relative;max-width:400px;margin:4.5rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000026;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-title{font-size:1.8rem;color:#333}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{margin-bottom:.4rem;font-weight:500;color:#444;font-size:1rem}.form-content input{padding:.6rem .8rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;width:100%;box-sizing:border-box}.form-content button[type=submit]{width:100%;background-color:#007bff;color:#fff;border:none;padding:.7rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .5s}.form-content button[type=submit]:hover{background-color:#0056b3}.password-wrapper{position:relative}.password-wrapper i{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;color:#666;transition:color .2s}.password-wrapper i:hover{color:#000}.error{color:red;font-size:.9rem;margin-top:.3rem}.error-message{margin-bottom:1rem;font-weight:500}.close-btn{width:100%;background:#f44336;color:#fff;margin-top:1rem;border:none;padding:.7rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .5s}.close-btn:hover{background:#d32f2f}@media (max-width: 700px){.section-selection form{grid-template-columns:1fr}.desktop-nav-actions{display:none}.settings-container{flex-direction:column;align-items:center}.settings-menu{flex-direction:row;justify-content:center;width:100%;margin-bottom:1rem}.settings-menu button{flex:1;text-align:center;margin-bottom:0;max-width:150px}.settings-content{width:100%;padding:15px}.sections-container{grid-template-columns:1fr;gap:15px}.sections-list{grid-column:1}.back-btn{grid-column:1;width:100%;margin-bottom:1rem}}.bi{font-family:bootstrap-icons!important;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;text-align:center;vertical-align:-.125em;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 500px){.nav-buttons{display:flex;flex-direction:column;gap:8px}.nav-buttons button{width:100%}.form-content{margin:2rem auto;padding:1.5rem;width:95%}.form-title{font-size:1.4rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}