body{font-family:sans-serif;padding:2rem;background-color:#f9f9f9}table{width:100%;border-collapse:collapse;margin-top:1rem}table th,table td{border:1px solid #ccc;padding:.75rem;text-align:center;vertical-align:middle}table th small,table td small{display:block;font-size:.85rem;color:#666;margin-top:.25rem}table th{background-color:#c6e5ee}.add-button{background-color:#3d8ba0;color:#fff;border:none;padding:.6rem 1.2rem;cursor:pointer;border-radius:4px;font-size:1rem;transition:background-color .2s ease}.add-button:hover{background-color:#0056b3}.add-button:focus{outline:2px solid #0056b3;outline-offset:2px}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border:1px solid #ccc;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.15);z-index:10;width:90%;max-width:400px;border-radius:8px}.popup.hidden{display:none}.popup h2{margin-top:0;font-size:1.25rem;text-align:center}.popup form{display:flex;flex-direction:column;gap:1rem}.popup form input,.popup form select{display:block;width:100%;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.popup form #drink-quantity{width:unset}.popup form button{padding:.75rem 1rem;font-size:1rem;border-radius:4px;border:none;cursor:pointer}.popup form button#save-button{background-color:#3d8ba0;color:#fff}.popup form button#save-button:hover{background-color:#0056b3}.popup form button#cancel-button{background-color:#6c757d;color:#fff}.popup form button#cancel-button:hover{background-color:#5a6268}