html,body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f2f2f2}body.center-screen{display:flex;justify-content:center;align-items:center;overflow:hidden}.container{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center;width:100%;max-width:700px;max-height:75%;overflow:auto}input,select,button,textarea{display:block;width:100%;padding:10px;margin-top:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button,.btn-primary,.btn-secondary,.options-menu button,.admin-dashboard button{background-color:#007bff;color:#fff;border:none;cursor:pointer;font-weight:700;border-radius:6px;padding:12px;font-size:16px;margin-top:10px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}button:hover,.btn-primary:hover,.btn-secondary:hover,.options-menu button:hover,.admin-dashboard button:hover{background-color:#0056b3;transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333;transform:scale(1.02);box-shadow:0 4px 8px #0000001a}button:disabled,.admin-dashboard button:disabled{background-color:#ccc;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.logout{margin-top:20px}.logout a{color:#007bff;text-decoration:underline}.dashboard-header{font-size:28px;font-weight:700;margin-bottom:20px}.options-menu{display:flex;flex-direction:column;gap:10px;margin-top:10px}.popup-message{position:fixed;top:-60px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:16px 32px;border-radius:8px;z-index:1000;font-size:1.15em;box-shadow:0 2px 8px #00000026;opacity:0;transition:top .3s cubic-bezier(.4,2,.6,1),opacity .3s;pointer-events:none}.popup-message.show-popup{top:30px;opacity:1;pointer-events:auto}.form-grid{display:grid;grid-template-columns:200px 1fr;gap:0rem 1.5rem;max-width:700px}.form-grid label{align-self:center;font-weight:500}.inline-group{display:flex;align-items:center;gap:1rem}.calendar-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.input{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.btn-tertiary{margin-top:20px;padding:10px 20px;background-color:#ddd;border:1px solid #aaa;border-radius:6px;cursor:pointer;font-size:1rem;color:#333}.btn-tertiary:hover{background-color:#ccc}.user-table{border-collapse:collapse;width:100%;margin-top:20px}.user-table th,.user-table td{border:1px solid #ccc;padding:10px;text-align:left}.user-table th{background-color:#f0f0f0}#contentArea{margin-top:25px;text-align:left;overflow-y:auto;max-height:400px;border:1px solid #ccc;border-radius:5px;padding:10px;display:none}#function-area{text-align:left}.action-interface{margin-top:25px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.action-interface h3{margin-top:0;font-size:1.25rem;color:#333}.date-select-container{display:flex;flex-direction:column;gap:10px;margin:15px 0}.date-select-container label{font-weight:700;margin-bottom:0;margin-top:0}.date-select-container select,.date-select-container input{width:auto;min-width:250px;margin-top:0}.top-right-email{position:absolute;top:1rem;right:1.5rem;font-weight:500;font-size:.95rem;color:#333}.status-select-right{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1rem}.status-select-right label{font-weight:700}#statusWrapper{display:none;margin-bottom:10px}#statusWrapper.visible{display:grid}.button-group{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.button-group-vertical{display:flex;flex-direction:column;gap:1rem;margin-top:20px;align-items:stretch}.menu-box{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center;max-width:400px;width:100%}.scroll-wrapper{max-height:80vh;overflow-y:auto;padding-right:8px}.scroll-wrapper::-webkit-scrollbar{width:8px}.scroll-wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:#999}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#attendeesWrapper{display:none}#attendeesWrapper.visible{display:block}#noteWrapper{display:none}#noteWrapper.visible{display:block}#commentsWrapper{display:none}#commentsWrapper.visible{display:block}