:root{--main-content-padding-wide-screen: 80px;--main-content-padding-narrow-screen: 20px}.body{margin:0;font-family:'Roboto', sans-serif}.navigation-bar{background-color:#333;color:white;padding:10px var(--main-content-padding-wide-screen);display:flex;align-items:center;justify-content:space-between}.navigation-bar.staging,.navigation-bar.development,.footer.staging,.footer.development{background-color:var(--env-accent-color)}.navigation-bar a{color:white;text-decoration:none;font-weight:bold;margin-right:20px}.navigation-bar a:hover{color:#ccc}.navigation-bar .logo{font-size:1.5em;font-weight:bold}.developer-logo{max-height:30px}.navigation-bar .nav-links{gap:15px}.nav-links a{font-size:1.3em}.right-section{display:flex;align-items:center;gap:10px}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;cursor:pointer;height:24px;width:30px}.hamburger-menu .bar{height:3px;width:100%;background-color:white;border-radius:5px}@media (min-width: 769px){.nav-links{display:flex}.auth-links{display:flex}.nav-links .auth-links{display:none}}.nav-links.active{display:flex;z-index:1;width:fit-content;padding-left:20px;padding-right:20px;gap:5px}.user-menu{display:flex;flex-direction:column;align-items:center;position:relative}.avatar-container{display:flex;flex-direction:column;align-items:center;cursor:pointer}.avatar-container .avatar{width:40px;height:40px;border-radius:50%}.avatar-container .avatar-name{font-size:0.9em}.dropdown{display:none;position:absolute;background-color:white;box-shadow:0px 8px 16px rgba(0,0,0,0.1);padding:10px;text-align:left;border-radius:5px;top:60px;right:0;min-width:200px;max-width:250px;z-index:100}.dropdown-divider{border-top:1px solid #ddd;margin:10px 0}.dropdown span,.dropdown a{display:block;margin-bottom:5px;color:black}.dropdown a{text-decoration:underline}.dropdown.open{display:block}.flash-messages{margin:0;border:none}@media (max-width: 768px){.flash-message{padding:5px var(--main-content-padding-narrow-screen)}}@media (min-width: 769px){.flash-message{padding:5px var(--main-content-padding-wide-screen)}}.flash-message.notice{background-color:#e7f3fe;color:#31708f}.flash-message.alert{background-color:#f2dede;color:#a94442}.flash-message.success{background-color:#dff0d8;color:#3c763d}.flash-message.error{background-color:#f2dede;color:#a94442}.container{margin:0 auto;min-height:calc(100vh - 150px);padding:0 var(--main-content-padding-wide-screen)}.title h1{font-size:1.5em;margin:0}@media (max-width: 768px){.navigation-bar{padding:10px var(--main-content-padding-narrow-screen)}.title h1{padding-left:var(--main-content-padding-narrow-screen)}.container{padding:0}}@media (min-width: 769px){.title h1{padding-left:var(--main-content-padding-wide-screen)}}.section{margin-bottom:10px}.title{background-color:#f0f0f0;padding:5px 0;margin:0;border:none}.footer{background-color:#f8f9fa;padding:20px;text-align:center;font-size:0.9em;color:#333;border-top:1px solid #e7e7e7}.footer a{color:#007bff;text-decoration:none;margin:0 5px}.footer a:hover{text-decoration:underline}.btn{padding:8px 12px;border-radius:5px;text-decoration:none;text-align:center;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease;text-decoration:none;font-size:16px}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#565e64}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.panel{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:20px;margin-bottom:20px}.panel h2{font-size:1.5em;margin-bottom:10px;margin-top:0px}.panel ul{list-style-type:none;padding:0}.panel li{font-size:1.1em;margin-bottom:10px}.project-info{display:flex;align-items:center}.project-thumbnail img{width:150px;height:150px;object-fit:cover;border-radius:10px;margin-right:20px}.project-details{flex:1}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);align-items:center;justify-content:center}.modal-content{background-color:#ffffff;padding:30px;border-radius:8px;max-width:700px;width:fit-content;margin:0 auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);text-align:center}.modal-content h2{font-size:1.8em;color:#333;margin-bottom:20px;font-weight:bold}.modal-content p{text-align:left;margin-bottom:20px}@media (max-width: 768px){.modal-content p{text-align:left}}.modal-content .btn{margin:0 10px;padding:10px 25px;border-radius:4px;text-decoration:none;font-size:16px;font-weight:600;display:inline-block}.modal-content .btn-primary{background-color:#007bff;color:white;border:1px solid #007bff}.modal-content .btn-secondary{background-color:#6c757d;color:white;border:1px solid #6c757d}.modal-content .btn:hover{opacity:0.9}.no-entities-message{text-align:center;font-size:1.2em;color:#666;margin-top:20px;padding:20px}@media (max-width: 768px){.right-section{display:flex;align-items:center}.nav-links{display:none;flex-direction:column;position:absolute;top:50px;right:0;background-color:#333;width:100%;padding:10px 0;box-shadow:0 8px 16px rgba(0,0,0,0.1)}.nav-links a{text-align:left;color:white;font-size:1em;font-weight:normal;margin:0px}.hamburger-menu{display:flex;order:2}.avatar-container{order:1}.avatar-container .avatar-name{display:none}.auth-links{display:none}.nav-links.active .auth-links{display:flex;flex-direction:column;gap:5px}.dropdown{right:auto;left:50%;transform:translateX(-50%);width:90%;max-width:none}}.basic-table-wrapper{overflow-x:auto}@media (max-width: 768px){.basic-table{font-size:0.8em}.basic-table th,.basic-table td{padding:10px 8px}.basic-table-wrapper{-webkit-overflow-scrolling:touch}}.basic-table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.basic-table th,.basic-table td{padding:12px 15px;text-align:left}.basic-table thead{background-color:#f8f9fa;border-bottom:2px solid #ddd}.basic-table th{color:#333;font-size:1em;font-weight:bold}.basic-table td{font-size:0.9em;color:#666;border-bottom:1px solid #eee}.basic-table tbody tr:hover{background-color:#f1f1f1}.basic-table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.basic-table{font-size:0.8em}.basic-table th,.basic-table td{padding:10px 8px}}.filter-container{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.filter{position:relative}.filter label{display:block;margin-bottom:8px;font-size:1em;color:#333}.filter select{padding:10px;border-radius:5px;border:1px solid #ddd;background-color:#fff;appearance:none;width:100%}.filter::after{content:'';position:absolute;top:65%;right:10px;width:0;height:0;pointer-events:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}.status-badge{padding:5px 10px;border-radius:20px;font-size:0.8em;font-weight:bold}