body{font-family:Arial,sans-serif;background-color:#f4f7f8;color:#333;margin:0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}header{background-color:#008275;color:#fff;padding:20px;text-align:center}h1{margin:0;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;font-size:32px}p.motto{font-style:normal;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;font-size:18px}footer{background-color:#008275;color:#fff;text-align:center;padding:10px;position:absolute;width:100%;bottom:0}.content{max-width:800px;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow-x:auto}@media (max-width:767px){.content{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow-x:auto;flex-wrap:nowrap;margin:40px auto}.chat-container{flex:1;min-width:320px;margin-right:20px}#attendance-log{flex-shrink:0;width:300px;margin-left:20px;padding-right:20px}}.content h2{text-align:center;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;color:#008275}button{background-color:#008275;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:4px;width:100%}button:hover{background-color:#004d40}input,label,select{width:100%;margin-bottom:15px;font-size:16px}.error{color:red;font-weight:700}#result{font-size:16px;margin-top:10px;font-weight:700;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}.bold-text{font-weight:700}.message{text-align:center;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}.cta-text{text-align:center;font-size:18px;margin-top:20px;font-weight:700;color:#008275;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}a{color:#06c;text-decoration:none;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}a:hover{text-decoration:underline}#getStatsButton:disabled{background-color:#b2dfdb;cursor:not-allowed}button:disabled{background-color:#b2dfdb;cursor:not-allowed;opacity:.6}.chat-container{width:100%;max-width:420px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:90vh;overflow:hidden}.chat-window{flex-grow:1;padding:15px;overflow-y:auto;background-color:#e0f2f1;display:flex;flex-direction:column}.message{display:flex;flex-direction:column;margin-bottom:12px}.message.user .message-content{background-color:#00897b;color:#fff;align-self:flex-end}.message.server .message-content{background-color:#b2dfdb;color:#004d40;align-self:flex-start}.message .message-content{border-radius:12px;padding:10px 15px;max-width:75%;word-wrap:break-word;font-size:15px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.input-container{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-top:1px solid #ccc}.input-container input{width:90%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:8px;max-width:380px;margin-left:auto;margin-right:auto}.send-btn{background-color:#00897b;color:#fff;border:none;border-radius:30px;padding:10px;cursor:pointer;font-size:16px;width:100%}.send-btn:hover{background-color:#008275}#error{color:#d32f2f;text-align:center;margin-top:5px;font-size:14px;padding:5px}#admin-status{color:#004d40;text-align:center;margin-top:5px;font-size:14px;padding:5px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid teal;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:20px auto;display:block}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}