body,h1,h2,h3,p,ul,li,figure,figcaption{margin:0;padding:0;list-style:none}body{background:#2c3e50;font-family:Helvetica,Roboto,sans-serif;color:#ecf0f1;line-height:1.6;padding:20px}.App{max-width:1200px;margin:0 auto;background:#34495e;box-shadow:0 4px 8px #0000001a;border-radius:10px;overflow:hidden}.App-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#34495e;border-bottom:1px solid #4b6584}.App-header ul{display:flex;list-style:none;margin:0;padding:0}.App-header li{margin-right:15px}.App-header a{color:#4cd137;text-decoration:none;font-weight:500;transition:color .3s ease}.App-header a:hover{color:#fff}.auth-link{font-weight:700;padding:.5rem 1rem;border-radius:5px;transition:background-color .2s ease-in-out}.logout{background-color:#3498db;color:#f7f7f7!important}.logout:hover{background-color:#2980b9}.login{background-color:#2ac447;color:#fff!important}.login:hover{background-color:#258722}.App-logo{height:40vmin}article{padding:20px;margin:20px auto;background-color:#34495e;box-shadow:0 4px 6px #0003;border-radius:8px;animation:fadeIn .3s ease-out;transition:transform .2s ease}button{background-color:#4cd137;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#44bd32}img{max-width:100%;height:auto;display:block;border-radius:8px}@media (max-width: 768px){.dashboard-container{padding:0 0 10px!important}.App-header{flex-direction:column;align-items:center;padding:0}.App-header ul{margin-top:10px}.App-header li{margin-bottom:10px}article{padding:1px;margin:15px}footer nav ul.footer-nav{flex-direction:column;align-items:center}body{padding:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 2s}.grow{transition:transform .2s ease-in-out}.grow:hover{transform:scale(1.05)}.dashboard-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,auto));padding:20px;gap:20px}.card{background:#ffffff;color:#2c3e50;border-radius:8px;box-shadow:0 0 15px #0000001a;padding:20px;animation:fadeIn .3s ease-out;transition:transform .2s ease}.card:hover{transform:translateY(-5px)}.event-table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;text-align:left;padding:8px}th{background-color:#f2f2f2}.clear-events-button{background-color:#ff4d4f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:20px}.clear-events-button:hover{background-color:#e33e41}.popup-overlay{position:fixed!important;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center!important;align-items:center!important;z-index:0;display:flex}.popup-content{background-color:#34495e;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0003;width:80%;max-width:fit-content;overflow-y:auto;max-height:80vh}.popup-actions{display:flex;justify-content:flex-end;margin-top:20px}.popup-actions button{margin-left:10px}footer nav ul.footer-nav{list-style:none;padding:0;margin:0;display:flex;justify-content:left}footer nav ul.footer-nav li{display:inline-block}footer nav ul.footer-nav li a{color:#ecf0f1;text-decoration:none;padding:10px;transition:color .3s ease}footer nav ul.footer-nav li a:hover{color:#4cd137}footer{margin:10px}.center{display:flex;justify-content:center;align-items:center}.auth{background-color:#47627e;padding:40px;border-radius:10px;box-shadow:0 0 10px #0003}.auth h1{font-size:24px;margin-bottom:20px}.auth__error{color:red;margin-bottom:20px}.auth form{display:flex;flex-direction:column}.auth input{padding:10px;margin-bottom:10px;border-radius:5px;border:none;outline:none}.auth button{padding:10px;border-radius:5px;background-color:#23a7ff;color:#fff;border:none;cursor:pointer;font-weight:700}.auth button:hover{background-color:#07c}.auth span{margin-top:10px}.auth span a{color:#7acaff;text-decoration:none;font-weight:700}.auth span a:hover{text-decoration:underline}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.event-entry-form{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#b5b1b180}label{display:block;margin-top:10px;font-weight:700}input,textarea{width:90%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px}.important-text{color:#000}button{display:block;margin-top:20px;padding:10px 20px;background-color:#09f;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}button:hover{background-color:#07c}p{margin-top:10px;font-weight:700}a{text-decoration:none;color:#c0c6ff;font-weight:700;word-break:break-all}